video-row{display:block}.video-row__list{display:flex;justify-content:center;gap:1.6rem;margin:0;padding:0;list-style:none}.video-row__item{flex:0 1 calc(var(--vr-height) * var(--vr-rw) / var(--vr-rh));min-width:0}.video-row__card{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:var(--vr-rw) / var(--vr-rh);border-radius:var(--vr-radius);background-color:rgba(var(--color-foreground),.06)}.video-row__video,.video-row__placeholder,.video-row__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:inherit}.video-row__video{object-fit:cover;object-position:center}.video-row__toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.video-row__toggle:focus-visible{outline:2px solid #fff;outline-offset:-4px;box-shadow:inset 0 0 0 6px #00000073}.video-row__state{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:50%;background-color:#0000008c;color:#fff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .2s ease}.video-row__card.is-paused .video-row__state,.video-row__toggle:focus-visible .video-row__state{opacity:1}@media(hover:hover){.video-row__card:hover .video-row__state{opacity:1}}.video-row__state-icon{width:2.8rem;height:2.8rem}.video-row__state-icon--play{display:none;margin-left:.3rem}.video-row__card.is-paused .video-row__state-icon--play{display:block}.video-row__card.is-paused .video-row__state-icon--pause{display:none}.video-row__sound{position:absolute;right:1rem;bottom:1rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:4rem;min-height:4rem;padding:0 1.2rem 0 1rem;border:0;border-radius:999px;background-color:#0000008c;color:#fff;font-family:inherit;font-size:1.3rem;font-weight:600;line-height:1;letter-spacing:.02em;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s ease}.video-row__sound:hover{background-color:#000000bf}.video-row__sound:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #0009}.video-row__icon{flex:none;width:1.8rem;height:1.8rem}.video-row__icon--on,.video-row__card.is-unmuted .video-row__icon--off,.video-row__card.is-unmuted .video-row__hint{display:none}.video-row__card.is-unmuted .video-row__icon--on{display:block}.video-row__card.is-unmuted .video-row__sound{padding:0}@media screen and (max-width:749px){.video-row--swipe .video-row__list{justify-content:flex-start;gap:1rem;margin:0 -1.5rem;padding:0 1.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 1.5rem;scrollbar-width:none}.video-row--swipe .video-row__list::-webkit-scrollbar{display:none}.video-row--swipe .video-row__item{flex:0 0 var(--vr-mobile-width);scroll-snap-align:start}.video-row--stack .video-row__list{flex-direction:column;align-items:center;gap:1.2rem}.video-row--stack .video-row__item{flex:none;width:min(100%,calc(75vh * var(--vr-rw) / var(--vr-rh)));width:min(100%,calc(75svh * var(--vr-rw) / var(--vr-rh)))}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-video-row.css.map */
