.xsto-videos{color:var(--xsto-white);background:#050505}.xsto-video-gallery__head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);gap:clamp(36px,8vw,120px);align-items:end;margin-bottom:clamp(40px,6vw,76px)}.xsto-video-gallery__head .xsto-heading{max-width:760px}.xsto-video-gallery__head .xsto-copy{margin:0;color:#ffffffad}.xsto-video-gallery__stage{position:relative}.xsto-video-gallery__panel[hidden]{display:none}.xsto-video-gallery__media{overflow:hidden;border:1px solid rgb(255 255 255 / 14%);border-radius:2px;background:#000;box-shadow:0 30px 90px #00000047;aspect-ratio:16 / 9}.xsto-video-gallery__media iframe,.xsto-video-gallery__media video{display:block;width:100%;height:100%;border:0;object-fit:cover}.xsto-video-gallery__caption{display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:20px 0 0}.xsto-video-gallery__caption h3{margin:0;font-size:clamp(1.35rem,2vw,2rem);font-weight:620;letter-spacing:-.035em}.xsto-video-gallery__caption span{flex:0 0 auto;color:#86e9dd;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.xsto-video-gallery__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;margin-top:clamp(30px,4vw,52px);background:#ffffff2e}.xsto-video-gallery__tab{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center;min-width:0;padding:14px;border:0;color:#ffffffa8;text-align:left;background:#050505;cursor:pointer;transition:color .18s ease,background-color .18s ease}.xsto-video-gallery__tab:hover,.xsto-video-gallery__tab[aria-selected=true]{color:var(--xsto-white);background:#181818}.xsto-video-gallery__tab:focus-visible{outline:2px solid #86e9dd;outline-offset:-2px}.xsto-video-gallery__thumb{position:relative;overflow:hidden;width:92px;background:#222;aspect-ratio:16 / 9}.xsto-video-gallery__thumb img{width:100%;height:100%;object-fit:cover}.xsto-video-gallery__play{position:absolute;top:50%;left:50%;display:grid;width:30px;height:30px;border-radius:50%;color:#050505;background:#ffffffe5;place-items:center;transform:translate(-50%,-50%)}.xsto-video-gallery__play:before{width:0;height:0;margin-left:2px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor;content:""}.xsto-video-gallery__tab-copy{min-width:0}.xsto-video-gallery__tab-index{display:block;margin-bottom:4px;color:#86e9dd;font-size:.68rem;font-weight:700;letter-spacing:.14em}.xsto-video-gallery__tab-title{display:block;overflow:hidden;font-size:.9rem;font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}@media(max-width:989px){.xsto-video-gallery__head{grid-template-columns:1fr;gap:22px}.xsto-video-gallery__tabs{overflow-x:auto;grid-auto-columns:minmax(250px,78vw);grid-template-columns:none;grid-auto-flow:column;scroll-snap-type:x mandatory;scrollbar-width:none}.xsto-video-gallery__tabs::-webkit-scrollbar{display:none}.xsto-video-gallery__tab{scroll-snap-align:start}}@media(max-width:749px){.xsto-video-gallery__media{margin-inline:-14px;border-inline:0;border-radius:0}.xsto-video-gallery__caption{display:grid;gap:7px}.xsto-video-gallery__tabs{margin-right:-14px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/xsto-video-gallery.css.map */