.video-gallery__layout{display:grid;grid-template-columns:minmax(0,1fr)}.video-gallery__list-frame{padding-block-end:1rem}.video-gallery__player{display:flex;flex-direction:column;gap:.75rem}.video-gallery__player-media{position:relative;display:block;width:100%;aspect-ratio:var(--aspect-ratio, 16 / 9);background:rgb(var(--text-color) / .06);overflow:hidden}.video-gallery__player-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease}.video-gallery__player.is-loading .video-gallery__player-spinner{opacity:1}.video-gallery__player-spinner:after{content:"";width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid rgb(var(--text-color) / .15);border-top-color:rgb(var(--text-color) / .7)}@media(prefers-reduced-motion:no-preference){.video-gallery__player-spinner:after{animation:video-gallery-spin .8s linear infinite}}@keyframes video-gallery-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){.video-gallery__player-media,.video-gallery__player-title,.video-gallery__player-description{transition:opacity .15s ease}.video-gallery__player.is-switching .video-gallery__player-media,.video-gallery__player.is-switching .video-gallery__player-title,.video-gallery__player.is-switching .video-gallery__player-description{opacity:0}}.video-gallery__player-media-inner{display:block;width:100%;height:100%;background:rgb(var(--text-color) / .06);overflow:hidden}.video-gallery__player-media-inner img,.video-gallery__player-media-inner svg{display:block;width:100%;height:100%}.video-gallery__player-title{color:rgb(var(--text-color));margin:0}.video-gallery__player-title:empty,.video-gallery__player-description:empty{display:none}.video-gallery__list{display:grid;gap:1.25rem;list-style:none;margin:0;padding:0}.video-gallery__card{display:flex;flex-direction:column;min-width:0}.video-gallery__card-button{display:flex;flex-direction:row;gap:.75rem;width:100%;padding-block:0;border:none;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.video-gallery__card-button:focus-visible{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:2px}@media(prefers-reduced-motion:no-preference){.video-gallery__card-button{transition:background-color .15s ease}}.video-gallery__thumb{position:relative;display:block;flex:0 0 40%;width:40%;background:rgb(var(--text-color) / .06);overflow:hidden}.video-gallery__thumb img,.video-gallery__thumb svg:not(.video-gallery__play-icon svg){display:block;width:100%;height:100%}.video-gallery__play-icon{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:no-preference){.video-gallery__play-icon{transition:transform .15s ease}@media screen and (pointer:fine){.video-gallery__card-button:hover .video-gallery__play-icon{transform:translate(-50%,-50%) scale(1.1)}}}.video-gallery__card-body{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0}.video-gallery__card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:break-word;min-width:0;color:rgb(var(--text-color));margin:0}.video-gallery__card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:break-word;min-width:0;color:rgb(var(--text-color) / .7);margin:0}.video-gallery__card-duration{position:absolute;inset-block-end:.5rem;inset-inline-end:.5rem;background:rgb(var(--circle-button-background));color:rgb(var(--circle-button-text-color));padding-inline:.375rem}.video-gallery__card.is-active .video-gallery__card-button{background:rgb(var(--text-color) / .08)}.video-gallery__card.is-active .video-gallery__thumb{box-shadow:inset 0 0 0 2px rgb(var(--accent))}@media screen and (pointer:fine){@media(prefers-reduced-motion:no-preference){.video-gallery__thumb img{transition:transform .2s ease}}.video-gallery__card-button:hover .video-gallery__thumb img{transform:scale(1.03)}}@media screen and (max-width:999px){.video-gallery__list{grid-auto-flow:column;grid-auto-columns:min(52vw,15rem);gap:.75rem;margin-inline-end:calc(-1 * var(--distance-to-bleed));overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-inline-end:var(--distance-to-bleed);scrollbar-width:thin;scrollbar-color:rgb(var(--text-color) / .25) transparent;padding-block-end:.75rem}.video-gallery__list::-webkit-scrollbar{height:.5rem}.video-gallery__list::-webkit-scrollbar-track{background:transparent}.video-gallery__list::-webkit-scrollbar-thumb{background-color:rgb(var(--text-color) / .25);border-radius:999px}.video-gallery__card-button{flex-direction:column;align-items:stretch;gap:.35rem;padding-bottom:.5rem}.video-gallery__thumb{flex:none;width:100%}.video-gallery__card-body{padding:0 .3rem}}@media screen and (min-width:1000px){.video-gallery__layout{grid-template-columns:minmax(0,65fr) minmax(0,35fr);align-items:stretch}.video-gallery__list-frame{position:relative;min-height:0;min-width:0;padding-block-end:0;padding-inline-start:1.5rem}.video-gallery__list{position:absolute;top:0;right:0;bottom:0;left:0;grid-template-columns:minmax(0,1fr);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--text-color) / .25) transparent;padding-right:.4rem}.video-gallery__list::-webkit-scrollbar{width:.5rem}.video-gallery__list::-webkit-scrollbar-track{background:transparent}.video-gallery__list::-webkit-scrollbar-thumb{background-color:rgb(var(--text-color) / .25);border-radius:999px}.video-gallery__list-frame:has(.video-gallery__list>li:only-child){position:static;min-height:auto}.video-gallery__list-frame:has(.video-gallery__list>li:only-child) .video-gallery__list{position:static;overflow:visible}.video-gallery__card-body{padding:.5rem 0}.video-gallery__card-description{line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/46/compiled_assets/styles.css.map */