.sami-video-gallery{background:rgb(var(--color-background));color:rgba(var(--color-foreground),.82)}.sami-video-gallery__header{display:grid;gap:1.6rem;margin-bottom:3rem}.sami-video-gallery__kicker{margin:0 0 .8rem;color:rgb(var(--color-button));font-size:1.1rem;font-weight:700;letter-spacing:.14em}.sami-video-gallery__heading{margin:0}.sami-video-gallery__intro{max-width:48rem;color:rgba(var(--color-foreground),.66)}.sami-video-gallery__intro>*:first-child,.sami-video-gallery__intro>*:last-child{margin-top:0;margin-bottom:0}.sami-video-gallery__grid{display:grid;grid-auto-flow:column;grid-auto-columns:min(74vw,28rem);gap:1.6rem;margin:0 -1.5rem;padding:0 1.5rem 1.2rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin}.sami-video-card{min-width:0;scroll-snap-align:start}.sami-video-card__media{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:var(--media-radius);background:rgba(var(--color-foreground),.06);box-shadow:none;color:rgb(var(--color-foreground));cursor:pointer}.sami-video-card__media--portrait{aspect-ratio:9 / 16}.sami-video-card__media--square{aspect-ratio:1 / 1}.sami-video-card__media--landscape{aspect-ratio:16 / 9}.sami-video-card__media>img,.sami-video-card__placeholder,.sami-video-card__placeholder svg{width:100%;height:100%}.sami-video-card__media>img{display:block;object-fit:cover;transition:transform .5s ease}.sami-video-card__media:not(:disabled):hover>img{transform:scale(1.025)}.sami-video-card__media:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.sami-video-card__media:disabled{cursor:default}.sami-video-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.sami-video-card__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;opacity:.5}.sami-video-card__placeholder span{position:relative;z-index:1;max-width:16rem;padding:1rem;font-size:1.2rem;line-height:1.4;text-align:center}.sami-video-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 58%,rgba(20,18,16,.28));pointer-events:none}.sami-video-card__badge{position:absolute;top:1.2rem;left:1.2rem;padding:.55rem 1rem;border-radius:999px;background:rgba(var(--color-background),.88);color:rgb(var(--color-foreground));font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sami-video-card__play{position:absolute;top:50%;left:50%;display:grid;width:5.6rem;height:5.6rem;place-items:center;border-radius:50%;background:rgba(var(--color-background),.94);color:rgb(var(--color-foreground));transform:translate(-50%,-50%);transition:transform .18s ease,background .18s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sami-video-card__play .svg-wrapper{width:2rem;height:2rem}.sami-video-card__media:not(:disabled):hover .sami-video-card__play{background:rgb(var(--color-button));color:rgb(var(--color-button-text));transform:translate(-50%,-50%) scale(1.06)}.sami-video-card__content{padding:1.4rem 0 .4rem}.sami-video-card__title{margin:0}.sami-video-card__text{margin:.6rem 0 0;color:rgba(var(--color-foreground),.65);font-size:1.4rem;line-height:1.55}.sami-video-card__link{display:inline-flex;align-items:center;margin-top:1rem;font-size:1.3rem}.sami-video-gallery__modal[hidden]{display:none}.sami-video-gallery__modal{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem}.sami-video-gallery__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#100f0ed1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sami-video-gallery__modal-content{position:relative;z-index:1;width:min(94vw,110rem);max-height:92vh}.sami-video-gallery__close{position:absolute;z-index:2;top:1rem;right:1rem;display:grid;width:4.4rem;height:4.4rem;place-items:center;padding:0;border:0;border-radius:50%;background:#faf8f4f0;color:#252422;cursor:pointer;box-shadow:0 .6rem 2rem #0000002e}.sami-video-gallery__close .svg-wrapper{width:1.8rem;height:1.8rem}.sami-video-gallery__stage{display:grid;max-height:92vh;place-items:center}.sami-video-gallery__player{width:100%;max-height:92vh;overflow:hidden;border-radius:var(--media-radius);background:#111;box-shadow:0 2rem 6rem #00000052}.sami-video-gallery__player--portrait{width:min(90vw,52rem);aspect-ratio:9 / 16}.sami-video-gallery__player--square{width:min(90vw,78rem);aspect-ratio:1 / 1}.sami-video-gallery__player--landscape{aspect-ratio:16 / 9}.sami-video-gallery__player video,.sami-video-gallery__player iframe{display:block;width:100%;height:100%;border:0;object-fit:contain}@media screen and (min-width:750px){.sami-video-gallery__header{grid-template-columns:minmax(0,1.25fr) minmax(28rem,.75fr);align-items:end;gap:4rem;margin-bottom:3.6rem}.sami-video-gallery__grid{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:repeat(var(--sami-video-columns),minmax(0,1fr));gap:2rem;margin:0;padding:0;overflow:visible}}@media(prefers-reduced-motion:reduce){.sami-video-card__media>img,.sami-video-card__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/sami-video-gallery.css.map */