@use "$lib/assets/styles/variables" as *;@layer components{.nav-container{background-color:#fff;box-sizing:border-box;color:#fff;display:flex;justify-content:center;padding:.8em 1em;position:fixed;top:0;transition:all .5s;width:100%;z-index:1000}.nav-container .mobile-brand svg,.nav-container .mobile-brand svg path,.nav-container nav.main-nav svg,.nav-container nav.main-nav svg path{transition:all .5s}.nav-container .mobile-brand{display:none}.nav-container .brand a,.nav-container .mobile-brand a{display:inline-block}.nav-container nav.main-nav{max-width:1295px;width:100%}.nav-container nav.main-nav ul{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style-type:none;margin:0;padding:0;width:100%}.nav-container nav.main-nav ul li{text-align:center}.nav-container nav.main-nav ul li a,.nav-container nav.main-nav ul li span,.nav-container nav.main-nav ul li button{color:$base_color;display:inline-block;font-size:13px;font-weight:400;letter-spacing:.15em;position:relative;text-decoration:none;transition:all .5s}.nav-container nav.main-nav ul li a,.nav-container nav.main-nav ul li button{cursor:pointer}.nav-container nav.main-nav ul li.help a{align-content:center;align-items:center;aspect-ratio:1;border:1.5px solid rgba(0,0,0,.5);border-radius:200px;color:#00000080;display:flex;flex-direction:column;flex-wrap:nowrap;font-size:13px;justify-content:center;margin-left:auto;padding:0 0 0 1px;text-align:center;width:32px}.nav-container nav.main-nav ul li:not(.help):not(.brand){padding:0 20px}@media(max-width:1100px){.nav-container nav.main-nav ul li:not(.help):not(.brand){padding:0 15px}}@media(max-width:1000px){.nav-container nav.main-nav ul li:not(.help):not(.brand){padding:0 10px}}.nav-container nav.main-nav ul li:not(.help):not(.brand) a{display:inline-block;line-height:13px;padding:14px 0}.nav-container nav.main-nav ul li:not(.help):not(.brand) a.nav-link:after{background-color:currentColor;bottom:8px;content:"";height:1px;left:0;position:absolute;transition:width .5s ease-in-out;width:0}.nav-container nav.main-nav ul li:not(.help):not(.brand) a.nav-link:hover:after{width:97.5%}.nav-container nav.main-nav ul li.brand{left:50%;position:absolute;transform:translate(-50%)}.nav-container nav.main-nav ul li.ml-auto{margin-left:auto}.nav-container .menu-toggle{display:none}.nav-container .menu-toggle:checked~.hamburger span:nth-child(1){top:12px;transform:rotate(45deg)}.nav-container .menu-toggle:checked~.hamburger span:nth-child(2){opacity:0}.nav-container .menu-toggle:checked~.hamburger span:nth-child(3){top:12px;transform:rotate(-45deg)}.nav-container .hamburger{box-sizing:border-box;cursor:pointer;display:none;flex-direction:column;gap:7px;padding:12px}.nav-container .hamburger span{background-color:#2b363f;height:1px;left:0;position:absolute;transition:all .5s;width:23px}.nav-container .hamburger span:nth-child(1){top:5px}.nav-container .hamburger span:nth-child(2){top:12px}.nav-container .hamburger span:nth-child(3){top:19px}.nav-container .hamburger span:last-child{margin-bottom:0}.nav-container .mobile-log-out,.nav-container .mobile-my-account-dashboard{display:none}body:not(.home) .nav-container .mobile-brand a{padding:18px 0 13px}body:not(.home) .nav-container .brand a{padding:14px 0 10px}body.logged .nav-container nav.main-nav li:nth-child(1),body.logged .nav-container nav.main-nav li:nth-child(2),body.logged .nav-container nav.main-nav li:nth-child(3),body.logged .nav-container nav.main-nav li:nth-child(4),body.logged .nav-container nav.main-nav li:nth-child(5),body.logged .nav-container nav.main-nav li:nth-child(6){width:auto}@media(min-width:991px){.nav-container nav.main-nav{display:flex}}@media(max-width:990px){body.logged .nav-container .hamburger{display:none}body.logged .nav-container .mobile-log-out,body.logged .nav-container .mobile-my-account-dashboard{display:flex;position:absolute;top:26px}body.logged .nav-container .mobile-log-out{background:none;border:none;cursor:pointer;padding:0;right:30px}body.logged .nav-container .mobile-my-account-dashboard{left:30px}body.logged:not(.home) .nav-container .mobile-brand a{padding:15px 0 17px}body:not(.logged) .nav-container .hamburger{display:flex;position:absolute;left:30px;top:26px}.nav-container .mobile-brand{display:block}.nav-container nav.main-nav{background-color:#fff;left:0;opacity:0;padding:15px 15px 25px;position:absolute;top:75px;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;width:100%;z-index:100}.nav-container nav.main-nav ul{flex-direction:column;width:100%}.nav-container nav.main-nav ul li{width:100%}.nav-container nav.main-nav ul li a{display:block;padding:12px}.nav-container nav.main-nav ul li.brand{display:none}.nav-container nav.main-nav ul li.help{flex-direction:row}.nav-container nav.main-nav ul li.help a{margin:0 auto}.nav-container .menu-toggle:checked~nav.main-nav{opacity:1;visibility:visible}}body.with-transparent-nav .nav-container{background-color:transparent}:is(body.with-transparent-nav .nav-container .mobile-brand,body.with-transparent-nav .nav-container .brand) svg path{fill:#fff}body.with-transparent-nav .nav-container a[class^=mobile-] svg path{transition:all .5s;fill:#fff}body.with-transparent-nav .nav-container .hamburger span{background-color:#fff}body.with-transparent-nav .nav-container.scrolled{background-color:#ffffffdb}:is(body.with-transparent-nav .nav-container.scrolled .mobile-brand,body.with-transparent-nav .nav-container.scrolled .brand,body.with-transparent-nav .nav-container.scrolled a[class^=mobile-]) svg path{fill:#404850}:is(body.with-transparent-nav .nav-container.scrolled nav.main-nav a,body.with-transparent-nav .nav-container.scrolled nav.main-nav span,body.with-transparent-nav .nav-container.scrolled nav.main-nav button).nav-link{color:#43484c}body.with-transparent-nav .nav-container.scrolled nav.main-nav li.help a{border-color:#00000080}body.with-transparent-nav .nav-container.scrolled .hamburger span{background-color:#2b363f}@media(min-width:991px){body.with-transparent-nav .nav-container ul li a,body.with-transparent-nav .nav-container ul li button,body.with-transparent-nav .nav-container ul li span{color:#fff}body.with-transparent-nav .nav-container nav.main-nav li.help a{border-color:#fff;color:#fff}}body.with-hidden-nav .nav-container{margin-top:-75px}body.with-hidden-nav .nav-container.scrolled{margin-top:0}@media(max-width:990px){body.with-hidden-nav .nav-container nav.main-nav li:first-child{margin-right:unset}}@media(min-width:576px){body.my-account .nav-container .menu-toggle:checked~nav.main-nav{max-width:100%}}@media(min-width:768px){body.my-account .nav-container .menu-toggle:checked~nav.main-nav{max-width:100%}}@media(min-width:992px){body.my-account .nav-container .menu-toggle:checked~nav.main-nav{max-width:100%}}@media(min-width:1200px){body.my-account .nav-container .menu-toggle:checked~nav.main-nav{max-width:100%}}@media(min-width:576px){body.my-account .nav-container nav.main-nav{max-width:540px}}@media(min-width:768px){body.my-account .nav-container nav.main-nav{max-width:720px}}@media(min-width:992px){body.my-account .nav-container nav.main-nav{max-width:960px}}@media(min-width:1200px){body.my-account .nav-container nav.main-nav{max-width:1140px}}body.my-account .nav-container .nav-link{padding:1.3rem 0}}