/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./dev/scss/_new/navbar/_index.scss ***!
  \*************************************************************************************************************************************************************************************************/
navbar-component{--text:var(--black-color);--background:var(--white-color);background-color:var(--background);box-shadow:0 5px 10px rgba(0,0,0,.05);position:fixed;top:var(--announcement-bar-height);transition:top .2s ease-out;width:100%;z-index:100}navbar-component .flex{justify-content:space-between;width:100%}@media (max-width:1400px){navbar-component .desktop{display:none}}navbar-component .logo{padding-bottom:.625rem;padding-top:.625rem}navbar-component .logo svg{display:flex;height:3.25rem}navbar-component nav{align-items:center;display:flex}navbar-component nav a,navbar-component nav span{align-items:baseline;color:var(--text);cursor:pointer;display:flex}navbar-component nav a .tag,navbar-component nav span .tag{font-size:.875em;font-weight:800;padding:0!important;transform:translateY(-10px)}navbar-component nav a .inner,navbar-component nav span .inner{height:auto;position:relative}navbar-component nav a .inner:after,navbar-component nav span .inner:after{background:currentColor;bottom:2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s;width:100%}navbar-component nav a .inner.active:after,navbar-component nav span .inner.active:after{transform:scaleX(1)}navbar-component nav a:hover .inner,navbar-component nav span:hover .inner{transition:color .35s ease}navbar-component nav a:hover .inner:after,navbar-component nav span:hover .inner:after{transform:scaleX(1);transform-origin:left}navbar-component nav .outer{align-items:center;display:flex;height:100%;padding-inline:.75rem;transition:color .35s ease}navbar-component nav .outer:hover .inner{color:var(--text);transition:color .35s ease}navbar-component nav .outer:hover .inner.text-highlight{color:rgb(var(--highlight-button-background))}navbar-component .icon-bar{align-items:center;display:flex;gap:1.5625rem}navbar-component .icon-bar a{display:flex;position:relative}navbar-component .icon-bar a cart-count{align-items:center;background-color:var(--primary-color);border-radius:100%;color:var(--white-color);display:flex;font-size:.75em;height:1rem;justify-content:center;position:absolute;right:-.625rem;top:-.125rem;width:1rem}navbar-component .icon-bar .language{aspect-ratio:1;height:1.25rem}navbar-component .icon-bar .language img{border-radius:100%}navbar-component .mobile{align-items:center}@media (min-width:1400px){navbar-component .mobile{display:none}}navbar-component .mobile .icon-bar,navbar-component .mobile .nav-icon{flex:1}navbar-component .mobile .nav-icon{opacity:1;transform:translateX(0);transition:all .25s ease}navbar-component .mobile .icon-bar{justify-content:end}navbar-component .mobile .icon-bar .close{opacity:0;position:absolute;transform:translateX(35px);transition:all .25s ease}navbar-component .mobile .icon-bar a{opacity:1;transform:translateX(0);transition:all .25s ease}navbar-component circle,navbar-component line,navbar-component path,navbar-component rect{fill:var(--text)}navbar-component.transparent{transition:all .35s ease}@media (min-width:960px){navbar-component.transparent{background-color:transparent}}navbar-component.transparent:hover,navbar-component.transparent[open]{transition:all .35s ease}@media (min-width:960px){navbar-component.transparent:hover,navbar-component.transparent[open]{background-color:var(--white-color);--text:var(--black-color)}}navbar-component.transparent_mobile{transition:all .35s ease}@media (max-width:960px){navbar-component.transparent_mobile{background-color:transparent}}navbar-component.transparent_mobile:hover,navbar-component.transparent_mobile[open]{transition:all .35s ease}@media (max-width:960px){navbar-component.transparent_mobile:hover,navbar-component.transparent_mobile[open]{background-color:var(--white-color);--text:var(--black-color)}}@media (min-width:960px){navbar-component.light{--text:var(--white-color);--background:var(--black-color)}}@media (max-width:960px){navbar-component.light_mobile{--text:var(--white-color);--background:var(--black-color)}}navbar-component[open-mobile],navbar-component[open]{box-shadow:none}navbar-component[open-mobile] .nav-icon{opacity:0;pointer-events:none;transform:translateX(-35px);transition:all .25s ease}navbar-component[open-mobile] .icon-bar .close{opacity:1;transform:translateX(0);transition:all .25s ease}navbar-component[open-mobile] .icon-bar a{opacity:0;pointer-events:none;transform:translateX(-35px);transition:all .25s ease}header-veil-component{--background:var(--black-color);background-color:var(--background);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .35s ease;z-index:30}header-veil-component[open]{opacity:.2;pointer-events:all;transition:opacity 0 ease}
