.kvg{--kvg-w: clamp(210px, 56vw, 300px);--kvg-h: calc(var(--kvg-w) * 16.5 / 9);--kvg-bezel: 11px;--kvg-radius: 34px;padding:3rem 0 2.5rem;overflow:hidden}.kvg__header{margin-bottom:1.75rem}.kvg__title{font-size:clamp(26px,3vw,38px);font-weight:600;color:#3a2226;margin:0 0 .5rem;line-height:1.2}.kvg__text{margin:0;max-width:640px;font-size:16px;line-height:1.6;color:#8a7a7c}.kvg__stage{position:relative;height:calc(var(--kvg-h) + var(--kvg-bezel) * 2 + 24px);touch-action:pan-y}.kvg__track{position:absolute;top:0;right:0;bottom:0;left:0}.kvg__card{box-sizing:border-box;position:absolute;left:50%;top:50%;width:calc(var(--kvg-w) * 1.12);height:calc(var(--kvg-h) * .84);border-radius:26px;overflow:hidden;background:#f3e6e8;cursor:pointer;transform:translate(-50%,-50%) scale(.86);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.22,.8,.3,1),width .5s cubic-bezier(.22,.8,.3,1),height .5s cubic-bezier(.22,.8,.3,1),border-radius .5s ease,opacity .35s ease,filter .35s ease;-webkit-tap-highlight-color:transparent}.kvg__card.is-prev,.kvg__card.is-next{opacity:1;pointer-events:auto;z-index:1;filter:brightness(.86)}.kvg__card.is-prev{transform:translate(calc(-50% - var(--kvg-w) * .8),-50%)}.kvg__card.is-next{transform:translate(calc(-50% + var(--kvg-w) * .8),-50%)}.kvg__card.is-active{width:var(--kvg-w);height:var(--kvg-h);border-radius:var(--kvg-radius);opacity:1;pointer-events:auto;z-index:2;filter:none;transform:translate(-50%,-50%)}.kvg__media{display:block;width:100%;height:100%;object-fit:cover}.kvg__media--placeholder{background:#f3e6e8}.kvg__play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#281c1e80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.kvg__play svg{width:28px;height:28px;margin-left:3px}.kvg__card.is-active .kvg__play{opacity:0}.kvg__sound{position:absolute;right:14px;bottom:16px;width:34px;height:34px;border-radius:50%;background:#281c1e73;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.kvg__sound svg{width:18px;height:18px}.kvg__card.is-active .kvg__sound{opacity:1}.kvg__sound-on{display:none}.kvg__card.has-sound .kvg__sound-on{display:block}.kvg__card.has-sound .kvg__sound-off{display:none}.kvg__phone{position:absolute;left:50%;top:50%;z-index:3;width:calc(var(--kvg-w) + var(--kvg-bezel) * 2);height:calc(var(--kvg-h) + var(--kvg-bezel) * 2);transform:translate(-50%,-50%);box-sizing:border-box;border:var(--kvg-bezel) solid #1c1c1e;border-radius:calc(var(--kvg-radius) + var(--kvg-bezel));box-shadow:0 0 0 1.5px #4a4a4e,0 30px 60px -12px #3a222659;pointer-events:none}.kvg__phone:before,.kvg__phone:after{content:"";position:absolute;width:4px;border-radius:2px;background:#2a2a2d}.kvg__phone:before{left:calc(-1 * var(--kvg-bezel) - 4px);top:18%;height:11%;box-shadow:0 calc(var(--kvg-h) * .14) 0 #2a2a2d}.kvg__phone:after{right:calc(-1 * var(--kvg-bezel) - 4px);top:24%;height:15%}.kvg__island{position:absolute;top:9px;left:50%;width:34%;height:22px;transform:translate(-50%);border-radius:999px;background:#0b0b0c}.kvg__nav{position:absolute;top:50%;z-index:4;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid rgba(58,34,38,.15);background:#fff;color:#3a2226;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px #3a22261f}.kvg__nav svg{width:20px;height:20px}.kvg__nav--prev{left:calc(50% - var(--kvg-w) * 1.55)}.kvg__nav--next{right:calc(50% - var(--kvg-w) * 1.55)}.kvg__dots{display:flex;justify-content:center;gap:8px;margin-top:1.25rem}.kvg__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#e3c9ce;cursor:pointer;transition:width .3s ease,background .3s ease}.kvg__dot.is-active{width:22px;background:#c05a72}@media screen and (max-width:749px){.kvg{--kvg-bezel: 9px;--kvg-radius: 30px;padding:2.25rem 0 2rem}.kvg__title{font-size:26px}.kvg__text{font-size:15px}.kvg__nav{display:none}.kvg__play{width:52px;height:52px;margin:-26px 0 0 -26px}.kvg__play svg{width:22px;height:22px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-video-gallery.css.map */