:root {
    --plyr-color-main: rgb(129, 129, 129);
    --plyr-progress-loading-size: 0px;
}

.container {
    /* height: 100vh; */
    display: block;

}

.container.hidden {
    /* height: 100vh; */
    display: none;

}

.swiper {
    /* position: relative; */
    width: calc(100% - var(--marges) *2);

    z-index: 2000;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* max-width: 550px; */

}

.swiper-wrapper {
    align-items: start;
    height: auto !important;
}

/* 
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0 !important;
    left: auto !important;

    height: 100% !important;
    top: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
} */

.swiper-button-next::after {
    content: "" !important;
}

.swiper-slide-active {
    outline: 2px solid transparent;
}

.containervideo {
    margin: 0.2em 0 0.4em 0;
    outline: 1px dashed black;
}

.stack img::before {
    outline: 5px dashed rgb(255, 255, 255)
}

.stack img {

    max-height: 80vh;
    outline: 2px solid rgb(255, 255, 255) !important;
    outline-offset: -1px;
    /* outline: 1px dashed black !important;
    box-sizing: border-box; */
    height: 100%;
    /* outline-offset: -1px; */

    /* position: absolute;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transition: opacity 0.3s;*/

    cursor: crosshair;
}

.swiper-pagination-fraction {

    mix-blend-mode: color;
    top: 0.5em !important;
    height: 0;
}

.swiper-slide {


    /* position: absolute;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transition: opacity 0.3s;*/
    outline: 1px dashed rgb(255, 255, 255);
    cursor: crosshair;
}

/* .swiper-slide-next,
.swiper-slide-prev {
    opacity: 0;
} */


/* .stack img:nth-child(5) {
    width: 20%;


}

.stack img:nth-child(4) {
    width: 40%;


}

.stack img:nth-child(3) {
    width: 60%
}

.stack img:nth-child(2) {
    width: 80%
}

.stack img:nth-child(1) {
    width: 100%;


} */

.stack img:hover {}

img {
    object-fit: contain;

}

.plyr__controls {
    height: 0;
    margin-bottom: 0.2em;
}

.plyr--video .plyr__controls {
    background: none !important;
    mix-blend-mode: difference;
}

.plyr__control svg {

    /* display: none !important; */
}

.plyr__menu {
    display: none !important;
}


.plyr__control--overlaid {
    background: none !important;
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2;

}

.plyr__control--overlaid svg {
    display: none !important;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {

    display: none !important;
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: none !important;
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff);
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {}

.plyr__controls .plyr__controls__item:first-child::before {
    /* content: "JOUER"; */
}

.plyr__controls .plyr__controls__item:first-child>svg {
    display: none !important;
}

.plyr__controls .plyr__controls__item.plyr__time {

    font-size: 100%;
}

.plyr__control .plyr__control--overlaid {
    display: none !important;
}

[data-plyr="play"]::after {
    mix-blend-mode: difference;
    content: "Jouer";

}

[data-plyr="play"]::after,
[data-plyr=play].plyr__control--pressed:after {
    text-transform: uppercase;
}

[data-plyr=play].plyr__control--pressed:after {
    mix-blend-mode: difference;
    content: "Pause"
}

[data-plyr=mute].plyr__control {
    display: none !important;
}

.plyr__menu .plyr__control svg {
    display: none;
}

.plyr--video .plyr__progress__buffer {

    height: 1px;
    display: none;
}

.plyr__tooltip {
    /* display: none !important; */
}

.plyr--full-ui input[type="range"]::-moz-range-progress {

    height: 0px !important;
    outline: 0.5px solid white;
    mix-blend-mode: difference;

}

.plyr--full-ui input[type="range"]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 0;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 1px !important;
    width: var(--plyr-range-thumb-height, 13px);

}

.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {


    height: 0px !important;
    outline: 0.5px dashed;
}

.vjs-looping .vjs-loading-spinner {
    display: none;
}