.olimpo-story-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#000000f5;color:#fff;display:flex;flex-direction:column;opacity:0;transition:opacity .25s ease-out}.olimpo-story-player:not([hidden]){opacity:1}.olimpo-story-player[hidden]{display:none}html.olimpo-story-locked,html.olimpo-story-locked body{overflow:hidden!important;height:100%!important}.olimpo-story-player__progress{position:absolute;top:env(safe-area-inset-top,0);left:1rem;right:1rem;display:flex;gap:4px;padding:12px 0 0;z-index:3}.olimpo-story-player__progress-bar{flex:1;height:2px;background-color:#ffffff4d;border-radius:2px;overflow:hidden;position:relative}.olimpo-story-player__progress-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--progress, 0%);background-color:#fff;transition:width .08s linear}.olimpo-story-player__top{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;padding:24px 16px 0;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}.olimpo-story-player__btn{width:40px;height:40px;border-radius:50%;background-color:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:background-color .2s,transform .15s}.olimpo-story-player__btn:hover{background-color:#000000b3}.olimpo-story-player__btn:active{transform:scale(.92)}.olimpo-story-player__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.olimpo-story-player__sound .olimpo-story-player__icon-sound,.olimpo-story-player__sound[aria-pressed=true] .olimpo-story-player__icon-mute{display:none}.olimpo-story-player__sound[aria-pressed=true] .olimpo-story-player__icon-sound{display:block}.olimpo-story-player__stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:1;cursor:pointer}.olimpo-story-player__video{display:block;max-width:100%;max-height:100%;width:auto;height:100%;aspect-ratio:9 / 16;object-fit:contain;background-color:#000}@media(min-width:990px){.olimpo-story-player__video{max-width:min(420px,30vw);width:auto}}.olimpo-story-player__nav{position:absolute;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background-color:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:background-color .2s,transform .15s,opacity .2s;opacity:.7}.olimpo-story-player__nav:hover{opacity:1;background-color:#000000b3}.olimpo-story-player__nav:active{transform:translate(-50%) scale(.9)}.olimpo-story-player__nav:disabled{opacity:.25;cursor:not-allowed}.olimpo-story-player__nav--prev{top:calc(72px + env(safe-area-inset-top,0))}.olimpo-story-player__nav--next{bottom:calc(108px + env(safe-area-inset-bottom,0))}.olimpo-story-player__footer{position:absolute;left:0;right:0;bottom:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0));background:linear-gradient(180deg,transparent,rgba(0,0,0,.85) 40%);display:flex;align-items:center;gap:12px;z-index:3}.olimpo-story-player__product-img{width:48px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0;background-color:#ffffff1a}.olimpo-story-player__product-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.olimpo-story-player__product-title{font-family:var(--font-body-family),sans-serif;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.olimpo-story-player__product-price{font-family:var(--font-body-family),sans-serif;font-size:13px;font-weight:400;color:#ffffffd9}.olimpo-story-player__cta{padding:10px 20px;background-color:#fff;color:#000;border:0;border-radius:2px;font-family:var(--font-heading-family),sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,transform .15s;flex-shrink:0}.olimpo-story-player__cta:hover{background-color:#ffffffe0}.olimpo-story-player__cta:active{transform:scale(.96)}.olimpo-story-player__cta:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.olimpo-story-player,.olimpo-story-player__btn,.olimpo-story-player__nav,.olimpo-story-player__cta,.olimpo-story-player__progress-bar:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/olimpo-story-video.css.map */