.l-header{position:relative;background-color:var(--main-color);z-index:var(--z-index-header);width:100%}.l-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding:0 12px}.l-header__siteTitle{display:flex;flex-direction:column;line-height:1;gap:4px;color:#ffffff;font-size:12px;font-weight:600}.l-header__logo{width:120px}.l-header__logo svg path{fill:#ffffff}.l-header__user{display:flex;align-items:center;gap:8px}.l-header--sticky{position:fixed;top:0;left:0}.l-header__button{position:relative;width:40px;height:40px;font-size:0}.l-header__button:focus-visible{outline:none}.l-header__button:after,.l-header__button:before{content:"";position:absolute;left:50%;transform:translateX(-50%);display:block;width:24px;height:2px;background-color:#ffffff;border-radius:200px;transform-origin:center;transition:transform .2s ease-out;will-change:transform}.l-header__button:before{top:calc(50% - 1px - 4px)}.l-header__button:after{top:calc(50% - 1px + 4px)}.l-header__button.is-open:before{top:calc(50% - 1px);transform:translateX(-50%) rotate(45deg)}.l-header__button.is-open:after{top:calc(50% - 1px);transform:translateX(-50%) rotate(-45deg)}@media (min-width:1024px){.l-header__siteTitle{flex-direction:row;align-items:center;justify-content:start;gap:8px;font-size:20px}.l-header__logo{width:160px}.l-header__button{display:none}}