.shuug-header-wrapper{width:100%;position:fixed;background-color:rgb(var(--color-background));transition:all .3s ease-in-out;z-index:2}a{font-family:Yalla;text-decoration:none;color:rgb(var(--color-foreground));text-transform:uppercase}.shuug-header-wrapper.scrolled,.shuug-header-wrapper.not-index{border-bottom:var(--border-width) solid rgba(var(--color-foreground),1)}.shuug-header{display:flex;justify-content:space-between;position:relative;margin:0rem 2.5rem;height:5rem}.header-logo{position:absolute;width:13rem;height:auto;left:50%;top:50%;transform:translate(-50%) translateY(-50%);transition:all .3s ease-in-out}.header-logo-small{margin:0!important;top:50%!important;left:50%!important;transform:translateY(-50%) translate(-50%)!important;width:15rem!important}.menu-items{display:none}.menu-items.scrolled,.not-index .menu-items{left:50%!important;transform:translate(-50%)!important}.menu-item:hover{background-color:rgb(var(--color-button));border-radius:30px;border:var(--border-width) solid rgba(var(--color-foreground),1);transition:all .2s ease-in;cursor:pointer}.menu-item-highlight{background-color:rgb(var(--color-button));border-radius:30px;border:var(--border-width) solid rgba(var(--color-foreground),1);padding:.5rem 1rem}.right-items{display:flex;align-items:center;color:rgb(var(--color-foreground))}.right-menu-items{display:flex;justify-content:center;align-items:center;text-align:center;gap:.5rem;font-family:Yalla}.hamburger{display:flex;align-items:center;transition:transform .2s ease-in}.hamburger:hover{cursor:pointer;transform:scale(1.1)}.hamburger svg{width:3.5rem;height:auto;padding:0}.account-icon{display:none;margin-right:1rem}.right-items a{color:inherit;text-decoration:none;transition:all .2s ease-in}.right-items a:hover{filter:brightness(80%);transition:all .2s ease-in}.shuug-mobile-menu{padding:5rem 2.5rem 2.5rem;background-color:rgb(var(--color-background));position:fixed;height:100%;width:100%;display:flex;flex-direction:column;align-items:start;justify-content:space-between;right:100%;transition:right .3s ease-in}.shuug-mobile-menu.opened{right:0}.menu-items-mobile{padding-top:3rem;display:flex;flex-direction:column}.menu-item-mobile{font-family:Yalla;text-transform:uppercase;font-size:3rem;color:rgb(var(--color-foreground));text-decoration:none;transition:color .2s ease-in}.menu-item-mobile:hover{color:rgb(var(--color-button))}.account-mobile-wrapper{display:flex;align-items:center;gap:1rem;background-color:rgb(var(--color-button));border-radius:30px;border:var(--border-width) solid rgba(var(--color-foreground),1);padding:.5rem 2rem;text-decoration:none;box-shadow:0 5px rgb(var(--color-border));transition:filter .2s ease-in}.account-mobile-wrapper:hover{filter:brightness(80%)}.account-mobile-wrapper span{font-family:Yalla!important;text-transform:uppercase;font-size:2rem}.socials-items-mobile{display:flex;flex-direction:column}.socials-items-mobile a{font-family:Yalla;color:rgb(var(--color-foreground));font-size:2rem;text-decoration:none}.dropdown{display:none}.dropdown-caret .icon-caret{width:1.5rem!important}.child-page{padding-left:2rem}@media screen and (min-width: 599px){.shuug-header{margin:0rem 5rem}.shuug-mobile-menu{padding:5rem}}@media screen and (min-width: 1000px){.shuug-mobile-menu{display:none}.shuug-header{justify-content:end}.account-icon{display:block}.hamburger{display:none}.header-logo{margin-top:1.5rem;width:33rem;left:0;transform:none;top:0}.header-logo.scrolled{margin:0!important;top:50%!important;transform:translateY(-50%)!important;width:15rem!important}.menu-items{position:absolute;height:100%;left:34.6rem;display:flex;align-items:center;transition:all .3s ease-in-out}.menu-item{position:relative;height:80%;margin-right:1rem;padding:0 .5rem;text-decoration:none;display:flex;align-items:center}.menu-item h3{position:relative;font-family:Yalla!important;font-size:1.3rem;text-align:center;color:rgb(var(--color-foreground));text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:all .2s ease-in}.dropdown{position:fixed;background-color:rgb(var(--color-button));height:6rem;width:100%;top:6rem;z-index:3;align-items:center;justify-content:center;gap:2rem;border-top:var(--border-width) solid rgb(var(--color-foreground));border-bottom:var(--border-width) solid rgb(var(--color-foreground))}.dropdown.opened{display:flex}}@media screen and (min-width: 1200px){.menu-item h3{font-size:1.8rem}}@media screen and (min-width: 1600px){.shuug-header{margin:0rem 6rem;height:6rem}.header-logo{width:51rem}.menu-items{left:52rem}.menu-item h3{font-size:2rem;padding:0rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/shuug-header.css.map */