.header{position:relative}.header__menu .nav-panel-item{position:static}.nav-panel{position:absolute;top:100%;left:0;right:0;z-index:30;padding:4rem 0 4.8rem;border-top:1px solid rgba(var(--color-foreground),.12);border-bottom:1px solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 2.4rem 4rem rgba(var(--color-foreground),.06);letter-spacing:normal;text-transform:none;opacity:0;visibility:hidden;transform:translateY(-.8rem);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.header__menu:not(.nav-panels-js) .nav-panel-item:hover>.nav-panel,.nav-panel-item.is-open>.nav-panel,.nav-panel-item:focus-within>.nav-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease .1s,transform .2s ease .1s,visibility 0s linear .1s}@media(prefers-reduced-motion:reduce){.nav-panel{transition:none}}.nav-panel:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:1.4rem}.nav-panel__inner{display:grid;gap:4.8rem}.nav-panel__inner--brands{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.nav-panel__inner--perfume{grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,5fr)}.nav-panel__heading{margin:0 0 1.6rem;color:rgba(var(--color-foreground),.6);font-family:var(--font-subtitle-family);font-size:1.3rem;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.nav-panel__links a{display:inline-block;padding:.4rem 0;color:inherit;font-family:var(--font-heading-card-family);font-size:1.5rem;line-height:1.4;text-decoration:none;text-transform:none}.nav-panel__links a:hover,.nav-panel__links a:focus-visible,.nav-panel__more:hover{text-decoration:underline;text-underline-offset:.3rem}.nav-panel__links--az{columns:3;column-gap:3.2rem}.nav-panel__links--az li,.nav-panel__links--two li{break-inside:avoid}.nav-panel__links--two{columns:2;column-gap:3.2rem}.nav-panel__more{display:inline-block;margin-top:2rem;color:inherit;font-family:var(--font-subtitle-family);font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.3rem}.nav-drawer{padding:.4rem 0 1.6rem}.nav-drawer__heading{margin:1.6rem 0 .4rem;color:rgba(var(--color-foreground),.6);font-family:var(--font-subtitle-family);font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase}.nav-drawer__link{display:block;padding:.8rem 0;color:inherit;font-family:var(--font-heading-card-family);font-size:1.7rem;line-height:1.4;text-decoration:none}.nav-drawer__more{display:inline-block;margin-top:1.2rem;color:inherit;font-family:var(--font-subtitle-family);font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.3rem}.header-search-trigger{display:flex;align-items:center;gap:1.2rem;width:100%;height:100%;min-height:4.4rem;color:rgba(var(--color-foreground),.6);font-family:var(--font-subtitle-family);font-size:1.4rem;letter-spacing:.02em;text-decoration:none;text-transform:uppercase}.header-search-trigger:hover{color:rgb(var(--color-foreground))}.header-search-trigger__icon{display:flex;flex:none;width:1.6rem;height:1.6rem}.header-search-trigger__icon svg{width:100%;height:100%}.header-search-trigger__text{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-drill{display:block;padding:0 var(--main-padding) 3.2rem}.nav-drill [hidden]{display:none!important}.nav-drill__screen.is-forward{animation:nav-drill-in .28s ease both}.nav-drill__screen.is-back{animation:nav-drill-back .28s ease both}@keyframes nav-drill-in{0%{opacity:0;transform:translate(2.4rem)}}@keyframes nav-drill-back{0%{opacity:0;transform:translate(-2.4rem)}}@media(prefers-reduced-motion:reduce){.nav-drill__screen.is-forward,.nav-drill__screen.is-back{animation:none}}.nav-drill__search{display:flex;align-items:center;gap:1.2rem;margin:.8rem 0 2.4rem;padding:1.3rem 1.6rem;border:1px solid rgba(var(--color-foreground),.2);color:rgba(var(--color-foreground),.6)!important;font-size:1.6rem;line-height:1.3;text-decoration:none}.nav-drill__search-icon{display:flex;flex:none;width:1.8rem;height:1.8rem}.nav-drill__search-icon svg{width:100%;height:100%}.nav-drill__promo{display:grid;grid-template-columns:11.2rem minmax(0,1fr);gap:1.6rem;align-items:center;margin-bottom:1.6rem;padding-bottom:2.4rem;border-bottom:1px solid rgba(var(--color-foreground),.12);color:inherit;text-decoration:none}.nav-drill__promo-media{display:block;aspect-ratio:1;overflow:hidden}.nav-drill__promo-media img{display:block;width:100%;height:100%;object-fit:cover}.nav-drill__promo-text{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.nav-drill__promo-kicker{color:rgba(var(--color-foreground),.6);font-family:var(--font-subtitle-family);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}.nav-drill__promo-heading{font-family:var(--font-heading-family);font-size:2.2rem;line-height:1.15}.nav-drill__promo-button{margin-top:.6rem;font-family:var(--font-subtitle-family);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.3rem}.nav-drill__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.8rem 0;border:0;border-bottom:1px solid rgba(var(--color-foreground),.12);background:none;color:rgb(var(--color-foreground-title, var(--color-foreground)));font-family:var(--font-heading-family);font-size:2.2rem;line-height:1.2;text-align:left;text-decoration:none;text-transform:uppercase;cursor:pointer}.nav-drill__chevron{display:flex;transform:rotate(-90deg)}.nav-drill__chevron svg{width:1.2rem;height:auto}.nav-drill__chevron--back{transform:rotate(90deg)}.nav-drill__group{margin-top:3.2rem}.nav-drill__group .search-row{grid-template-columns:5.6rem minmax(0,1fr) auto;padding:1rem 0}.nav-drill__service{display:flex;flex-wrap:wrap;gap:.4rem 2.4rem;margin-top:3.2rem}.nav-drill__service a{display:inline-block;padding:.6rem 0;font-size:1.5rem;text-decoration:underline;text-underline-offset:.3rem}.nav-drill__back{display:inline-flex;align-items:center;gap:.8rem;margin:.8rem 0 2rem;padding:.8rem 0;border:0;background:none;color:inherit;font-family:var(--font-subtitle-family);font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.nav-drill__title{margin:0;font-family:var(--font-heading-family);font-size:2.8rem;line-height:1.15;text-transform:uppercase}.nav-drill__all{display:inline-block;margin:.8rem 0 1.6rem;font-size:1.5rem;text-decoration:underline;text-underline-offset:.3rem}.nav-drawer__tiles{margin-bottom:.8rem}.nav-drawer__az .nav-drawer__link{padding:.6rem 0}.nav-drill,.nav-drill a{text-transform:none}.nav-drill .nav-drill__item,.nav-drill .nav-drill__title{text-transform:uppercase}.nav-drill .nav-drill__all,.nav-drill .nav-drill__service a{text-decoration:underline;text-underline-offset:.3rem}@media screen and (min-width:990px){.header .header__menu .list-menu--inline>li>.header__menu-item{padding-left:1rem;padding-right:1rem}}.header__heading-link--lockup{display:flex;align-items:center;color:rgb(var(--color-foreground-title, var(--color-foreground)))}.header-logo-lockup{display:block;width:auto;height:var(--header-logo-lockup-height)}@media screen and (max-width:989px){.header-logo-lockup{height:var(--header-logo-lockup-height-mobile)}}.header:has(.header__heading-link--lockup) .header__heading-link{padding-top:1.4rem;padding-bottom:1.4rem}@media screen and (min-width:990px){.header:has(.header__heading-link--lockup) .header__heading-link{padding-right:3.2rem}.header:has(.header__heading-link--lockup) .header__menu{padding-left:2.4rem;padding-right:2.4rem}}@media screen and (max-width:989px){.header:has(.header__heading-link--lockup) .header-top__right{padding-top:.4rem;padding-bottom:.4rem}}.nav-drill__promo-media--product img{object-fit:contain}.nav-drill__promo-vendor{margin-top:.4rem;color:rgba(var(--color-foreground),.6);font-family:var(--font-subtitle-family);font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase}.nav-drill__promo--month .nav-drill__promo-heading{font-size:2rem}.nav-drill__promo-gift{margin-top:.4rem;font-size:1.4rem;line-height:1.35}@media screen and (max-width:989px){.header .header-top__wrapper{display:grid;grid-template-columns:4.4rem 4.4rem minmax(0,1fr) 4.4rem 4.4rem;align-items:center}.header .header-top__left,.header .header-top__right{display:contents}.header .header-top__burger{grid-column:1;grid-row:1;justify-content:flex-start;padding:0;border:0}.header .header__search_mobile{grid-column:2;grid-row:1}.header .header-top__logo{grid-column:3;grid-row:1;justify-self:center}.header .header-top__logo .header__heading-link{padding-left:0;padding-right:0}.header .header__cart{grid-column:5;grid-row:1;justify-self:end}}.header-search-bar{display:none}@media screen and (max-width:989px){.header:has(.header-search-bar){flex-wrap:wrap}.header:has(.header-search-bar) .header-top{flex:0 0 100%}.header-search-bar{display:block;flex:0 0 100%;padding:0 0 1.2rem;text-transform:none}.header-search-bar .container{padding-left:2rem;padding-right:2rem}.header-search-bar__text.is-changing,.nav-drill__search [data-search-examples].is-changing{animation:header-search-example .35s ease}@keyframes header-search-example{0%{opacity:0;transform:translateY(.4rem)}}.header-search-bar__field{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;border:1px solid rgba(var(--color-foreground),.2);color:rgba(var(--color-foreground),.6);font-size:1.6rem;line-height:1.3;text-decoration:none}.header-search-bar__icon{display:flex;flex:none;width:1.8rem;height:1.8rem}.header-search-bar__icon svg{width:100%;height:100%}.header-search-bar__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header:has(.header-search-bar) .header__search_mobile{display:none}}@media(prefers-reduced-motion:reduce){.header-search-bar__text.is-changing,.nav-drill__search [data-search-examples].is-changing{animation:none}}.burger-drawer .drawer__top{min-height:5.2rem}.burger-drawer .drawer__top .burger__close{width:4.4rem;height:4.4rem;margin-right:1rem;padding:1.2rem;border:0;background:none;color:rgb(var(--color-foreground))}.burger-drawer .drawer__top .burger__close svg{width:2rem;height:2rem}.burger-drawer .drawer__top{justify-content:space-between}.drawer__top-logo{display:flex;align-items:center;padding-left:var(--main-padding, 2rem);color:rgb(var(--color-foreground))}.drawer__top-logo .header-logo-lockup{height:var(--header-logo-lockup-height-mobile, 2rem)}.drawer__top-logo-image{display:block;width:auto;height:3.2rem}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-nav-panel.css.map */