header{padding:var(--space-btw-items) var(--default-space);text-transform:uppercase;position:fixed;width:100%;left:0;top:0;z-index:12131312;background-color:transparent;transition:var(--transition-primary)}header.scrolled{background-color:var(--color-light);box-shadow:0 0 .2vw var(--color-primary)}header nav{display:flex}header nav{gap:var(--space-btw-items)}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.navbar__back__btn{color:var(--color-primary);font-size:120%}.navbar__logo__img{margin-left:auto;display:flex;justify-content:center;align-items:center;text-align:center;font-family:var(--font-primary)}.navbar__logo__img img{width:50%;margin:auto}.nav-link{font-size:var(--size-link);cursor:pointer;transition:var(--transition-primary);letter-spacing:var(--text-spacing)}.nav-link:hover{color:var(--color-dark)}.burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5vw;background-color:transparent;transition:var(--transition-primary);position:relative;cursor:pointer;z-index:10}.burger__line{background-color:var(--color-primary);height:.3vw;width:2vw;border-radius:0}.burger.active .burger__line:nth-child(1){display:none}.burger.active .burger__line{position:absolute}.burger.active .burger__line:nth-child(2){transform:rotate(90deg);transition:var(--transition-primary)}.burger.active{transform:rotate(45deg);transition:var(--transition-primary);margin-left:1vw}header nav{flex-direction:column;justify-content:center;align-items:center;position:fixed;top:100%;left:0;height:100vh;width:100%;transition:var(--transition-primary)}header nav.active{top:0;background-color:var(--color-bg)}.navbar__right{display:flex;flex-direction:row;gap:var(--space-btw-items);margin-left:auto}.navbar__right button{background-color:transparent;cursor:pointer;transition:var(--transition-primary);font-size:100%}.navbar__right button:hover{color:var(--color-primary)}.navbar__right i{font-size:170%;background-color:transparent}@media (max-width: 768px){.navbar__logo__img img{width:20%;margin:auto}.burger__line{background-color:var(--color-primary);height:3px;width:20px;border-radius:0}}.burger,.nav{display:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/css/navbar.css.map */