.xo-footer-nav{display:flex;flex-direction:column}.xo-footer-nav__heading{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.xo-footer-nav__list{list-style:none;margin:0;padding-inline-start:0;display:flex;flex-direction:column;gap:1rem}.xo-footer-nav__item{display:inline-flex}.xo-footer-nav__title{color:color-mix(in srgb,rgba(var(--color-foreground-5)) 100%,transparent);font-weight:500;font-size:calc(var(--font-body-scale) * 1.8rem);line-height:calc(1 + .4 / var(--font-body-scale));text-transform:uppercase}@media(min-width:768px){.xo-footer-nav__arrow{display:none}}.xo-footer-nav__link{position:relative;font-size:calc(var(--font-body-scale) * 1.6rem);color:color-mix(in srgb,rgba(var(--color-foreground-5)) 100%,transparent);font-weight:500;line-height:calc(1 + .4 / var(--font-body-scale));letter-spacing:calc(var(--font-body-scale) * -.016rem);transition:all .3s;opacity:.5}@media(max-width:767px){.xo-footer-nav__link{font-size:calc(var(--font-body-scale) * 1.5rem);letter-spacing:calc(var(--font-body-scale) * -.015rem)}}.xo-footer-nav__link:hover{color:color-mix(in srgb,rgba(var(--color-accent-3)) 100%,transparent)}.xo-footer-nav__link:hover .xo-footer-nav__line-hover{width:100%}.xo-footer-nav__line-hover{display:block;width:0;height:.1rem;position:absolute;top:2.5rem;background-color:color-mix(in srgb,rgba(var(--color-accent-3)) 100%,transparent);transition:width .3s ease}[dir=ltr] .xo-footer-nav__line-hover{left:0}[dir=rtl] .xo-footer-nav__line-hover{right:0}@media(max-width:767px){.xo-footer-nav{align-items:start;justify-content:start}.xo-footer-nav__title{font-size:calc(var(--font-body-scale) * 1.4rem)}.xo-footer-nav__list{display:flex;flex-direction:column;gap:1rem;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}.xo-footer-nav.is-open .xo-footer-nav__list{max-height:500px;opacity:1}.xo-footer-nav__arrow{display:block;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);transition:transform .3s ease;cursor:pointer;width:2rem;height:2rem}.xo-footer-nav.is-open .xo-footer-nav__arrow{transform:rotate(90deg)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/footer-nav.css.map */