.headerBox{display:flex;flex-direction:row;width:100%;height:60px;padding:10px var(--spacing-7);color:var(--color-surface-background-gray-intense);border-bottom:var(--border-width-thin) solid var(--color-surface-border-gray-muted);align-items:center}.headerMobileBox{width:100%;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:1024px){.headerMobileBox{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6)}.headerBox{padding:0}}.desktop-logo-skeleton,.mobile-logo-skeleton{display:none}.search-area-skeleton{display:flex;justify-content:center;padding-left:var(--spacing-7);padding-right:var(--spacing-7)}@media (min-width:768px){.desktop-logo-skeleton{display:flex}.mobile-logo-skeleton{display:none}}.header-icon{display:inline-flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:8px;padding:4px;background-color:transparent;transition:background-color .12s ease;cursor:pointer}.header-icon.is-hovered,.header-icon:focus-visible,.header-icon:hover{background-color:var(--color-interactive-background-gray-default);outline:none}.icon-wrap{position:relative;line-height:0}.icon-wrap,.icon-wrap .icon-badge{display:inline-flex;align-items:center;justify-content:center}.icon-wrap .icon-badge{position:absolute;top:0;right:0;transform:translate(45%,-45%);min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;text-align:center;background:var(--color-surface-background-primary-intense);color:var(--colors-interactive-text-onPrimary,#fff);z-index:1;pointer-events:none}.thin-scrollbar::-webkit-scrollbar{width:var(--scrollbar-size,6px);height:var(--scrollbar-size,6px)}