$breakpoints:(phone-sm:420px,phone:767px,tablet-lg:1024px,desktop:1202px);@mixin breakpoint($breakpoint){@if map-has-key($breakpoints,$breakpoint){$breakpoint-value:map-get($breakpoints,$breakpoint)}}.cool-lightbox{align-items:center;display:flex;justify-content:center;inset:0;position:fixed;transition:all .3s ease;.cool-lightbox-zoom{align-items:center;background-color:#0f0f0fcc;border-radius:8px;bottom:15px;display:flex;left:50%;padding:0 12px;position:absolute;transform:translate(-50%);z-index:99999;input[type=range]{-webkit-appearance:none;background:#0000;margin:10px 0;width:105px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;height:4px;width:100%;animate:.2s;background:#e6e6e6;border:0 solid #000;border-radius:11px;box-shadow:0 0 #000}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #000;border-radius:13px;box-shadow:1px 1px 1px #000;cursor:pointer;height:12px;margin-top:-4.5px;width:12px}input[type=range]:focus::-webkit-slider-runnable-track{background:#e6e6e6}input[type=range]::-moz-range-track{cursor:pointer;height:4px;width:100%;animate:.2s;background:#e6e6e6;border:0 solid #000;border-radius:11px;box-shadow:0 0 #000}input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #000;border-radius:13px;box-shadow:1px 1px 1px #000;cursor:pointer;height:12px;width:12px}input[type=range]::-ms-track{cursor:pointer;height:4px;width:100%;animate:.2s;background:#0000;border-color:#0000;color:#0000}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#e6e6e6;border:0 solid #000;border-radius:22px;box-shadow:0 0 #000}input[type=range]::-ms-thumb{background:#fff;border:1px solid #000;border-radius:13px;box-shadow:1px 1px 1px #000;cursor:pointer;height:12px;width:12px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#e6e6e6}.cool-lightbox-zoom__icon{color:#fff;height:15px;width:15px;&:first-of-type{margin-right:10px}&:last-of-type{margin-left:10px}}}.cool-lightbox-thumbs{background-color:#ddd;height:100vh;overflow-x:hidden;overflow-y:auto;position:absolute;right:-102px;scrollbar-color:#fa4242 #afafafe6;scrollbar-width:thin;top:0;transition:none;width:102px;@include breakpoint(phone){transition:all .3s ease}&::-webkit-scrollbar{height:6px;width:6px}&::-webkit-scrollbar-button{height:0;width:0}&::-webkit-scrollbar-thumb{border:0 #fff;border-radius:50px}&::-webkit-scrollbar-thumb:hover{background:#fff}&::-webkit-scrollbar-thumb:active{background:#000}&::-webkit-scrollbar-track{background:#e1e1e1;border:0 #fff;border-radius:8px}&::-webkit-scrollbar-track:hover{background:#666}&::-webkit-scrollbar-track:active{background:#333}&::-webkit-scrollbar-corner{background:#0000}.cool-lightbox-thumbs__list{display:flex;flex-wrap:wrap;padding:2px 0 2px 2px;.cool-lightbox__thumb{background-color:#000;display:block;margin-bottom:2px;margin-right:2px;position:relative;width:100%;&:before{border:1px solid #fa4242;content:"";inset:0;opacity:0;position:absolute;transition:all .3s ease;visibility:hidden;z-index:150}img{height:100%;object-fit:cover;width:100%}&.is-video{&:after{background:#0009;content:"";inset:0;position:absolute;z-index:50}.cool-lightbox__thumb__icon{height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:25px;z-index:100;path{fill:#fff}}}&.active,&:hover{&:before{opacity:1;visibility:visible}}}}}.cool-lightbox__inner{inset:0;overflow:hidden;padding:0!important;position:absolute;transition:none;@include breakpoint(phone){transition:all .3s ease}}.cool-lightbox__progressbar{display:block;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition:transform 3s linear;z-index:500}&.cool-lightbox--is-swipping{cursor:grabbing;iframe{pointer-events:none}.cool-lightbox__slide{transition:none;&.cool-lightbox__slide--hide{display:flex;z-index:50}}}&.cool-lightbox--zoom-disabled{.cool-lightbox__slide{.cool-lightbox__slide__img{transform:translate3d(-50%,-50%,0)}}}&.cool-lightbox--can-zoom{.cool-lightbox__slide{img{cursor:zoom-in}}}&.cool-lightbox--is-zooming{.cool-lightbox__slide{img{cursor:-webkit-grab}}.cool-lightbox-caption{opacity:0}}&.cool-lightbox--thumbs-right{&.cool-lightbox--show-thumbs{.cool-lightbox__inner{right:102px}.cool-lightbox-thumbs{right:0}}}&.cool-lightbox--thumbs-left{&.cool-lightbox--show-thumbs{.cool-lightbox-thumbs{left:0}}}&.cool-lightbox--thumbs-bottom{.cool-lightbox-thumbs{height:70px;inset:auto 0 -70px;overflow:auto;width:100%;@include breakpoint(phone){bottom:-79px;height:79px}.cool-lightbox-thumbs__list{flex-wrap:nowrap;justify-content:center;width:100%;.cool-lightbox__thumb{flex-shrink:0;height:65px;margin-bottom:0;width:100px;@include breakpoint(phone){height:75px}}}}&.cool-lightbox--show-thumbs{.cool-lightbox__inner{bottom:70px;@include breakpoint(phone){bottom:79px}}.cool-lightbox-thumbs{bottom:0}}}*{box-sizing:border-box;margin:0;padding:0}button{background:none;border:none;cursor:pointer;outline:none}svg{path,rect{fill:currentColor}}.cool-lightbox-button{color:#ccc;height:100px;opacity:1;padding:21px 16px 21px 4px;position:absolute;top:calc(50% - 50px);transition:all .3s ease;visibility:visible;width:54px;z-index:800;&:hover{color:#fff}&.hidden{opacity:0;visibility:hidden}>.cool-lightbox-button__icon{align-items:center;background:#1e1e1e99;display:flex;justify-content:center;padding:7px;>svg{height:100%;width:100%}}&.cool-lightbox-button--prev{left:0}&.cool-lightbox-button--next{padding:21px 4px 21px 16px;right:0;@include breakpoint(phone){padding-bottom:31px;padding-left:26px;padding-right:6px;padding-top:31px}}@include breakpoint(phone){padding-bottom:31px;padding-left:6px;padding-right:26px;padding-top:31px;width:70px}}.cool-lightbox-pdf{max-width:100%}.cool-lightbox__iframe{align-items:center;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;left:50%;position:relative;top:50%;transform:translate3d(-50%,-50%,0) scaleX(1);.cool-lightbox-video{aspect-ratio:9/16;height:100vh!important;max-height:90vh!important;max-width:90vw!important;width:100vw!important;@include breakpoint(phone){aspect-ratio:16/9!important;height:auto!important}}iframe{height:100%;width:100%;@include breakpoint(phone){max-height:80vh;max-width:80vw}}}.cool-lightbox__wrapper{height:100%;position:relative;width:100%;&.cool-lightbox__wrapper--swipe{align-items:center;display:flex;.cool-lightbox__slide{display:flex;flex-shrink:0;height:100%;opacity:.4;position:relative;transition:opacity .3s linear;&.cool-lightbox__slide--current{opacity:1}}}}.cool-lightbox__slide{display:none;inset:0;margin-right:30px;position:absolute;transition:transform .3s ease;width:100%;z-index:100;&:last-of-type{margin-right:0}&.cool-lightbox__slide--current{display:flex}.cool-lightbox__slide__img{display:flex;height:100%;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scaleX(1);transition:all .3s ease;width:100%}.cool-lightbox__slide__img,img{-webkit-backface-visibility:hidden;backface-visibility:hidden}img{box-shadow:0 0 1.5rem #00000073;max-width:100%;transform:translateZ(0)}img,picture{margin:auto;max-height:100%;z-index:9999}picture{align-items:center;display:flex;height:100%;justify-content:center}}}.cool-lightbox-toolbar{display:flex;opacity:1;position:absolute;right:0;top:0;transition:all .3s ease;visibility:visible;z-index:1000;&.hidden{opacity:0;visibility:hidden}.cool-lightbox-toolbar__btn{align-items:center;background:#1e1e1e99;border:0;border-radius:0;box-shadow:none;color:#ccc;cursor:pointer;display:inline-flex;height:40px;justify-content:center;margin:0;padding:9px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:40px;&:hover{color:#fff}>svg{height:100%;width:100%}@include breakpoint(phone){height:44px;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px;width:44px}}}.cool-lightbox-caption{background:linear-gradient(0deg,#000000bf,#0000004d 50%,#00000026 65%,#00000013 75.5%,#00000009 82.85%,#00000005 88%,#0000);bottom:0;color:#eee;direction:ltr;font-size:14px;font-weight:400;left:0;line-height:1.5;opacity:1;padding:18px 28px 16px 24px;position:absolute;right:0;text-align:center;transition:opacity .25s ease,visibility 0s ease .25s;z-index:99997;@include breakpoint(phone){padding-bottom:23px;padding-left:30px;padding-right:30px;padding-top:22px}a{color:#eee;text-decoration:underline}h6{font-size:14px;line-height:130%;margin:0 0 6px;@include breakpoint(phone){font-size:16px;margin-bottom:6px;margin-left:0;margin-right:0;margin-top:0}}p{color:#ccc;font-size:13px;line-height:130%;@include breakpoint(phone){font-size:15px}a{color:#ccc;&:hover{color:#eee}}}}.cool-lightbox-modal-enter-active,.cool-lightbox-modal-leave-active{transition:opacity .35s}.cool-lightbox-modal-enter,.cool-lightbox-modal-leave-to{opacity:0}.cool-lightbox-slide-change-enter-active,.cool-lightbox-slide-change-leave-active{transition:opacity .27s}.cool-lightbox-slide-change-enter,.cool-lightbox-slide-change-leave-to{opacity:0}.cool-lightbox-loading-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);.cool-lightbox-loading{animation:cool-lightbox-rotate 1s linear infinite;background:#0000;border:4px solid;border-color:#888 #888 #fff;border-radius:50%;height:50px;opacity:.7;padding:0;width:50px;z-index:500}}.mix-blend-multiply-images .cool-lightbox__slide__img-wrapper{background:#f5f5f5;height:auto!important;transform:translateZ(0)}.mix-blend-multiply-images .cool-lightbox__slide__img img{max-height:100vh!important;mix-blend-mode:multiply}@keyframes cool-lightbox-rotate{to{transform:rotate(1turn)}}@media screen and (max-width:600px){.cool-lightbox .cool-lightbox__iframe .cool-lightbox-video{aspect-ratio:16/9!important;height:auto!important}}