.hxu-utility-bar-section{min-width:0;max-width:100%;opacity:1;transform:translateY(0)}.hxu-utility-bar-section[data-hxu-ready]{overflow:hidden;overflow:clip;transition:opacity var(--hxu-animation-duration, .24s) ease,transform var(--hxu-animation-duration, .24s) cubic-bezier(.22,1,.36,1)}.hxu-utility-bar-section[data-header-layout-initializing=true]{transition:none}.hxu-utility-bar-section[data-hxu-ready]:has(.hxu-localization[open]){overflow:visible}.hxu-utility-bar-section[data-hxu-sticky=true]{position:sticky;top:0;z-index:calc(var(--layer-menu-drawer, 10) + 1)}.hxu-utility-bar-section[data-hxu-hidden=true]{opacity:0;pointer-events:none;transform:translateY(-100%)}#header-group:has(.hxu-utility-bar-section[data-hxu-sticky=true]) .header-section:has(>#header-component[sticky=always]),#header-group:has(.hxu-utility-bar-section[data-hxu-sticky=true]) .header-section:has(>#header-component[sticky=scroll-up][data-sticky-state=active]){top:calc(var(--hexufan-utility-bar-height, 0px) - 1px);transition:top var(--hxu-animation-duration, .24s) cubic-bezier(.22,1,.36,1)}#header-group:has(.hxu-utility-bar-section[data-header-layout-initializing=true]) .header-section:has(>#header-component[sticky]){transition:none}.hxu-utility-bar{display:block;width:100%;max-width:100%;color:var(--hxu-text, #d9dde3);background:var(--hxu-background, #05070b);border-block-start:var(--hxu-border-top-width, 0) solid var(--hxu-divider, #39414d);border-block-end:var(--hxu-border-bottom-width, 1px) solid var(--hxu-divider, #39414d);font-family:var(--font-body--family);font-size:var(--hxu-desktop-font-size, 12px);line-height:1.35;overflow:visible}.hxu-utility-bar,.hxu-utility-bar *{box-sizing:border-box}.hxu-utility-bar__inner{width:min(100%,var(--hxu-max-width, 1320px));min-height:var(--hxu-desktop-min-height, 40px);margin-inline:auto;padding-block:var(--hxu-desktop-padding-block, 0);padding-inline:var(--hxu-inline-padding, 24px);display:flex;align-items:center;gap:var(--hxu-desktop-gap, 18px)}.hxu-utility-bar--full-width .hxu-utility-bar__inner{width:100%;max-width:none}.hxu-utility-bar__group{min-width:0;display:flex;align-items:center;gap:var(--hxu-desktop-gap, 18px)}.hxu-utility-bar__group--left{flex:1 1 var(--hxu-left-basis, 50%);justify-content:var(--hxu-left-alignment, flex-start)}.hxu-utility-bar__group--right{flex:1 1 calc(100% - var(--hxu-left-basis, 50%));justify-content:var(--hxu-right-alignment, flex-end)}.hxu-utility-item{min-width:0;min-height:var(--hxu-desktop-min-height, 40px);display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--hxu-link, #fff);text-decoration:none;white-space:nowrap;transition:color .16s ease,opacity .16s ease}a.hxu-utility-item:hover,a.hxu-utility-item:focus-visible{color:var(--hxu-hover, #82c3e3)}.hxu-utility-item:focus-visible,.hxu-localization__summary:focus-visible,.hxu-localization__option:focus-visible{outline:2px solid var(--hxu-hover, #82c3e3);outline-offset:2px}.hxu-utility-item__text{min-width:0;max-width:100%;overflow-wrap:anywhere}.hxu-utility-icon,.hxu-utility-item__custom-icon{width:var(--hxu-desktop-icon-size, 16px);height:var(--hxu-desktop-icon-size, 16px);flex:0 0 auto;color:var(--hxu-icon, #5ca5ca);object-fit:contain}.hxu-utility-icon--caret{width:14px;height:14px;color:currentColor;transition:transform .16s ease}.hxu-utility-divider{width:1px;height:var(--hxu-block-divider-height, 18px);margin-inline-start:var(--hxu-block-divider-margin-left, 4px);margin-inline-end:var(--hxu-block-divider-margin-right, 4px);flex:0 0 1px;background:var(--hxu-block-divider-color, var(--hxu-divider, #39414d))}.hxu-utility-item--editor-placeholder{opacity:.55}.hxu-utility-bar__localization{min-width:0;display:inline-flex;align-items:center;gap:6px}.hxu-utility-bar__localization-divider{width:1px;height:18px;margin-inline:4px;flex:0 0 1px;background:var(--hxu-divider, #39414d)}.hxu-localization-form{margin:0}.hxu-localization{position:relative}.hxu-localization__summary{min-height:var(--hxu-desktop-min-height, 40px);padding-inline:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--hxu-localization-text, #fff);background:var(--hxu-localization-background, #05070b);border:0;border-radius:3px;cursor:pointer;list-style:none;white-space:nowrap;transition:color .16s ease,background-color .16s ease}.hxu-localization__summary::-webkit-details-marker{display:none}.hxu-localization__summary:hover{color:var(--hxu-hover, #82c3e3)}.hxu-localization[open] .hxu-utility-icon--caret{transform:rotate(180deg)}.hxu-localization__flag{width:20px;height:14px;display:inline-flex;flex:0 0 auto;overflow:hidden;border-radius:1px}.hxu-localization__flag img{width:100%;height:100%;display:block;object-fit:cover}.hxu-localization__menu{position:absolute;z-index:calc(var(--layer-menu-drawer, 10) + 4);inset-block-start:calc(100% + 8px);inset-inline-end:0;width:max-content;min-width:220px;max-width:min(340px,calc(100vw - 32px));max-height:min(420px,70vh);padding:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-y;color:var(--hxu-localization-text, #fff);background:var(--hxu-dropdown-background, #11151c);border:1px solid var(--hxu-divider, #39414d);border-radius:6px;box-shadow:0 12px 28px #0000003d}@supports (height: 100dvh){.hxu-localization__menu{max-height:min(420px,calc(100dvh - var(--hxu-desktop-min-height, 40px) - 24px))}}.hxu-utility-bar__group--left .hxu-localization__menu{inset-inline-start:0;inset-inline-end:auto}.hxu-localization__heading{margin:0;padding:8px 10px;color:var(--hxu-text, #d9dde3);font-size:.9em;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hxu-localization__option{width:100%;min-height:44px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:inherit;background:transparent;border:0;border-radius:4px;font:inherit;text-align:start;cursor:pointer}.hxu-localization__option:hover,.hxu-localization__option[aria-current=true]{color:var(--hxu-hover, #82c3e3);background:#ffffff12}.hxu-localization__country{min-width:0;display:flex;align-items:center;gap:8px}.hxu-localization__country>span:last-child{overflow-wrap:anywhere}.hxu-localization__code{flex:0 0 auto;color:var(--hxu-text, #d9dde3);font-size:.9em;opacity:.8}.hxu-hide-desktop{display:none!important}@media screen and (max-width:749px){.hxu-hide-desktop{display:inline-flex!important}.hxu-utility-bar--hide-mobile,[data-hxu-hide-mobile]{display:none!important}.hxu-utility-bar{font-size:var(--hxu-mobile-font-size, 12px);overflow:hidden;overflow:clip}.hxu-utility-bar:has(.hxu-localization[open]){overflow:visible}.hxu-utility-bar__inner{width:100%;min-height:var(--hxu-mobile-min-height, 44px);padding-block:var(--hxu-mobile-padding-block, 0);padding-inline:var(--hxu-mobile-inline-padding, 16px);gap:var(--hxu-mobile-gap, 12px)}.hxu-utility-bar__group{gap:var(--hxu-mobile-gap, 12px)}.hxu-utility-item,.hxu-localization__summary{min-width:44px;min-height:var(--hxu-mobile-min-height, 44px)}.hxu-utility-icon,.hxu-utility-item__custom-icon{width:var(--hxu-mobile-icon-size, 17px);height:var(--hxu-mobile-icon-size, 17px)}.hxu-utility-bar[data-mobile-layout=compact] .hxu-utility-bar__inner{justify-content:space-between}.hxu-utility-bar[data-mobile-layout=compact] .hxu-utility-bar__group{flex:0 1 auto}.hxu-utility-item--mobile-icon-only .hxu-utility-item__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hxu-utility-bar[data-mobile-layout=scroll] .hxu-utility-bar__inner{overflow-x:auto;overflow-y:visible;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.hxu-utility-bar[data-mobile-layout=scroll] .hxu-utility-bar__inner::-webkit-scrollbar{display:none}.hxu-utility-bar[data-mobile-layout=scroll] .hxu-utility-bar__inner:has(.hxu-localization[open]){overflow:visible}.hxu-utility-bar[data-mobile-layout=scroll] .hxu-utility-bar__group{flex:0 0 auto}.hxu-utility-bar[data-mobile-layout=wrap] .hxu-utility-bar__inner,.hxu-utility-bar[data-mobile-layout=wrap] .hxu-utility-bar__group{flex-wrap:wrap}.hxu-utility-bar[data-mobile-layout=wrap] .hxu-utility-bar__group{flex:1 1 100%}.hxu-localization__menu{max-width:calc(100vw - 32px)}@supports (height: 100dvh){.hxu-localization__menu{max-height:min(420px,calc(100dvh - var(--hxu-mobile-min-height, 44px) - 24px))}}}@media screen and (min-width:750px){.hxu-utility-bar--hide-desktop{display:none}}@media screen and (max-width:359px){.hxu-utility-bar[data-mobile-layout=compact] .hxu-utility-bar__localization-divider,.hxu-utility-bar[data-mobile-layout=compact] .hxu-utility-divider{display:none}.hxu-utility-bar[data-mobile-layout=compact] .hxu-utility-bar__inner{gap:4px;padding-inline:12px}.hxu-utility-bar[data-mobile-layout=compact] .hxu-utility-bar__group{gap:2px}}@media(prefers-reduced-motion:reduce){.hxu-utility-bar-section,.hxu-utility-item,.hxu-localization__summary,.hxu-utility-icon--caret{transition:none!important;scroll-behavior:auto!important}#header-group:has(.hxu-utility-bar-section) .header-section:has(>#header-component[sticky]){transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/hexufan-utility-bar.css.map */