html:root{--dayisle-announcement-height: 2rem;--dayisle-header-height: 4.5rem;--dayisle-header-height-sticky: 4rem;--dayisle-header-surface: rgb(252 251 248 / 92%);--dayisle-header-blur: 14px;--dayisle-header-inline-gutter: 3.75rem}#header-group:has(#header-component [data-dayisle-header-marker]) .announcement-bar,#header-group:has(#header-component [data-dayisle-header-marker]) .announcement-bar__slider,#header-group:has(#header-component [data-dayisle-header-marker]) .announcement-bar__slides,#header-group:has(#header-component [data-dayisle-header-marker]) .announcement-bar__slide{height:var(--dayisle-announcement-height);min-height:var(--dayisle-announcement-height)}#header-group:has(#header-component [data-dayisle-header-marker]) .announcement-bar{padding-block:0}#header-group:has(#header-component [data-dayisle-header-marker]) .announcement-bar__slide{font-size:.6875rem;letter-spacing:.12em}#header-group:has(#header-component [data-dayisle-header-marker]) .announcement-bar__slide>.announcement-bar__text{font-size:.6875rem;letter-spacing:.12em}#header-component:has([data-dayisle-header-marker]) .header__row--top .header__columns{height:var(--dayisle-header-height);min-height:var(--dayisle-header-height);padding-block:0;transition:height .22s ease,min-height .22s ease,color .22s ease,background-color .22s ease}#header-component:has([data-dayisle-header-marker])[data-sticky-state=active] .header__row--top .header__columns{height:var(--dayisle-header-height-sticky);min-height:var(--dayisle-header-height-sticky)}#header-component:has([data-dayisle-header-marker])[data-sticky-state=active] .header__row--top{background:var(--dayisle-header-surface);box-shadow:inset 0 -1px #1c1b1a1a;backdrop-filter:blur(var(--dayisle-header-blur));-webkit-backdrop-filter:blur(var(--dayisle-header-blur))}#header-component:has([data-dayisle-header-marker])[transparent=not-sticky][data-sticky-state=inactive] .header__row--top{background:transparent;border-block-end-color:transparent}#header-component:has([data-dayisle-header-marker])[transparent=not-sticky][data-sticky-state=inactive]:not(:hover):not(:focus-within) .header-logo,#header-component:has([data-dayisle-header-marker])[transparent=not-sticky][data-sticky-state=inactive]:not(:hover):not(:focus-within) .header-menu,#header-component:has([data-dayisle-header-marker])[transparent=not-sticky][data-sticky-state=inactive]:not(:hover):not(:focus-within) .header-actions__action,#header-component:has([data-dayisle-header-marker])[transparent=not-sticky][data-sticky-state=inactive]:not(:hover):not(:focus-within) .header__icon--menu{filter:drop-shadow(0 1px 2px rgb(28 27 26 / 42%))}#header-component:has([data-dayisle-header-marker]) .header-logo{max-width:8.75rem;justify-content:flex-start}#header-component:has([data-dayisle-header-marker]) .header-logo__image{max-width:100%;height:auto}#header-component:has([data-dayisle-header-marker]) .header-actions__action{--icon-size-md: 20px;--icon-stroke-width: 1.5px}#header-component:has([data-dayisle-header-marker]) .menu-list__link-title{position:relative;transition:opacity .18s ease}#header-component:has([data-dayisle-header-marker]) .menu-list__link:hover .menu-list__link-title,#header-component:has([data-dayisle-header-marker]) .menu-list__link:focus-visible .menu-list__link-title{opacity:.65}#header-component:has([data-dayisle-header-marker]) .menu-list__link--active .menu-list__link-title:after,#header-component:has([data-dayisle-header-marker]) .menu-list__link[aria-current=page] .menu-list__link-title:after{content:"";position:absolute;inset-inline:calc(var(--gap-xl) / 2);inset-block-end:-.45rem;height:1px;background:currentColor}#header-component:has([data-dayisle-header-marker]) .dayisle-submenu .menu-list__submenu-inner{display:block;padding:0;background:var(--dayisle-sky)}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu{width:100%;color:var(--dayisle-ink);background:var(--dayisle-sky);white-space:normal}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem);width:min(calc(100% - (var(--dayisle-header-inline-gutter) * 2)),var(--narrow-page-width));margin-inline:auto;padding-block:3rem}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu--with-editorial .dayisle-mega-menu__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(17rem,26rem)}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__column{min-width:0}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__heading{display:inline-block;margin:0 0 1.25rem;color:var(--dayisle-stone);font:600 .6875rem/1.2 var(--font-body--family);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__links{display:grid;gap:.8rem}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__links a{color:var(--dayisle-ink);font:400 1rem/1.45 var(--font-body--family);text-decoration:none}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__links a:hover,#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__links a:focus-visible{opacity:.65}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__editorial{display:grid;align-content:start;gap:.65rem;color:var(--dayisle-ink);text-decoration:none}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__editorial img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__editorial picture{display:block}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__editorial-heading{margin-block-start:.35rem;font:400 1.25rem/1.25 var(--font-heading--family)}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__editorial-link{width:fit-content;padding-block-end:.25rem;border-block-end:1px solid currentColor;font:600 .6875rem/1.2 var(--font-body--family);letter-spacing:.12em;text-transform:uppercase}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu--our-story .dayisle-mega-menu__inner{display:block;max-width:22rem;margin-inline:calc((100% - min(100% - 7.5rem,var(--narrow-page-width)))/2) auto;padding-block:2rem}@media(min-width:750px){#header-component:has([data-dayisle-header-marker]) .header__row--top.section--full-width-margin>.header__columns{justify-self:center;width:min(calc(100% - (var(--dayisle-header-inline-gutter) * 2)),var(--narrow-page-width));margin-inline:auto;padding-inline:0}html.no-js:has(#header-component [data-dayisle-header-marker]) #header-component .menu-list__list-item:is(:hover,:focus-within)>.menu-list__submenu{--submenu-content-opacity: 1;visibility:visible;top:100%;clip-path:none}html.no-js:has(#header-component [data-dayisle-header-marker]) #header-component .menu-list__list-item:is(:hover,:focus-within)>.menu-list__submenu .menu-list__submenu-inner{opacity:1;transform:none}}@media(max-width:749px){html:root{--dayisle-header-height: 4rem;--dayisle-header-height-sticky: 4rem}#header-component:has([data-dayisle-header-marker]) .header__row--top .header__columns{min-height:var(--dayisle-header-height);padding-inline:24px}#header-component:has([data-dayisle-header-marker]) .header-logo{justify-self:center}#header-component:has([data-dayisle-header-marker]) .header__columns .search-action{grid-area:rightA}#header-component:has([data-dayisle-header-marker]) .dayisle-mega-menu__editorial{display:none}}.dayisle-search-terms{display:none}body:has(#header-component [data-dayisle-header-marker]) .search-modal__content{top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0}body:has(#header-component [data-dayisle-header-marker]) .dialog-modal[open].search-modal__content{border-radius:0;box-shadow:none}body:has(#header-component [data-dayisle-header-marker]) .search-modal__content predictive-search-component{min-height:100dvh;align-items:flex-start;padding-block-start:clamp(4rem,12vh,8rem)}body:has(#header-component [data-dayisle-header-marker]) .search-modal__content .predictive-search-form{width:min(calc(100% - 3rem),64rem);margin-inline:auto}body:has(#header-component [data-dayisle-header-marker]) .dayisle-search-terms{display:grid;gap:1.25rem;padding:2rem}body:has(#header-component [data-dayisle-header-marker]) .dayisle-search-terms__heading{margin:0;color:var(--dayisle-stone);font:600 .6875rem/1.2 var(--font-body--family);letter-spacing:.14em;text-transform:uppercase}body:has(#header-component [data-dayisle-header-marker]) .dayisle-search-terms__list{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}body:has(#header-component [data-dayisle-header-marker]) .dayisle-search-terms__list a{color:var(--dayisle-ink);font:400 1rem/1.4 var(--font-body--family);text-decoration:none}body:has(#header-component [data-dayisle-header-marker]) .dayisle-search-terms__item:is(.keyboard-focus,[aria-selected=true])>a{outline:1px solid currentColor;outline-offset:4px}body:has(#header-component [data-dayisle-header-marker]),body:has(#header-component [data-dayisle-header-marker]) #cart-drawer .theme-drawer__dialog{--theme-drawer-width: 26.25rem}@media(max-width:749px){body:has(#header-component [data-dayisle-header-marker]) .search-modal__content predictive-search-component{padding-block-start:0}body:has(#header-component [data-dayisle-header-marker]),body:has(#header-component [data-dayisle-header-marker]) #cart-drawer .theme-drawer__dialog{--theme-drawer-width: 100vw}}@media(prefers-reduced-motion:reduce){body:has(#header-component [data-dayisle-header-marker]) #header-component .header__row--top .header__columns,body:has(#header-component [data-dayisle-header-marker]) #header-component .menu-list__link-title,body:has(#header-component [data-dayisle-header-marker]) .dayisle-mega-menu__links a,body:has(#header-component [data-dayisle-header-marker]) .announcement-bar__slide{transition-duration:.01ms;animation-duration:.01ms}body:has(#header-component [data-dayisle-header-marker]) #header-component .menu-list__list-item:where(:not([slot=overflow]))>.menu-list__submenu{transition:none}body:has(#header-component [data-dayisle-header-marker]) #header-component .menu-list__submenu-inner{transition:none}body:has(#header-component [data-dayisle-header-marker]) #header-component .header__underlay{transition:none}body:has(#header-component [data-dayisle-header-marker]) #header-component .header__underlay-open:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dayisle-header.css.map */