#header-component[data-kama-header-style=pill]{padding-block:var(--kama-pill-spacing);--header-padding: 0px;--kama-active-bar-height: var(--kama-pill-height)}#header-component[data-kama-header-style=pill]>.header__row--top{display:block;width:calc(100% - var(--kama-pill-gutter) * 2);max-width:var(--kama-pill-width);margin-inline:auto;padding:0;border:0}#header-component[data-kama-header-style=pill]>.header__row--top>.header__columns{min-height:var(--kama-pill-height);padding:clamp(0px,calc(var(--kama-pill-height) / 4 - 17.5px),12px) 36px;border-radius:999px;background:var(--kama-pill-background);gap:clamp(16px,2vw,32px)}#header-component[data-kama-header-style=pill] .menu-list__link{font-family:var(--kama-pill-font);font-weight:var(--kama-pill-font-weight);font-size:var(--kama-pill-custom-font-size, var(--menu-top-level-font-size-desktop));line-height:1.15;text-transform:var(--kama-pill-case);color:var(--kama-pill-text);letter-spacing:.01em}#header-component[data-kama-header-style=pill] .menu-list__disclosure,#header-component[data-kama-header-style=pill] .header__icon--menu,#header-component[data-kama-header-style=pill] .search-action>.search-modal__button,#header-component[data-kama-header-style=pill] .search-action,#header-component[data-kama-header-style=pill] header-actions{color:var(--kama-pill-text);--color-account-icon: var(--kama-pill-text)}#header-component[data-kama-header-style=pill] .header-actions__action{color:var(--kama-pill-text)}#header-component[data-kama-header-style=pill] .menu-list__link:focus-visible,#header-component[data-kama-header-style=pill] .header-logo:focus-visible{outline:2px solid var(--kama-pill-text);outline-offset:5px}#header-component[data-kama-header-style=pill] .kama-menu-badge{font-family:var(--font-body--family)}#header-component[data-kama-header-style=pill] .header__underlay-closed{background:transparent}#header-component[data-kama-header-style=pill] .header__underlay-open{background:linear-gradient(transparent 0 var(--header-height),var(--color-submenu) var(--header-height) 100%)}#header-component[data-kama-header-style=pill][data-menu-style=drawer]{padding-block:min(var(--kama-pill-spacing),10px)}#header-component[data-kama-header-style=pill][data-menu-style=drawer]>.header__row--top{width:calc(100% - 20px)}#header-component[data-kama-header-style=pill][data-menu-style=drawer]>.header__row--top>.header__columns{min-height:var(--kama-active-bar-height);padding:clamp(0px,calc(var(--kama-active-bar-height) / 2 - 32px),8px) 18px;gap:0;--header-mobile-bookend: 44px}@media(max-width:749px){#header-component[data-kama-header-style=pill]{--kama-active-bar-height: var(--kama-pill-mobile-height)}#header-component[data-kama-header-style=pill]{padding-block:min(var(--kama-pill-spacing),10px)}#header-component[data-kama-header-style=pill]>.header__row--top{width:calc(100% - 20px)}#header-component[data-kama-header-style=pill]>.header__row--top>.header__columns{min-height:var(--kama-active-bar-height);padding:clamp(0px,calc(var(--kama-active-bar-height) / 2 - 32px),8px) 18px;gap:0;--header-mobile-bookend: 44px}}#header-component[data-kama-header-style=pill] .header__drawer{min-height:44px}#header-component[data-kama-header-style=pill] header-drawer>details>.header__icon--menu{width:44px;height:44px;padding:0;justify-content:center}@media(min-width:750px){#header-component[data-kama-header-style=pill] .menu-list__list-item:not([slot=overflow])>.menu-list__submenu,#header-component[data-kama-header-style=pill] .overflow-menu::part(overflow){width:min(var(--kama-menu-panel-width),calc(100vw - 40px));inset-inline-start:50%;translate:-50% 0;padding-inline:0}#header-component[data-kama-header-style=pill] .menu-list__submenu-inner{padding-inline:24px}}@media(min-width:750px){#header-component[data-kama-header-style=pill] .menu-drawer{position:absolute;width:min(var(--kama-menu-panel-width),calc(100vw - 40px));max-width:none;inset-inline-start:calc(50% - (min(var(--kama-menu-panel-width),calc(100vw - 40px))/2));top:100%;height:auto;max-height:calc(100dvh - var(--header-group-height, 115px) - 24px);border-radius:16px;box-shadow:0 12px 32px #00000029}#header-component[data-kama-header-style=pill] .menu-drawer .kama-menu-panel--mobile{padding:20px;font-size:16px}#header-component[data-kama-header-style=pill] .menu-drawer .kama-range-grid--with-links,#header-component[data-kama-header-style=pill] .menu-drawer .kama-range-grid--with-promos{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}#header-component[data-kama-header-style=pill] .menu-drawer .kama-range-grid--with-links.kama-range-grid--with-promos{grid-template-columns:minmax(0,3fr) minmax(0,.85fr) minmax(0,1fr)}#header-component[data-kama-header-style=pill] .menu-drawer .kama-range-actions{flex-direction:row}#header-component[data-kama-header-style=pill] .menu-drawer .kama-menu-panel--split{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}#header-component[data-kama-header-style=pill] .menu-drawer .kama-menu-cards{grid-template-columns:repeat(var(--kama-menu-columns),minmax(0,1fr))}}@media(min-width:1200px){#header-component[data-kama-header-style=pill] .menu-drawer .kama-range-cards{grid-template-columns:repeat(var(--kama-range-columns),minmax(0,1fr))}}@media(min-width:750px)and (max-width:1199px){#header-component[data-kama-header-style=pill] .menu-drawer .kama-range-grid--with-links.kama-range-grid--with-promos{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}#header-component[data-kama-header-style=pill] .menu-drawer .kama-range-grid--with-links .kama-range-promos{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}#header-component[data-kama-header-style=pill] .header-logo{--kama-logo-height: var(--kama-pill-logo-height);position:relative;width:max(44px,calc(var(--kama-logo-height) + 8px));height:44px;min-width:0;padding:0;background:transparent;isolation:isolate}#header-component[data-kama-header-style=pill] .header-logo:before{content:"";position:absolute;width:calc(var(--kama-logo-height) + 8px);height:calc(var(--kama-logo-height) + 8px);border-radius:50%;background:var(--kama-pill-logo-background);z-index:-1}#header-component[data-kama-header-style=pill] .header-logo__image{height:var(--kama-logo-height);width:auto;max-width:100%}#header-component[data-kama-header-style=pill][data-menu-style=drawer] .header-logo{justify-self:center}@media(max-width:749px){#header-component[data-kama-header-style=pill] .header-logo{--kama-logo-height: min(var(--kama-pill-logo-height-mobile), calc(100vw - 240px) )}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/kama-rounded-header.css.map */