body:has(.sl-header) .utility-bar{--sl-ann-h: 40px;background-color:var(--sl-sky, #31c8ff)}body:has(.sl-header) .utility-bar .announcement-bar,body:has(.sl-header) .utility-bar .announcement-bar__announcement,body:has(.sl-header) .utility-bar .announcement-bar__link{background-color:var(--sl-sky, #31c8ff);min-height:var(--sl-ann-h);height:var(--sl-ann-h);overflow:hidden;font-family:var(--sl-font, "SL Be Vietnam Pro", system-ui, sans-serif)}body:has(.sl-header) .utility-bar .announcement-bar--one-announcement,body:has(.sl-header) .utility-bar .announcement-bar--one-announcement .announcement-bar__link{height:var(--sl-ann-h)}body:has(.sl-header) .utility-bar .announcement-bar__message{min-height:var(--sl-ann-h);padding:0;margin:0;letter-spacing:0;font-family:var(--sl-font, "SL Be Vietnam Pro", system-ui, sans-serif);font-size:var(--sl-fs-16);line-height:var(--sl-lh-16);font-weight:700;color:var(--sl-black, #000)}body:has(.sl-header) .utility-bar .announcement-bar__message>span,body:has(.sl-header) .utility-bar .announcement-bar__message span{font-family:var(--sl-font, "SL Be Vietnam Pro", system-ui, sans-serif);font-size:var(--sl-fs-16);line-height:var(--sl-lh-16);font-weight:700;color:var(--sl-black, #000)}body:has(.sl-header) .utility-bar .announcement-bar__message .icon-arrow{height:10px;width:10px;margin-left:6px;color:inherit}body:has(.sl-header) .utility-bar .announcement-bar .slider-button{height:var(--sl-ann-h);width:var(--sl-ann-h);min-width:var(--sl-ann-h);margin:0;background:transparent;color:var(--sl-black, #000);top:0}@media screen and (max-width:989px){body:has(.sl-header) .utility-bar .announcement-bar .slider-button--prev{left:0}body:has(.sl-header) .utility-bar .announcement-bar .slider-button--next{right:0}}@media screen and (max-width:749px){body:has(.sl-header) .utility-bar .announcement-bar__message,body:has(.sl-header) .utility-bar .announcement-bar__message span{font-size:12px;line-height:16px;white-space:normal}body:has(.sl-header) .utility-bar .announcement-bar__message{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-inline:40px;text-align:center}}body:has(.sl-header) .utility-bar .announcement-bar .slider-button .icon{height:10px;width:10px}body:has(.sl-header) .utility-bar .announcement-bar .slider-button:not([disabled]):hover{opacity:.6}body:has(.sl-header) .utility-bar .announcement-bar .slider-button:focus-visible,body:has(.sl-header) .utility-bar .announcement-bar__link:focus-visible{outline:2px solid var(--sl-black, #000);outline-offset:-2px;box-shadow:none}body:has(.sl-header) .utility-bar .announcement-bar-slider,body:has(.sl-header) .utility-bar .announcement-bar-slider .slider{height:var(--sl-ann-h)}@media screen and (min-width:990px){:root{--sl-header-h: clamp(45px, calc(60 * var(--sl-u)), 60px)}}@media screen and (min-width:990px){body:has(.sl-header) .utility-bar{--sl-ann-h: clamp(30px, calc(40 * var(--sl-u)), 40px)}}.sl-header{font-family:var(--sl-font, "SL Be Vietnam Pro", system-ui, sans-serif)}.sl-header .menu-drawer,.sl-header .menu-drawer :where(a,span,div,p,li,summary,button){font-family:var(--sl-font, "SL Be Vietnam Pro", system-ui, sans-serif)}.sl-header__icon-img{display:none}body:has(.sl-header) .header__icon--account>svg.icon,body:has(.sl-header) .header__icon--cart>svg.icon{display:none}body:has(.sl-header) .sl-header__icon-img{display:block;width:20px;height:20px}@media screen and (max-width:989px){body:has(.sl-header) .sl-header__icon-img{margin:0 8px}}body:has(.sl-header) .header__icon--search .icon-search{width:20px;height:20px;color:#454241}body:has(.sl-header) .sl-header__icon-img{transition:transform var(--uk-duration-fast, .15s) var(--uk-ease-out, ease-out)}.sl-header .sl-hsearch,.sl-header .sl-nav-wrap{display:none}@media screen and (min-width:990px){.sl-header.header.page-width{box-sizing:border-box;width:100%;max-width:none;height:var(--sl-header-h);padding:0 var(--sl-gutter, 80px);display:grid;grid-template-areas:"heading navigation icons";grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);column-gap:0;align-items:center}.sl-header .header__heading{grid-area:heading;justify-self:start;margin:0}.sl-header .header__heading-link,.sl-header.header--middle-left .header__heading-link{margin:0;padding:0;display:flex;align-items:center;width:clamp(90px,calc(120 * var(--sl-u)),120px);height:clamp(30px,calc(40 * var(--sl-u)),40px);justify-self:start}.sl-header .header__heading-logo-wrapper{width:clamp(68.25px,calc(91 * var(--sl-u)),91px);margin-left:clamp(10.5px,calc(14 * var(--sl-u)),14px)}.sl-header .header__heading-logo{display:block;width:100%;height:auto}.sl-header .sl-nav-wrap{display:block;grid-area:navigation;justify-self:center;height:100%;--sl-hd-gap: clamp(30px, calc(38 * var(--sl-u)), 38px);--sl-hd-fs: var(--sl-fs-16)}.sl-header .sl-nav{height:100%}.sl-header .sl-nav__list{display:flex;align-items:center;height:100%;margin:0;padding:0;list-style:none;gap:var(--sl-hd-gap)}.sl-header .sl-nav__item{position:relative;display:flex;align-items:center;height:100%;margin:0;padding:0;flex:none}.sl-header .sl-nav__link{display:flex;align-items:center;height:100%;font-family:var(--sl-font, "SL Be Vietnam Pro", system-ui, sans-serif);font-size:var(--sl-hd-fs);line-height:var(--sl-lh-16);font-weight:400;color:var(--sl-black, #000);text-decoration:none;white-space:nowrap;transition:color var(--uk-duration-fast, .15s) var(--uk-ease-out, ease-out)}.sl-header .sl-nav__item[data-open]>.sl-nav__link,.sl-header .sl-nav__link:hover{color:var(--sl-sky, #31c8ff)}.sl-header .sl-nav__link:focus-visible,.sl-header .sl-nav__panel a:focus-visible,.sl-header .sl-hsearch__btn:focus-visible,.sl-header .sl-hsearch__input:focus-visible,.sl-header .header__icon:focus-visible{outline:2px solid var(--sl-focus, #084799);outline-offset:3px;box-shadow:none}.sl-header .sl-nav__link.is-active{font-weight:500}.sl-header .sl-nav{--sl-hd-panel-px: clamp(18px, calc(24 * var(--sl-u)), 24px)}.sl-header .sl-nav__panel{position:absolute;top:100%;left:calc(-1 * var(--sl-hd-panel-px));z-index:20;box-sizing:border-box;min-width:clamp(180px,calc(240 * var(--sl-u)),240px);width:max-content;max-width:min(480px,calc(100vw - 48px));padding:clamp(12px,calc(16 * var(--sl-u)),16px) var(--sl-hd-panel-px) clamp(24px,calc(32 * var(--sl-u)),32px);background-color:var(--sl-white, #fff);box-shadow:0 12px 24px #00000014;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity var(--uk-duration-fast, .15s) var(--uk-ease-out, ease-out),transform var(--uk-duration-fast, .15s) var(--uk-ease-out, ease-out),visibility 0s linear var(--uk-duration-fast, .15s)}.sl-header .sl-nav__item[data-open]>.sl-nav__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity var(--uk-duration-fast, .15s) var(--uk-ease-out, ease-out),transform var(--uk-duration-fast, .15s) var(--uk-ease-out, ease-out),visibility 0s linear 0s}.sl-header .sl-nav__panel-title{display:block;margin:0 0 20px;font-family:var(--sl-font, "SL Be Vietnam Pro", system-ui, sans-serif);font-size:var(--sl-fs-16);line-height:var(--sl-lh-16);font-weight:700;color:var(--sl-black, #000);text-decoration:none;white-space:nowrap}.sl-header .sl-nav__sublist{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.sl-header .sl-nav__sublink{display:block;font-family:var(--sl-font, "SL Be Vietnam Pro", system-ui, sans-serif);font-size:var(--sl-fs-16);line-height:var(--sl-lh-16);font-weight:400;color:var(--sl-black, #000);text-decoration:none;transition:color var(--uk-duration-fast, .15s) var(--uk-ease-out, ease-out)}.sl-header .sl-nav__panel-title:hover,.sl-header .sl-nav__sublink:hover{color:var(--sl-sky, #31c8ff)}.sl-header .sl-nav__sublink[aria-current=page]{font-weight:500}.sl-header .header__icons{grid-area:icons;justify-self:end;align-items:center;height:100%;padding:0;margin-right:clamp(-4px,calc(-4 * var(--sl-u)),-3px);gap:20px}.sl-header .header__icons .desktop-localization-wrapper:empty{display:none}.sl-header.header .header__icons>.header__search{display:none}.sl-header .header__icon{width:clamp(21px,calc(28 * var(--sl-u)),28px);height:100%;margin:0;padding:0}.sl-header .header__icon .icon,body:has(.sl-header) .sl-header .sl-header__icon-img,body:has(.sl-header) .sl-header .header__icon--search .icon-search{width:clamp(15px,calc(20 * var(--sl-u)),20px);height:clamp(15px,calc(20 * var(--sl-u)),20px);margin:0}.sl-header .header__icon--cart{margin-right:0}.sl-header .header__icon--cart .cart-count-bubble{left:clamp(10.5px,calc(14 * var(--sl-u)),14px);bottom:clamp(9px,calc(12 * var(--sl-u)),12px)}.sl-header .sl-hsearch{position:relative;display:block;width:clamp(120px,calc(160 * var(--sl-u)),160px);height:clamp(19.5px,calc(26 * var(--sl-u)),26px);font-size:var(--sl-fs-16);line-height:clamp(21.6px,calc(28.8 * var(--sl-u)),28.8px);margin-right:16px;border-bottom:1px solid rgba(61,61,61,.5);transition:border-color var(--uk-duration-fast, .15s) var(--uk-ease-out, ease-out)}.sl-header .sl-hsearch:focus-within,.sl-header .sl-hsearch:hover{border-bottom-color:var(--sl-black, #000)}.sl-header .sl-hsearch__btn{position:absolute;left:0;top:clamp(2.25px,calc(3 * var(--sl-u)),3px);width:clamp(15px,calc(20 * var(--sl-u)),20px);height:clamp(15px,calc(20 * var(--sl-u)),20px);padding:0;border:0;background:none;color:var(--sl-black, #000);cursor:pointer;display:flex;align-items:center;justify-content:center}.sl-header .sl-hsearch__btn .icon{width:100%;height:100%;margin:0}.sl-header .sl-hsearch__btn svg path{vector-effect:non-scaling-stroke}.sl-header .sl-hsearch__input{box-sizing:border-box;width:100%;height:clamp(16.5px,calc(22 * var(--sl-u)),22px);margin:0;padding:0 0 0 clamp(27px,calc(36 * var(--sl-u)),36px);border:0;border-radius:0;background:transparent;box-shadow:none;appearance:none;-webkit-appearance:none;font-family:var(--sl-font, "SL Be Vietnam Pro", system-ui, sans-serif);font-size:var(--sl-fs-14);line-height:var(--sl-lh-14);font-weight:400;color:var(--sl-text, #242424)}.sl-header .sl-hsearch__input::placeholder{color:#3d3d3d80;opacity:1}.sl-header .sl-hsearch__input::-webkit-search-cancel-button,.sl-header .sl-hsearch__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.sl-header .sl-hsearch__input:focus-visible{outline-offset:2px}.sl-header .header__icon:hover .icon,.sl-header .header__icon:hover .sl-header__icon-img{transform:scale(1.07)}}@media screen and (min-width:990px)and (prefers-reduced-motion:reduce){.sl-header .sl-nav__panel{transform:none}}@media screen and (min-width:990px)and (max-width:1279px){.sl-header .sl-nav__item:last-child>.sl-nav__panel{left:auto;right:calc(-1 * var(--sl-hd-panel-px))}}@media screen and (min-width:990px)and (max-width:1279px){.sl-header .header__icons{gap:12px}.sl-header .sl-hsearch{display:none}.sl-header.header .header__icons>.header__search{display:inline-flex}}@media screen and (min-width:990px)and (max-width:1279px){.sl-header .header__icons .header__search summary{height:var(--sl-header-h)}.sl-header .search-modal .field__input{height:clamp(33.75px,calc(45 * var(--sl-u)),45px);padding:clamp(11.25px,calc(15 * var(--sl-u)),15px);padding-right:clamp(73.5px,calc(98 * var(--sl-u)),98px);font-size:var(--sl-fs-16)}.sl-header .search-modal .field__input:focus,.sl-header .search-modal .field__input:not(:placeholder-shown){padding:clamp(16.5px,calc(22 * var(--sl-u)),22px) clamp(11.25px,calc(15 * var(--sl-u)),15px) clamp(6px,calc(8 * var(--sl-u)),8px) clamp(15px,calc(20 * var(--sl-u)),20px);padding-right:clamp(73.5px,calc(98 * var(--sl-u)),98px)}.sl-header .search-modal .field__label{top:calc(1px + clamp(7.5px,calc(10 * var(--sl-u)),10px));left:calc(1px + clamp(15px,calc(20 * var(--sl-u)),20px));font-size:var(--sl-fs-16)}.sl-header .search-modal .field__input:focus~.field__label,.sl-header .search-modal .field__input:not(:placeholder-shown)~.field__label{top:calc(1px + clamp(3.75px,calc(5 * var(--sl-u)),5px));font-size:clamp(9px,calc(12 * var(--sl-u)),12px)}.sl-header .search-modal .field__button{width:clamp(33px,calc(44 * var(--sl-u)),44px);height:clamp(33px,calc(44 * var(--sl-u)),44px)}.sl-header .search-modal .reset__button{right:calc(1px + clamp(33px,calc(44 * var(--sl-u)),44px))}.sl-header .search-modal .search__button .icon,.sl-header .search-modal .reset__button .icon.icon-close{width:clamp(13.5px,calc(18 * var(--sl-u)),18px);height:clamp(13.5px,calc(18 * var(--sl-u)),18px)}.sl-header .search-modal .search-modal__close-button{width:clamp(33px,calc(44 * var(--sl-u)),44px);height:clamp(33px,calc(44 * var(--sl-u)),44px)}.sl-header .search-modal .search-modal__close-button .icon{width:clamp(12.75px,calc(17 * var(--sl-u)),17px);height:clamp(12.75px,calc(17 * var(--sl-u)),17px)}}@media screen and (min-width:990px){body:where(:has(.sl-header)) .product__column-sticky:not(quick-add-modal *),body:where(:has(.sl-header)) .desks_media_content:not(quick-add-modal *){top:var(--sl-header-h)}html:where(:has(.sl-header)){scroll-padding-top:var(--sl-header-h)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sl-header.css.map */