.header{padding:var(--gap-default);position:relative}@media screen and (min-width: 800px){.header{padding:var(--gap-default) var(--gap-large)}}.header .header__inner{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;max-width:1440px;margin:auto}.header .header__inner .mobile{width:100%}.header .header__inner nav{display:none;flex-direction:column;gap:var(--gap-default);width:100%;max-width:320px;height:100vh;position:absolute;top:0;background:var(--orange);left:-320px;padding:var(--gap-xlarge);transition:all .3s ease-in-out}@media screen and (min-width: 1200px){.header .header__inner nav{position:relative;background:none;display:flex;flex-direction:row;gap:var(--gap-default);gap:var(--gap-large);height:auto;padding:0;width:100%;max-width:none;left:0}}.header .header__inner nav.open_nav{display:block;animation:.3s slide-in forwards;z-index:100}.header .header__inner nav.close_nav{animation:.3s slide-out forwards}.header .header__inner nav a{font-family:Love October,sans-serif;font-size:18px;display:block;padding-bottom:var(--gap-xsmall);transition:all .3s ease-in-out;font-size:28px}@media screen and (min-width: 1200px){.header .header__inner nav a{font-size:28px}}.header .header__inner nav a.active{color:var(--white)}@media screen and (min-width: 1200px){.header .header__inner nav a.active{color:var(--orange)}}.header .header__inner nav a:hover{color:var(--orange);opacity:.7}.header .header__inner nav .close{position:absolute;right:24px;top:24px}@media screen and (min-width: 1200px){.header .header__inner nav .close{display:none}}.header .header__inner .logo{width:100%}.header .header__inner .logo a{width:100%;display:block}.header .header__inner .logo img{display:block;width:100%;min-width:240px;margin:auto}@media screen and (min-width: 800px){.header .header__inner .logo img{max-width:347px}}.header .header__inner .utils{display:flex;gap:var(--gap-small);width:100%;justify-content:flex-end;padding-bottom:var(--gap-xsmall)}.header .header__inner .utils a{display:block;cursor:url(cursor_pointer.svg),auto!important;position:relative}.header .header__inner .utils a svg{cursor:url(cursor_pointer.svg),auto!important}.header .header__inner .utils a .cart_count{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600}@keyframes slide-in{0%{left:-320px}to{left:0}}@keyframes slide-out{0%{left:0}to{left:-320px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/styles-header.css.map */