body{position:relative;padding-top:4rem}@media screen and (min-width:calc(1200px + 1px)){body{padding-top:5rem}}body>header{transition:all 0.2s ease-in-out}body[data-scrolled]>header{box-shadow:0 0 1.5rem rgba(0,0,0,0.05)}body>header{position:fixed;left:0;top:0;width:100%;z-index:99;background-color:var(--color-neutral-000)}body>header .mobile-navigation{position:relative;height:4rem}@media screen and (min-width:calc(1200px + 1px)){body>header .mobile-navigation{display:none!important}}body>header .mobile-navigation>.bar{background-color:var(--color-neutral-100);height:100%}body>header .mobile-navigation>.bar>.container{display:flex;align-items:stretch;justify-content:space-between;height:100%}body>header .mobile-navigation>.bar>.container .logo{align-self:center;padding-right:1rem}body>header .mobile-navigation>.bar>.container .logo img{height:2.75rem;width:auto;padding-top:0.25rem;padding-bottom:0.25rem}body>header .mobile-navigation>.bar>.container .right{height:100%;display:flex;flex-flow:row nowrap}body>header .mobile-navigation>.bar>.container .right>*{height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;border-left:0.0555555556rem solid var(--color-neutral-200);transition:background-color 0.2s ease-in-out}body>header .mobile-navigation>.bar>.container .right>:last-child{border-right:0.0555555556rem solid var(--color-neutral-200)}body>header .mobile-navigation>.bar>.container .right>*>img{height:2rem;width:auto}body>header .mobile-navigation>.bar>.container .right>.active{background-color:var(--color-blue-700);border-color:var(--color-blue-700);background-image:url("../images/static/close.svg");background-size:auto 45%;background-repeat:no-repeat;background-position:center}body>header .mobile-navigation>.bar>.container .right>.active>img{opacity:0}body>header .mobile-navigation>.opened-content{display:none;background-color:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);height:100svh;padding-top:1em;padding-bottom:1rem}body>header .mobile-navigation>.opened-content nav>ul{padding-left:0}body>header .mobile-navigation>.opened-content nav>ul>li{display:block;margin:0}body>header .mobile-navigation>.opened-content nav>ul>li+li{border-top:0.0555555556rem solid var(--color-neutral-100)}body>header .mobile-navigation>.opened-content nav>ul>li a{width:100%;height:3rem;display:flex;align-items:center;font-size:1.5rem;gap:0.5rem}body>header .mobile-navigation>.opened-content nav>ul>li a>img{height:2rem}body>header .desktop-navigation{border-bottom:0.0555555556rem solid var(--color-neutral-100);transition:all 0.2s ease-in-out;height:5rem}@media screen and (max-width:calc(calc(1200px + 1px) - 1px)){body>header .desktop-navigation{display:none!important}}body>header .desktop-navigation>.container{height:100%;display:flex;align-items:stretch;justify-content:space-between}body>header .desktop-navigation .logo{width:auto;align-self:center}body>header .desktop-navigation .logo img{min-height:1rem;height:2.5rem;width:auto;padding-top:0.15rem}body>header .desktop-navigation .search-input-form{align-self:center;max-width:32rem}body>header .desktop-navigation .right{display:flex;align-items:stretch;height:100%}body>header .desktop-navigation .right>*{height:100%;display:flex;flex-flow:row nowrap;align-items:center;gap:0.75rem;padding:1rem 1rem 0.85rem 1rem;border-left:0.0555555556rem solid var(--color-neutral-100);transition:all 0.2s ease-in-out;cursor:pointer!important;position:relative}body>header .desktop-navigation .right>:hover{background-color:var(--color-neutral-100)}body>header .desktop-navigation .right>*>img{height:2rem}body>header .desktop-navigation .right>:hover>.submenu{display:block}body>header .desktop-navigation .right>*>.submenu{display:none;position:absolute;top:100%;left:-0.0555555556rem;background-color:var(--color-neutral-000);border:0.0555555556rem solid var(--color-neutral-100);flex-flow:column nowrap;align-items:stretch;justify-content:stretch;width:11.1111111111rem;min-width:calc(100% + 0.1111111111rem)}body>header .desktop-navigation .right>*>.submenu>div>*{padding:0.75rem;display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:0.5rem;align-items:center}body>header .desktop-navigation .right>*>.submenu>div>:hover>span{text-decoration:underline}body>header .desktop-navigation .right>*>.submenu>div+div{border-top:0.0555555556rem solid var(--color-neutral-100)}body>header .desktop-navigation .right>.cart>span,body>header .desktop-navigation .right>.user>span{padding-top:0.3rem}body>header .desktop-navigation .right>.cart>span>span,body>header .desktop-navigation .right>.user>span>span{font-size:1rem;line-height:1em;color:var(--color-green-400);font-weight:500}body>header .desktop-navigation .right>.cart>span>small,body>header .desktop-navigation .right>.user>span>small{color:var(--color-neutral-500);font-size:0.8rem;line-height:0.8em;display:block}body>header .desktop-navigation .right>.user>span>span{color:var(--color-blue-700)}
/*# sourceMappingURL=header.css.map */