.announcement-bar{position:relative}.announcement-bar__text{font-weight:500;letter-spacing:var(--ella-letter-spacing)}.announcement-bar__close{position:absolute;inset-block-start:50%;inset-inline-end:var(--ella-gutter);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;transform:translateY(-50%);z-index:var(--layer-flat)}.announcement-bar__close svg{width:1rem;height:1rem}#header-component .header__columns{--padding-inline-start: var(--ella-gutter);--padding-inline-end: var(--ella-gutter);padding-inline:var(--ella-gutter)}@media screen and (min-width:750px){#header-component.header:not(.header--compact){--header-padding: var(--padding-xl)}#header-component .header__column--left{gap:var(--gap-3xl)}}#header-component.header:not([transparent]):not(.header--compact){--header-padding: 6px}#header-component.header.header--compact:not([transparent]){--header-padding: 6px}header-actions{align-items:center}@media screen and (min-width:750px){header-actions{gap:2px}header-actions .account-button{order:2}header-actions .header-actions__cta{order:3;margin-inline-start:var(--gap-xs)}}.header-actions__cta{display:none}@media screen and (min-width:750px){.header-actions__cta{display:inline-flex}}#header-component .menu-list__list-item:not([slot=overflow],[slot=more]) .menu-list__trigger{align-items:center}#header-component .menu-list__list-item:not([slot=overflow],[slot=more]) .menu-list__link-title{padding-inline-end:var(--gap-2xs)}#header-component .menu-list__list-item:not([slot=overflow],[slot=more]) .menu-list__disclosure{position:static;inset:auto;padding-block:0;padding-inline:0 var(--gap-sm);opacity:1;transform:none;pointer-events:auto}#header-component .menu-list__list-item:not([slot=overflow],[slot=more]) .menu-list__disclosure-icon{width:var(--font-size--2xs)}.menu-list__link-title[data-title]{display:inline-flex;flex-direction:column;align-items:flex-start}.menu-list__link-title[data-title]:after{content:attr(data-title);height:0;overflow:hidden;font-weight:700;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.menu-list__list-item:has(.menu-list__disclosure[aria-expanded=true]) .menu-list__link-title{font-weight:400}#header-component .header__underlay-open{--color-background-top-row: var(--color-submenu);--color-background-bottom-row: var(--color-submenu);border-end-start-radius:var(--ella-radius-panel);border-end-end-radius:var(--ella-radius-panel)}#header-component .header__underlay-open:after{border-end-start-radius:var(--ella-radius-panel);border-end-end-radius:var(--ella-radius-panel)}#header-component:has(.menu-list__disclosure[aria-expanded=true]) .header__underlay-closed{--color-background-top-row: var(--color-submenu);--color-background-bottom-row: var(--color-submenu)}#header-component:after{content:"";position:absolute;inset-inline:0;inset-block-start:var(--full-open-header-height);height:100vh;background:var(--ella-color-black-40);opacity:0;pointer-events:none;z-index:var(--layer-lowest);transition:opacity var(--submenu-animation-speed, .25s) var(--ease-out-cubic, ease-out)}#header-component:has(.menu-list__disclosure[aria-expanded=true]):after{opacity:1}#header-component .menu-list__submenu--cards{--submenu-padding-block-start: 1.25rem;--submenu-padding-block-end: 3rem;padding-inline:0}#header-component .menu-list__submenu-inner--cards{display:block;padding-inline:var(--ella-gutter);max-height:var(--ella-submenu-max-height, none);overflow-y:auto;overscroll-behavior:contain}.ella-menu-cards{display:grid;grid-template-columns:repeat(var(--ella-menu-cards-columns, 3),minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none}.ella-menu-see-all{display:flex;justify-content:center;margin-block-start:1.5rem}#header-component{--submenu-animation-speed: .18s;--header-content-transition-timing: 0s}#header-component .header__underlay-closed{transition-duration:calc(var(--animation-speed-slow) / 2)}#header-component[transparent]:has(:focus-visible),body:has(theme-drawer[open]) #header-component[transparent]{--header-logo-display: unset;--header-logo-inverse-display: unset;--closed-underlay-height: 100%;--color-foreground: inherit;--color-foreground-rgb: inherit;--color-background: inherit;--color-background-rgb: inherit;--color-border: inherit;--color-border-rgb: inherit}#header-component[transparent]:has(:focus-visible) .header__row,body:has(theme-drawer[open]) #header-component[transparent] .header__row{--color-foreground: inherit;--color-foreground-rgb: inherit;--color-border: inherit;--color-border-rgb: inherit;--color-primary-button-background: inherit;--color-primary-button-text: inherit;--cart-bubble-background: unset;--cart-bubble-text: unset}@media(hover:hover){#header-component[transparent]:hover{--header-logo-display: unset;--header-logo-inverse-display: unset;--closed-underlay-height: 100%;--color-foreground: inherit;--color-foreground-rgb: inherit;--color-background: inherit;--color-background-rgb: inherit;--color-border: inherit;--color-border-rgb: inherit}#header-component[transparent]:hover .header__row{--color-foreground: inherit;--color-foreground-rgb: inherit;--color-border: inherit;--color-border-rgb: inherit;--color-primary-button-background: inherit;--color-primary-button-text: inherit;--cart-bubble-background: unset;--cart-bubble-text: unset}}#header-component .menu-list:not(:has(.menu-list__list-item:hover)):not(:has(.menu-list__list-item:focus-within)) .menu-list__link{color:var(--menu-top-level-font-color)}#header-component .header-actions__action:not(.account-button) .svg-wrapper,#header-component .header-actions__action:not(.account-button) svg{width:1.75rem;height:1.75rem}#header-component .header-actions__cart-icon{--cart-bubble-top: -5px;--cart-bubble-right: -6.5px;position:relative;top:3px}#header-component .header-actions__action:has(.header-actions__cart-icon){overflow:visible}#header-component .header-actions__cart-icon .cart-bubble{--cart-bubble-background: var(--ella-color-blue-500);--cart-bubble-text: var(--ella-color-white)}#header-component .header-actions__cart-icon .cart-bubble__background{border-radius:50%}#header-component .header-actions__cart-icon .cart-bubble__text{font-size:.6875rem;font-weight:700}#header-component .header-actions__cart-icon:has(.cart-bubble__text-count:empty),#header-component .header-actions__cart-icon:has(.cart-bubble__text-count:empty) .svg-wrapper{--cart-bubble-size: 10px;--cart-bubble-top: 0;--cart-bubble-right: -1.5px}.ella-drawer__top{display:flex;justify-content:flex-end}.ella-drawer__logo,.ella-drawer__cta{display:none}@media screen and (max-width:749px){#header-component#header-component .header__columns{--header-template-columns: 1fr auto auto;grid-template-areas:"logo actions menu";column-gap:var(--gap-xs)}#header-component#header-component .header__columns .header-logo{grid-area:logo;justify-self:start}#header-component#header-component .header__columns header-actions{grid-area:actions;gap:var(--gap-2xs);justify-content:flex-end}#header-component#header-component .header__columns header-actions .account-button{order:2}#header-component#header-component .header__columns .header__drawer{grid-area:menu}#header-component#header-component .header__columns .header__icon--menu{justify-content:flex-end;padding-inline:var(--gap-2xs) 0}#header-component#header-component .header__columns .header__icon--summary .header-drawer-icon{width:1.75rem;height:1.75rem}.header-drawer .menu-drawer-container .menu-drawer{--drawer-padding: var(--ella-gutter);--color-foreground: var(--ella-color-white);--color-background: var(--ella-color-black);inset-inline:auto 0;width:100vw;max-width:none;border:0;background-color:var(--ella-color-black);color:var(--ella-color-white);transform:translate(100%)}.header-drawer .menu-drawer-container.menu-open>.menu-drawer{transform:translate(0)}.header-drawer .ella-drawer__top{align-items:center;gap:.75rem;padding:1rem var(--ella-gutter)}.header-drawer .ella-drawer__logo{display:block;margin-inline-end:auto}.header-drawer .ella-drawer__logo img{display:block;width:auto}.header-drawer .ella-drawer__cta{display:inline-flex;min-height:2.25rem;padding-inline:1.25rem;font-size:var(--font-size--xs)}.header-drawer .ella-drawer__top .menu-drawer__close-button{padding:.25rem}.header-drawer .ella-drawer__top .menu-drawer__close-button svg{width:1.5rem;height:1.5rem}.header-drawer .menu-drawer .menu-drawer__menu-item{color:var(--ella-color-white);font-size:1rem;font-weight:300}.header-drawer .menu-drawer .menu-drawer__menu-item--child{font-weight:300}.header-drawer .ella-drawer__item .menu-drawer__menu--childlist{padding-inline:.5rem 0}}#header-component:not([transparent]) :is(.header__underlay-closed,.header__underlay-open),#header-component[transparent=not-sticky][data-sticky-state=active] :is(.header__underlay-closed,.header__underlay-open),#header-component[transparent]:has(:focus-visible) :is(.header__underlay-closed,.header__underlay-open),body:has(theme-drawer[open]) #header-component[transparent] :is(.header__underlay-closed,.header__underlay-open){box-shadow:var(--ella-shadow-header)}@media(hover:hover){#header-component[transparent]:hover :is(.header__underlay-closed,.header__underlay-open){box-shadow:var(--ella-shadow-header)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ella-header.css.map */