.northport-class-reel{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;color:var(--northport-paper-light);border-radius:inherit;background:var(--northport-ink)}.northport-class-reel__slides,.northport-class-reel__slide{position:absolute;top:0;right:0;bottom:0;left:0}.northport-class-reel__slide{margin:0;opacity:0;visibility:hidden;transition:opacity .62s cubic-bezier(.22,1,.36,1),visibility .62s}.northport-class-reel__slide.is-active{opacity:1;visibility:visible}.northport-class-reel__slide:after{position:absolute;top:48%;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgb(var(--northport-ink-rgb) / 82%));content:"";pointer-events:none}.northport-class-reel__media{display:block;width:100%;height:100%;object-fit:cover}.northport-class-reel__slide figcaption{position:absolute;z-index:1;right:3rem;bottom:8.6rem;left:3rem;font-family:var(--font-heading-family);font-size:clamp(2rem,2.4vw,3rem);font-weight:var(--font-heading-weight);line-height:1;text-shadow:0 .2rem 1.8rem rgb(var(--northport-ink-rgb) / 35%)}.northport-class-reel__controls{position:absolute;z-index:2;right:3rem;bottom:2.2rem;left:3rem;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:1.4rem}.northport-class-reel__controls[hidden]{display:none}.northport-class-reel__stages{display:flex;min-width:0;gap:1.6rem}.northport-class-reel__stages button,.northport-class-reel__toggle{min-height:4.4rem;padding:0;color:inherit;border:0;border-bottom:.1rem solid transparent;background:transparent;cursor:pointer;font-family:var(--font-utility-family);font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.northport-class-reel__stages button{opacity:.62;transition:border-color .18s ease,opacity .18s ease}.northport-class-reel__stages button:is(:hover,.is-active){border-bottom-color:currentColor;opacity:1}.northport-class-reel__toggle{flex:0 0 auto;padding-inline:1.2rem;border:.1rem solid rgb(var(--northport-paper-light-rgb) / 52%);transition:color .18s ease,background-color .18s ease}.northport-class-reel__toggle:hover{color:var(--northport-ink);background:var(--northport-paper-light)}.northport-class-reel__media::-webkit-media-controls{display:none!important}.northport-class-reel :is(button):focus-visible{outline:.3rem solid var(--northport-paper-light);outline-offset:.3rem}@media screen and (max-width:749px){.northport-class-reel__slide figcaption{right:2.4rem;bottom:9.4rem;left:2.4rem}.northport-class-reel__controls{right:2.2rem;bottom:1.8rem;left:2.2rem;align-items:end}.northport-class-reel__stages{gap:1.1rem}.northport-class-reel__stages button{max-width:8rem;font-size:1rem;line-height:1.2;text-align:left}.northport-class-reel__toggle{padding-inline:1rem;font-size:1rem}}@media screen and (max-width:389px){.northport-class-reel__slide figcaption{bottom:13.2rem}.northport-class-reel__controls{align-items:stretch;flex-direction:column;gap:.6rem}.northport-class-reel__stages{width:100%;gap:.6rem}.northport-class-reel__stages button{flex:1 1 0;max-width:none;padding-inline:.2rem;text-align:center}.northport-class-reel__toggle{align-self:end}}@media(prefers-reduced-motion:reduce){.northport-class-reel__slide,.northport-class-reel__stages button,.northport-class-reel__toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/northport-class-reel.css.map */