.iwao-reels{--iwao-reels-gap: 12px;--iwao-reels-radius: 10px;--iwao-reels-accent: #f05c46;display:block;padding-top:20px;margin-bottom:20px}.iwao-reels__intro{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}.iwao-reels__title,.iwao-reels__link{font-weight:500;letter-spacing:0;line-height:1.5;color:#000}.iwao-reels__slider{position:relative}.iwao-reels__track{display:flex;gap:var(--iwao-reels-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.iwao-reels__track::-webkit-scrollbar{display:none}.iwao-reels__slide{flex:0 0 calc((100% - var(--iwao-reels-gap) * 2) / 3);min-width:0;margin:0;scroll-snap-align:start}.iwao-reels__tile{position:relative;display:block;width:100%;aspect-ratio:9.6 / 16;padding:0;border:0;border-radius:var(--iwao-reels-radius);overflow:hidden;background:linear-gradient(to top,#000,#444 40%,#cbcbcb);cursor:pointer;-webkit-tap-highlight-color:transparent}.iwao-reels__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000073,#0000001a 45%,#0000001a);pointer-events:none}.iwao-reels__tile:focus-visible{outline:2px solid var(--iwao-reels-accent);outline-offset:2px}.iwao-reels__preview{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.iwao-reels__play{position:absolute;left:10px;bottom:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1.5px solid #fff;border-radius:50%;background:#0000004d;transition:opacity .25s ease;pointer-events:none}.iwao-reels__play svg{width:16px;height:16px;margin-left:2px;fill:#fff}@media(hover:hover){.iwao-reels__tile:hover .iwao-reels__play{opacity:0}}.iwao-reels__nav{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:35px;height:52px;padding:0;border:0;background:#ffffffb3;color:#1c1c1c;cursor:pointer;transform:translateY(-50%);transition:opacity .25s ease,background-color .25s ease,box-shadow .25s ease}.iwao-reels.is-scrollable .iwao-reels__nav{display:flex}.iwao-reels__nav svg{width:24px;height:24px;fill:currentColor}.iwao-reels__nav--prev{left:0;border-radius:0 5px 5px 0}.iwao-reels__nav--prev svg{transform:rotate(180deg)}.iwao-reels__nav--next{right:0;border-radius:5px 0 0 5px}.iwao-reels__nav:hover{background:#fff}.iwao-reels__nav--prev:hover{box-shadow:4px 0 5px #00000030}.iwao-reels__nav--next:hover{box-shadow:-4px 0 5px #00000030}.iwao-reels__nav:focus-visible{outline:2px solid var(--iwao-reels-accent);outline-offset:-2px}.iwao-reels__nav:disabled{opacity:0;pointer-events:none}.iwao-reels-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000bf;opacity:0;transition:opacity .25s ease-in}.iwao-reels-modal[hidden]{display:none}.iwao-reels-modal.is-open{opacity:1}.iwao-reels-modal__stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.iwao-reels-modal__slide{display:none}.iwao-reels-modal__slide.is-active{display:block;animation:iwao-reels-in .3s ease both}@keyframes iwao-reels-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.iwao-reels-modal__frame{--iwao-reels-side-space: 32px;position:relative;height:min(calc(100vh - 120px),820px,calc((100vw - var(--iwao-reels-side-space)) / var(--iwao-reel-ratio, .5625)));height:min(calc(100dvh - 120px),820px,calc((100vw - var(--iwao-reels-side-space)) / var(--iwao-reel-ratio, .5625)));aspect-ratio:var(--iwao-reel-ratio, .5625);border-radius:16px;overflow:hidden;background:#000}.iwao-reels-modal__video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.iwao-reels-modal__paused{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#00000073;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s ease;pointer-events:none}.iwao-reels-modal__paused svg{width:30px;height:30px;margin-left:4px;fill:#fff}.iwao-reels-modal__frame.is-paused .iwao-reels-modal__paused{opacity:1}.iwao-reels-modal__sound{position:absolute;top:20px;left:20px;z-index:2;display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;border:0;border-radius:50%;background:#9d9d9d80;cursor:pointer}.iwao-reels-modal__sound svg{width:20px;height:20px;fill:#fff}.iwao-reels-modal__icon-muted,.iwao-reels-modal.is-muted .iwao-reels-modal__icon-sound{display:none}.iwao-reels-modal.is-muted .iwao-reels-modal__icon-muted{display:block}.iwao-reels-modal__close,.iwao-reels-modal__nav{position:fixed;z-index:3;display:flex;align-items:center;justify-content:center;padding:6px;border:0;border-radius:8px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;transition:opacity .25s ease,background-color .25s ease}.iwao-reels-modal__close:hover,.iwao-reels-modal__nav:hover{background:#ffffff52}.iwao-reels-modal__close svg,.iwao-reels-modal__nav svg{width:75%;height:75%;fill:currentColor}.iwao-reels-modal__close{top:10px;right:10px;width:42px;height:42px}.iwao-reels-modal__nav{top:50%;width:48px;height:48px;transform:translateY(-50%)}.iwao-reels-modal__nav--prev{left:10px}.iwao-reels-modal__nav--prev svg{transform:rotate(180deg)}.iwao-reels-modal__nav--next{right:10px}.iwao-reels-modal__nav:disabled{opacity:.3;cursor:not-allowed}.iwao-reels-modal__nav[hidden]{display:none}.iwao-reels-modal__sound:focus-visible,.iwao-reels-modal__close:focus-visible,.iwao-reels-modal__nav:focus-visible{outline:2px solid #fff;outline-offset:2px}@media screen and (min-width:750px){.iwao-reels-modal{padding:60px}.iwao-reels-modal__frame{--iwao-reels-side-space: 184px;height:min(calc(100vh - 160px),720px,calc((100vw - var(--iwao-reels-side-space)) / var(--iwao-reel-ratio, .5625)));height:min(calc(100dvh - 160px),720px,calc((100vw - var(--iwao-reels-side-space)) / var(--iwao-reel-ratio, .5625)))}.iwao-reels-modal__close{top:20px;right:20px}.iwao-reels-modal__nav--prev{left:20px}.iwao-reels-modal__nav--next{right:20px}}@media(prefers-reduced-motion:reduce){.iwao-reels-modal,.iwao-reels-modal__slide.is-active{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/iwao-product-video-reels.css.map */