.video-marquee{--gap: 1.5rem;--height: min(50vw, 38rem, 70vh);--height-third: calc(var(--height) / 3 - var(--gap) / 3);--height-half: calc(var(--height) / 2 - var(--gap) / 2)}@media(min-width:992px){.video-marquee{--gap: 2rem}}.video-marquee__wrapper{width:100%;height:max-content;background-repeat:no-repeat;background-size:cover;background-position:center top}.video-marquee .marquee-container{width:100%;overflow:hidden;position:relative}.video-marquee__video-wrapper{-ms-overflow-style:none;scrollbar-width:none;overflow:auto;display:flex;justify-content:safe center;flex-wrap:nowrap;gap:var(--gap);position:relative;will-change:left;padding:0 2em}.video-marquee__video-wrapper::-webkit-scrollbar{display:none}.video-marquee__scroll-button{cursor:pointer;display:inline-block;background-color:#ccc;padding:10px}.video-marquee__column{display:flex;flex-direction:column;align-items:center;gap:var(--gap)}.video-marquee__video-card{cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:1;margin:0 auto;border-radius:6px;background:#0009}.video-marquee__video-card.open .video-embed{opacity:1}.video-marquee__video-image{position:relative}.video-marquee__video-image img{object-fit:cover;width:100%;height:100%!important}.video-marquee__video-card .video-embed{height:100%;width:100%;transition:all .3s;background:#000}.video-marquee__video-card .video-embed iframe{opacity:0;width:100%;height:100%;position:absolute;transition:all .3s}.video-marquee__video-card.open{z-index:10;margin-left:auto;margin-right:auto}.video-marquee__video-card.open .video-marquee__video-image{filter:blur(100px)}.video-marquee__video-image__img{width:100%;height:100%;object-fit:cover}.video-marquee__video-card.open .video-marquee__video-box{opacity:1;visibility:visible;height:100%;animation:fadeIn .5s ease forwards}.video-marquee__video-card.hide{height:0;width:0;padding:0;overflow:hidden;opacity:0;transition:opacity .6s ease;position:absolute}.video-marquee__video-card.open{z-index:10}.video-marquee__stick-bottom{margin-top:auto}.video-marquee__stick-top{margin-bottom:auto}.video-marquee__video-image{opacity:1;visibility:visible;transition:opacity .5s ease;height:100%;z-index:1}.video-marquee__video-card__button{position:absolute;top:1em;right:1em;z-index:11;box-shadow:1px 1px 19px #00000014;z-index:2}.video-marquee__video-card__title{position:absolute;bottom:0;left:0;right:0;margin:auto;z-index:3;padding:.8em;font-family:Instrument,sans-serif;font-size:.8em}@media(max-width:37.99em){.video-marquee__video-card__title{display:none}}.video-marquee__video-box{opacity:0;visibility:hidden;transition:opacity .5s ease;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.video-marquee{overflow-y:hidden}.video-marquee__video-card__button{background:#3b3024;border:0;border-radius:100%;cursor:pointer;display:-ms-flexbox;display:flex;height:2.6em;transition:all .3s cubic-bezier(.24,.97,.4,.96);width:2.6em;-ms-flex-align:center;align-items:center}.video-marquee__video-card__button .play-icon-white-outline{transform:translate(8%)}.video-marquee__video-card__button img,.video-marquee__video-card__button svg{display:block;margin:auto;max-height:80%;max-width:80%;object-fit:contain}.video-marquee__video-wrapper{height:var(--height)}.video-marquee__size--small{width:calc(var(--height-half) * 1.2);height:calc(var(--height-third))}.video-marquee__size--medium{width:calc(var(--height-half) * 1.2);height:calc(2 * var(--height-third))}.video-marquee__size--large{width:calc(var(--height-half) * 1.7);height:var(--height-half)}.video-marquee__size--xl{width:calc(var(--height));height:var(--height)}.video-marquee__video-card.open{width:calc(var(--height) * .9);height:var(--height)}.video-marquee__controls{margin:var(--gap);margin-bottom:0;display:flex;justify-content:flex-end;gap:.3em}.video-marquee__control{text-align:center;background:#3b3024;border:0;border-radius:100%;transition:all .3s var(--ui-ease-2);color:#fff;font-size:1.2em;width:2.2em;height:2.2em}.video-marquee__control:hover{background:color-mix(in srgb,white 5%,#3B3024)}.video-marquee__control[disabled]{background-color:color-mix(in srgb,transparent 80%,#3B3024)}.video-marquee__controls:has(.video-marquee__prev[disabled]):has(.video-marquee__next[disabled]){display:none}
