.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--layer-sticky) + 10);display:flex;flex-direction:column;gap:var(--spacing-xsmall);padding-block-start:var(--spacing-large);padding-block-end:var(--spacing-xlarge);padding-inline:var(--spacing-large);background:var(--nav-glass-bg);backdrop-filter:blur(var(--nav-glass-blur));-webkit-backdrop-filter:blur(var(--nav-glass-blur));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.mobile-nav[hidden]{display:none}@media(prefers-reduced-motion:no-preference){@keyframes mobileNavIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileNavOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes mobileItemIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.mobile-nav.is-opening{animation:mobileNavIn .32s var(--ease-out-cubic) both}.mobile-nav.is-closing{animation:mobileNavOut .22s var(--ease-out-cubic) both;pointer-events:none}}.mobile-nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--layer-sticky) + 9);background:#0000004d;cursor:pointer}.mobile-nav__overlay[hidden]{display:none}.mobile-nav__header{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.mobile-nav__tabs{display:flex;flex-direction:column;gap:var(--spacing-regular);padding-block:var(--spacing-regular)}.mobile-nav__tab{display:flex;align-items:center;gap:var(--spacing-xxsmall);font-family:var(--font-body--family);font-size:1rem;font-weight:400;line-height:1.3;color:var(--color-white);background:transparent;border:none;padding:0;cursor:pointer;text-align:start;white-space:nowrap}.mobile-nav__tab-dot{display:inline-block;width:8px;height:8px;border-radius:var(--style-border-radius-50);background-color:var(--color-vivid-blue-300);flex-shrink:0;opacity:0;transition:opacity var(--animation-speed) var(--animation-easing)}.mobile-nav__tab--active .mobile-nav__tab-dot{opacity:1}.mobile-nav__header-actions{display:flex;flex-direction:column;gap:var(--spacing-small);padding-block:var(--spacing-small);align-items:center}.mobile-nav__circle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--style-border-radius-50);border:1px solid var(--nav-glass-border);background:var(--nav-glass-bg);backdrop-filter:blur(var(--nav-glass-blur));-webkit-backdrop-filter:blur(var(--nav-glass-blur));cursor:pointer;flex-shrink:0;padding:0}.mobile-nav__circle-btn .svg-wrapper,.mobile-nav__circle-btn svg{width:20px;height:20px;color:var(--color-white);display:flex;align-items:center;justify-content:center}.mobile-nav__circle-btn:first-child .svg-wrapper,.mobile-nav__circle-btn:first-child svg{width:24px;height:24px}.mobile-nav__card{display:flex;flex-direction:column;gap:var(--spacing-medium);padding-block-start:var(--spacing-medium);padding-block-end:var(--spacing-large);padding-inline:20px;border-radius:var(--style-border-radius-sm);border:1px solid var(--nav-glass-border);background:var(--nav-glass-bg);backdrop-filter:blur(var(--nav-glass-blur));-webkit-backdrop-filter:blur(var(--nav-glass-blur));flex-shrink:0;text-decoration:none}.mobile-nav__card--hidden{display:none}.mobile-nav__card--link{padding-block:var(--spacing-regular);text-decoration:none;cursor:pointer}.mobile-nav__card--expandable{padding-block:0;padding:0;gap:0}.mobile-nav__link{font-family:var(--font-body--family);font-size:1rem;font-weight:400;line-height:1.3;color:var(--color-white);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-xxsmall)}.mobile-nav__link--sub{padding-inline-start:var(--spacing-regular);font-size:.875rem}.mobile-nav__link--scent{gap:var(--spacing-xsmall)}.mobile-nav__section{display:flex;flex-direction:column;gap:var(--spacing-medium)}.mobile-nav__section-header{display:flex;flex-direction:column;background:transparent;border:none;padding:0;cursor:pointer;text-align:start;width:100%}.mobile-nav__section-title-wrap{display:flex;flex-direction:column;gap:var(--spacing-regular);align-items:flex-start;align-self:flex-start}.mobile-nav__section-rule{display:none;border:none;height:1px;background-color:var(--color-vivid-blue-300);margin:0;width:100%}.mobile-nav__section-header[aria-expanded=true] .mobile-nav__section-rule{display:block}.mobile-nav__section-title{font-family:var(--font-body--family);font-size:1rem;font-weight:400;line-height:1;color:var(--color-white);text-transform:uppercase;letter-spacing:.05em}.mobile-nav__rule{display:block;border:none;height:1px;background:var(--Colors-white-subtle-20, rgba(255, 255, 255, .2));margin:0;width:100%}.mobile-nav__section-body{display:flex;flex-direction:column;gap:var(--spacing-medium);padding-block-end:var(--spacing-regular);padding-inline-start:var(--spacing-regular);overflow:hidden;transition:max-height .3s var(--ease-out-cubic),opacity .25s ease;opacity:1;padding-bottom:0}.mobile-nav__section-body--hidden{display:none}@media(prefers-reduced-motion:no-preference){.mobile-nav__section-body.is-opening .mobile-nav__link,.mobile-nav__section-body.is-opening .mobile-nav__product-group,.mobile-nav__section-body.is-opening .mobile-nav__sub-link{opacity:0;animation:mobileItemIn .15s ease forwards;animation-delay:calc(var(--item-i, 0) * 30ms + 40ms)}}.mobile-nav__product-group{display:flex;flex-direction:column;gap:var(--spacing-small)}.mobile-nav__sub-items{display:flex;flex-direction:column;gap:var(--spacing-small);padding-inline-start:var(--spacing-xxxsmall)}.mobile-nav__sub-link{display:flex;align-items:center;gap:var(--spacing-xxsmall);font-family:var(--font-body--family);font-size:.875rem;font-weight:400;line-height:1.3;color:var(--color-white);text-decoration:none;padding-inline-start:var(--spacing-xxxsmall)}.mobile-nav__arrow{display:flex;align-items:center;width:12px;height:12px;flex-shrink:0;color:var(--color-white);opacity:.7}.mobile-nav__scent-divider{display:block;border:none;height:1px;background-color:#fff3;margin:0}.mobile-nav__expand-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding-block:var(--spacing-regular);padding-inline:20px;background:transparent;border:none;cursor:pointer;text-align:start}.mobile-nav__expand-icon{display:flex;align-items:center;color:var(--color-white);transition:transform var(--animation-speed-slow) var(--ease-out-cubic);flex-shrink:0}.mobile-nav__expand-toggle[aria-expanded=true] .mobile-nav__expand-icon{transform:rotate(-90deg)}#mobile-accordion-about.mobile-nav__section-body{padding-inline:20px;padding-block-end:var(--spacing-regular)}.mobile-nav__featured-wrap{padding-block-start:var(--spacing-regular)}.mobile-nav__featured-card{position:relative;height:260px;width:100%;max-width:286px;border-radius:var(--style-border-radius-lg);overflow:hidden;padding:var(--spacing-regular);display:flex;flex-direction:column;justify-content:space-between}.mobile-nav__featured-card--bundles{align-items:flex-end}.mobile-nav__featured-card--bundles:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 30%,rgba(0,0,0,.4) 100%);z-index:1;pointer-events:none;border-radius:var(--style-border-radius-lg)}.mobile-nav__featured-card--about{align-items:flex-start;gap:10px;justify-content:flex-start}.mobile-nav__featured-img--bundles{position:absolute;height:108.31%;left:-19.64%;top:-8.46%;width:147.68%;max-width:none;max-height:none;pointer-events:none}.mobile-nav__featured-img--about{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom;pointer-events:none}.mobile-nav__featured-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.mobile-nav__featured-content--end{align-items:flex-end}.mobile-nav__featured-content--start{align-items:flex-start}.mobile-nav__featured-eyebrow{font-family:var(--font-body--family);font-size:.875rem;font-weight:400;line-height:1;text-transform:uppercase;text-align:end;color:var(--color-white);width:222px;margin:0}.mobile-nav__featured-heading{font-family:var(--font-body--family);font-size:1.125rem;font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-white);margin:0}.mobile-nav__featured-heading--about{text-align:start}.mobile-nav__featured-cta{position:relative;z-index:2;border-radius:var(--style-border-radius-sm);padding-inline:var(--spacing-large);padding-block:var(--spacing-regular)}.mobile-nav__card{transition:opacity .2s ease}.mobile-nav__card.mobile-nav__card--hidden{display:none}.mobile-nav__link:focus-visible,.mobile-nav__tab:focus-visible,.mobile-nav__sub-link:focus-visible{outline:2px solid var(--color-vivid-blue-300);outline-offset:3px;border-radius:var(--style-border-radius-sm)}.mobile-nav__section-header:focus-visible,.mobile-nav__expand-toggle:focus-visible{outline:2px solid var(--color-vivid-blue-300);outline-offset:3px;border-radius:var(--style-border-radius-sm);width:100%}.mobile-nav__circle-btn:focus-visible{outline:2px solid var(--color-vivid-blue-300);outline-offset:3px;border-radius:var(--style-border-radius-50)}.mobile-nav__search{display:none;flex-direction:column;gap:0;background-color:transparent;color:var(--color-white);width:100%}.mobile-nav--search-open .mobile-nav__search{display:flex}.mobile-nav__search.predictive-search{background-color:transparent;flex-direction:column;align-items:stretch;width:100%;z-index:auto;position:static}.mobile-nav__search .predictive-search-form{display:flex;flex-direction:column;gap:var(--spacing-xsmall);width:100%;position:static;align-self:stretch}.mobile-nav__search .mobile-nav__search-field{position:static;background:transparent;background-color:transparent;border:none;border-radius:0;padding-block:var(--spacing-regular);padding-inline:0;top:auto;z-index:auto}.mobile-nav__search .mobile-nav__search-pill{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;border-radius:9999px;border:none;box-shadow:0 0 0 1.19px var(--color-white);background:transparent;padding-inline:var(--spacing-regular);padding-block:0;color:var(--color-white);transition:box-shadow var(--duration-base) var(--ease-in-out);position:relative}.mobile-nav__search .mobile-nav__search-pill:focus-within{box-shadow:0 0 0 1.5px var(--color-vivid-blue-300)}.mobile-nav__search .predictive-search__icon{position:absolute;inset-inline-start:var(--spacing-regular);top:50%;transform:translateY(-50%);color:var(--color-white);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mobile-nav__search .search-input{flex:1;min-width:0;height:100%;color:var(--color-white);font-family:var(--font-body--family);font-size:1rem;font-weight:400;line-height:1.3;background:transparent;border:none;outline:none;padding:0;padding-inline-start:calc(20px + var(--spacing-xsmall))}.mobile-nav__search .search-input::placeholder{color:#fff9}.mobile-nav__search .search-input::-webkit-search-cancel-button,.mobile-nav__search .search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.mobile-nav__search .mobile-nav__search-pill .predictive-search__close-modal-button{--button-color: var(--color-white);--button-background-color: transparent;flex:0 0 24px;width:24px;height:24px;padding:0;margin:0;box-shadow:none;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.mobile-nav__search .mobile-nav__search-pill .predictive-search__close-modal-button .svg-wrapper,.mobile-nav__search .mobile-nav__search-pill .predictive-search__close-modal-button svg{width:20px;height:20px;color:var(--color-white)}.mobile-nav__search .mobile-nav__search-field:has(.predictive-search__reset-button:not([hidden])) .predictive-search__close-modal-button{display:none}.mobile-nav__search .predictive-search__reset-button{flex:0 0 24px;width:24px;height:24px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-white);opacity:1}.mobile-nav__search .predictive-search__reset-button:hover{opacity:.7}.mobile-nav__search .predictive-search__reset-button .svg-wrapper,.mobile-nav__search .predictive-search__reset-button svg{width:20px;height:20px;color:var(--color-white)}.mobile-nav__search .mobile-nav__search-results{position:static;top:auto;left:auto;width:100%;transform:none;will-change:auto;overflow:clip;max-height:none;border-radius:10px;border:1px solid var(--nav-glass-border);background:linear-gradient(var(--nav-glass-bg),var(--nav-glass-bg)),linear-gradient(#ffffff26,#ffffff26);backdrop-filter:blur(var(--nav-glass-blur));-webkit-backdrop-filter:blur(var(--nav-glass-blur));padding-block:var(--spacing-small);padding-inline:20px;box-shadow:none;margin-block-start:0;gap:4px;display:flex;flex-direction:column}.mobile-nav__search .mobile-nav__search-results .predictive-search-form__content{background-color:transparent;background:transparent;max-height:none;overflow-y:visible}.mobile-nav__search-divider{border:none;border-top:1px solid rgba(255,255,255,.15);margin:0;width:100%}.mobile-nav__search .predictive-search-results__title{color:var(--color-white);font-family:var(--font-body--family);font-size:14px;font-weight:400;line-height:1.3;text-transform:none;margin-block:0;padding-block-end:var(--spacing-xsmall);padding:0 0 8px;margin-bottom:16px;border-bottom:solid 1px var(--Colors-white-subtle-20, rgba(255, 255, 255, .2))}.predictive-search-results__products .predictive-search-results__title{margin-top:0;padding-top:20px;margin-bottom:10px}.mobile-nav__search .predictive-search-results__inner{display:flex;flex-direction:column}.mobile-nav__search .predictive-search-results__pill{color:var(--color-white);font-family:var(--font-body--family);font-size:14px;font-weight:400;line-height:1.3;background:transparent;border:none;border-radius:0;padding:0;margin:0;width:100%;display:block;text-decoration:none}.mobile-nav__search .predictive-search-results__pill:hover,.mobile-nav__search .predictive-search-results__pill:focus{transform:none;box-shadow:none}.mobile-nav__search .predictive-search-results__pill mark{background:transparent;color:#ffffffb3;font-weight:400}.mobile-nav__search .predictive-search-results__wrapper-queries{display:flex;flex-direction:column;gap:var(--spacing-small);overflow:hidden;scroll-snap-type:none;padding:0;margin:0 0 20px}.mobile-nav__search .predictive-search-dropdown{overflow:hidden}.mobile-nav__search .predictive-search-results__wrapper-products{display:flex;flex-direction:column;grid-template-columns:none;gap:0;padding-block-end:0}.mobile-nav__search .predictive-search-results__card--product:nth-child(n+4){display:none}.mobile-nav__search .predictive-search-results__card--product{background-color:transparent;border-radius:0;padding-block:var(--spacing-xsmall)}.mobile-nav__search .predictive-search-results__card--product:hover{border-radius:var(--style-border-radius-sm);padding:var(--spacing-xsmall) 0;transform:none;margin:0}.mobile-nav__search .resource-card{flex-direction:row;align-items:center;gap:14px;background:transparent;color:var(--color-white);overflow:hidden}.mobile-nav__search .resource-card__media{flex:0 0 56px;width:56px;height:56px;border-radius:5px;overflow:hidden;contain:strict;aspect-ratio:1 / 1}.mobile-nav__search .resource-card__media img,.mobile-nav__search .resource-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mobile-nav__search .resource-card__image--hover{display:none}.mobile-nav__search .resource-card__title{color:var(--color-white);font-size:14px;font-weight:600;line-height:1.3}.mobile-nav__search .resource-card__subtext,.mobile-nav__search .price,.mobile-nav__search .price__regular,.mobile-nav__search .price__sale{color:var(--color-white);font-size:12px;text-transform:uppercase}.mobile-nav__search .predictive-search-product-card,.mobile-nav__search .predictive-search-product-card__eyebrow,.mobile-nav__search .predictive-search-product-card__title,.mobile-nav__search .predictive-search-product-card__variant,.mobile-nav__search .predictive-search-product-card__price{color:var(--color-white)}.mobile-nav__search .predictive-search-form__footer{position:static;background-image:none;padding-block-start:var(--spacing-xsmall);border-top:1px solid rgba(255,255,255,.15)}.mobile-nav__search .predictive-search__search-button{color:var(--color-white);background:transparent;font-family:var(--font-body--family);font-size:12px;font-weight:500;letter-spacing:.12px;text-transform:uppercase;text-decoration:underline;box-shadow:none;border:none;padding:0;display:block;margin-inline:auto}.mobile-nav__search slideshow-component:has(#predictive-search-collection),.mobile-nav__search slideshow-component:has(#predictive-search-page),.mobile-nav__search slideshow-component:has(#predictive-search-article){display:none}.mobile-nav__search .predictive-search-results__inner:not(:has(.predictive-search-results__wrapper-queries)):not(:has(#predictive-search-products)):after{content:"No results found";display:block;color:#ffffffb3;font-family:var(--font-body--family);font-size:14px;font-weight:400;text-align:center;padding-block:var(--spacing-regular)}.mobile-nav__search predictive-search-component:has([data-search-results]) .predictive-search-popular-searches{display:none}.mobile-nav__circle-btn--search{transition:background-color var(--duration-base) var(--ease-in-out)}.mobile-nav--search-open .mobile-nav__circle-btn--search{background-color:var(--color-white);border-color:transparent}.mobile-nav--search-open .mobile-nav__circle-btn--search .svg-wrapper,.mobile-nav--search-open .mobile-nav__circle-btn--search svg{color:var(--color-gray-800)}@media screen and (min-width:1024px){.mobile-nav,.mobile-nav__overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/mobile-nav.css.map */