.story-nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--story-nav-bg,rgba(0,0,0,.5));bottom:0;display:flex;gap:1.5rem;justify-content:center;left:0;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));position:fixed;right:0;transition:opacity .3s ease,transform .3s ease;z-index:1000}.story-nav.is-hidden{opacity:0;pointer-events:none;transform:translateY(100%)}body[data-story-nav=off] .story-nav{display:none}.story-nav__dots{align-items:center;display:flex;gap:.75rem;list-style:none;margin:0;padding:0}.story-nav__dot{background:hsla(0,0%,100%,.4);border:2px solid transparent;border-radius:50%;cursor:pointer;height:12px;padding:0;position:relative;transition:all .2s ease;width:12px}.story-nav__dot:before{border-radius:50%;content:"";height:36px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:36px}.story-nav__dot.is-active{background:#fff;border-color:hsla(0,0%,100%,.6);box-shadow:0 0 8px hsla(0,0%,100%,.3);transform:scale(1.4)}.story-nav__dot:active{background:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.8);box-shadow:0 0 12px hsla(0,0%,100%,.5);transform:scale(1.3)}@media (hover:hover) and (pointer:fine){.story-nav__dot:hover{background:hsla(0,0%,100%,.6);transform:scale(1.2)}.story-nav__dot.is-active:hover{transform:scale(1.5)}}.story-nav__dot:focus-visible{outline:2px solid hsla(0,0%,100%,.8);outline-offset:4px}.story-nav__arrow{-webkit-tap-highlight-color:transparent;align-items:center;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.4);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:0;transition:all .2s ease;width:44px}.story-nav__arrow:before{border-right:2px solid;border-top:2px solid;content:"";height:10px;width:10px}.story-nav__arrow--prev:before{margin-left:3px;transform:rotate(-135deg)}.story-nav__arrow--next:before{margin-right:3px;transform:rotate(45deg)}.story-nav__arrow:active:not(:disabled){background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.7);transform:scale(.9)}@media (hover:hover) and (pointer:fine){.story-nav__arrow:hover:not(:disabled){background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.6);transform:scale(1.1)}}.story-nav__arrow:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.story-nav__arrow:focus-visible{outline:2px solid hsla(0,0%,100%,.8);outline-offset:3px}.story-nav__progress{color:hsla(0,0%,100%,.85);font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:.05em;line-height:1;padding:.5rem 1rem;white-space:nowrap}.story-nav__hub-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.4);border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:0;position:relative;transition:all .2s ease;width:44px}.story-nav__hub-btn:before{border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #fff;bottom:calc(50% - 5px);height:9px;width:12px}.story-nav__hub-btn:after,.story-nav__hub-btn:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.story-nav__hub-btn:after{border-bottom:8px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;height:0;top:calc(50% - 10px);width:0}.story-nav__hub-btn:active{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.7);transform:scale(.9)}@media (hover:hover) and (pointer:fine){.story-nav__hub-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.6);transform:scale(1.1)}}@media (min-width:768px){.story-nav{gap:2rem;padding:1.25rem 2rem calc(1.25rem + env(safe-area-inset-bottom))}.story-nav__dots{gap:1rem}.story-nav__dot{height:14px;width:14px}}@media (min-width:1024px){.story-nav{gap:2.5rem;padding:1.5rem 2.5rem calc(1.5rem + env(safe-area-inset-bottom))}.story-nav__dots{gap:1.25rem}.story-nav__dot{height:16px;width:16px}.story-nav__arrow{height:48px;min-height:48px;min-width:48px;width:48px}.story-nav__arrow:before{height:12px;width:12px}}@media (max-width:360px){.story-nav{gap:1rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.story-nav__dots{gap:.625rem}.story-nav__dot{height:10px;width:10px}}@media (prefers-contrast:high){.story-nav__dot{background:hsla(0,0%,100%,.6);border-color:hsla(0,0%,100%,.3)}.story-nav__dot.is-active{background:#fff;border-color:#fff}.story-nav__arrow,.story-nav__hub-btn{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.6)}}@media (prefers-reduced-motion:reduce){.story-nav,.story-nav__arrow,.story-nav__dot,.story-nav__hub-btn{transition:none}.story-nav__arrow:hover,.story-nav__dot.is-active,.story-nav__dot:hover,.story-nav__hub-btn:hover{transform:none}}
/*# sourceMappingURL=story-nav.css.map */