.maiyko-vv{--mvv-h: 180px;--mvv-radius: 12px;--mvv-border: #000;--mvv-gap: 10px;margin:1.6rem 0;font-family:inherit;color:inherit}.maiyko-vv__heading{margin:0 0 .8rem;font-size:1.4rem;line-height:1.3;font-weight:600;color:inherit}.maiyko-vv__strip{display:flex;gap:var(--mvv-gap);overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px;margin:0 -2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.maiyko-vv__strip::-webkit-scrollbar{display:none}.maiyko-vv__card{position:relative;flex:0 0 auto;box-sizing:border-box;height:var(--mvv-h);width:calc(var(--mvv-h) * 9 / 16);padding:0;overflow:hidden;border:1px solid var(--mvv-border);border-radius:var(--mvv-radius);background-color:#f2f2f2;cursor:pointer;scroll-snap-align:start;transition:transform .15s ease,box-shadow .15s ease}.maiyko-vv__card:hover,.maiyko-vv__card:focus-visible{transform:translateY(-2px);box-shadow:0 4px 14px #0000002e}.maiyko-vv__card:focus-visible{outline:2px solid var(--mvv-border);outline-offset:2px}.maiyko-vv__thumb{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.maiyko-vv__thumb--empty{background:linear-gradient(135deg,#e9e9e9,#d6d6d6)}.maiyko-vv__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:#0000008c;color:#fff;pointer-events:none}.maiyko-vv__play svg{display:block;width:18px;height:18px;margin-left:2px}.maiyko-vv__player[hidden]{display:none}.maiyko-vv__player .maiyko-vv__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;border:0;z-index:9998}.maiyko-vv__panel{position:fixed;top:50%;right:24px;transform:translateY(-50%);height:min(86vh,620px);aspect-ratio:9 / 16;max-width:92vw;overflow:hidden;border:1px solid var(--mvv-border);border-radius:var(--mvv-radius);background-color:#000;box-shadow:0 12px 40px #00000059;z-index:9999}.maiyko-vv__video{display:block;width:100%;height:100%;object-fit:contain;background-color:#000}.maiyko-vv__close,.maiyko-vv__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background-color:#0000008c;color:#fff;cursor:pointer;transition:background-color .15s ease}.maiyko-vv__close:hover,.maiyko-vv__arrow:hover{background-color:#000c}.maiyko-vv__close:focus-visible,.maiyko-vv__arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}.maiyko-vv__close svg,.maiyko-vv__arrow svg{display:block;width:18px;height:18px}.maiyko-vv__close{position:absolute;top:10px;right:10px;z-index:2}.maiyko-vv__nav{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:2}.maiyko-vv-kilit{overflow:hidden}@media screen and (max-width:749px){.maiyko-vv__panel{top:0;right:0;bottom:0;left:0;transform:none;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background-color:#000;box-shadow:none}.maiyko-vv__video{object-fit:contain}.maiyko-vv__close{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}.maiyko-vv__nav{right:calc(10px + env(safe-area-inset-right))}}@media screen and (max-width:479px){.maiyko-vv{--mvv-gap: 8px}.maiyko-vv__play{width:32px;height:32px}.maiyko-vv__play svg{width:15px;height:15px}}@media(prefers-reduced-motion:reduce){.maiyko-vv__card,.maiyko-vv__card:hover,.maiyko-vv__card:focus-visible{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/maiyko-video-vitrin.css.map */