html.search-panel-open{overflow:hidden}.search-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.search-panel[hidden],.search-panel [hidden]{display:none!important}.search-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.35);opacity:0;transition:opacity .25s ease}.search-panel__sheet{position:relative;display:flex;flex-direction:column;max-height:100%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));transform:translateY(-1.6rem);opacity:0;transition:transform .25s ease,opacity .25s ease}.search-panel.is-open .search-panel__backdrop{opacity:1}.search-panel.is-open .search-panel__sheet{transform:none;opacity:1}@media(prefers-reduced-motion:reduce){.search-panel__backdrop,.search-panel__sheet{transition:none}}.search-panel__bar{position:relative;flex:none;border-bottom:1px solid rgba(var(--color-foreground),.12)}.search-panel__bar-inner{display:flex;align-items:center;gap:1.6rem;min-height:8.8rem}.search-panel__icon{display:flex;flex:none;width:2rem;height:2rem}.search-panel__icon svg{width:100%;height:100%}.search-panel__input{flex:1;min-width:0;padding:1.2rem 0;border:0;border-radius:0;background:transparent;color:inherit;font-family:var(--font-heading-card-family);font-size:2.4rem;line-height:1.3;outline:none;-webkit-appearance:none;appearance:none}.search-panel__input::placeholder{color:rgba(var(--color-foreground),.45)}.search-panel__input::-webkit-search-cancel-button,.search-panel__input::-webkit-search-decoration{-webkit-appearance:none}.search-panel__input:focus-visible{outline:none;box-shadow:none}.search-panel__clear{display:flex;flex:none;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:.9rem;border:0;background:none;color:inherit;cursor:pointer}.search-panel__clear svg{width:100%;height:100%}.search-panel__close{flex:none;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}.search-panel__close:hover{text-decoration:underline;text-underline-offset:.3rem}.search-panel__progress{position:absolute;left:0;bottom:-1px;width:100%;height:1px;overflow:hidden}.search-panel.is-loading .search-panel__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:30%;background:rgb(var(--color-foreground));animation:search-panel-progress .9s ease-in-out infinite}@keyframes search-panel-progress{0%{transform:translate(-100%)}to{transform:translate(340%)}}.search-panel__body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:3.2rem 0 4rem}.search-panel__columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:4.8rem}.search-panel__content{display:flex;flex-direction:column}.search-panel__content>[data-search-results]{order:-1}.search-panel__group+.search-panel__group{margin-top:3.2rem}.search-panel__heading{margin:0 0 1.4rem;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}.search-panel__chips{display:flex;flex-wrap:wrap;gap:.8rem}.search-panel__chip{display:inline-block;padding:.7rem 1.4rem;border:1px solid rgba(var(--color-foreground),.2);color:inherit;font-size:1.4rem;line-height:1.4;text-decoration:none;transition:border-color .2s ease}.search-panel__chip:hover,.search-panel__chip:focus-visible{border-color:rgb(var(--color-foreground))}.search-panel__links li+li{margin-top:.2rem}.search-panel__links a{display:inline-block;padding:.5rem 0;color:inherit;font-size:1.6rem;line-height:1.4;text-decoration:none}.search-panel__links a:hover,.search-panel__links a:focus-visible{text-decoration:underline;text-underline-offset:.3rem}.search-panel__links--queries a{font-weight:400}.search-panel__links--queries mark{background:none;color:inherit;font-weight:600}.search-panel__rows{border-top:1px solid rgba(var(--color-foreground),.12)}.search-panel__rows li{border-bottom:1px solid rgba(var(--color-foreground),.12)}.search-panel__all{margin-top:2.4rem}.search-panel__heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem}.search-panel__all-top{margin:0 0 1.4rem;color:inherit;font-family:var(--font-subtitle-family);font-size:1.3rem;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;text-decoration:underline;text-underline-offset:.3rem;white-space:nowrap}.search-panel__all-top:hover,.search-panel__all-top:focus-visible{text-decoration-thickness:2px}.search-panel__empty{margin:0 0 4rem;font-size:1.6rem}.search-panel__empty p{margin:0}.search-panel__empty .search-panel__empty-hint{margin-top:.4rem;color:rgba(var(--color-foreground),.6)}.search-panel.is-empty .search-panel__empty{padding-bottom:3.2rem;border-bottom:1px solid rgba(var(--color-foreground),.12)}.search-row{display:grid;grid-template-columns:6.4rem minmax(0,1fr) auto;gap:1.6rem;align-items:center;padding:1.2rem 0;color:inherit;text-decoration:none}.search-row__media{display:block;aspect-ratio:4 / 5;overflow:hidden}.search-row__media img{display:block;width:100%;height:100%;object-fit:contain}.search-row__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.search-row__vendor{color:rgba(var(--color-foreground),.6);font-family:var(--font-subtitle-family);font-size:1.2rem;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}.search-row__title{font-family:var(--font-heading-card-family);font-size:1.6rem;line-height:1.35}.search-row:hover .search-row__title,.search-row:focus-visible .search-row__title{text-decoration:underline;text-underline-offset:.3rem}.search-row__meta{color:rgba(var(--color-foreground),.6);font-size:1.3rem;line-height:1.4}.search-row__price{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;font-family:var(--font-price-card-family);font-size:1.4rem;line-height:1.4;white-space:nowrap}.search-row__price s{color:rgba(var(--color-foreground),.5);font-size:1.2rem}.search-row__soldout{color:rgba(var(--color-foreground),.6);font-family:var(--font-subtitle-family);font-size:1.2rem;text-transform:uppercase}.search-row--soldout .search-row__media{opacity:.5}.brand-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;height:100%;padding:1.6rem 1.2rem 1.2rem;border:1px solid rgba(var(--color-foreground),.12);color:inherit;text-align:center;text-decoration:none;transition:border-color .2s ease}.brand-tile:hover,.brand-tile:focus-visible{border-color:rgb(var(--color-foreground))}.brand-tile__logo{display:flex;align-items:center;justify-content:center;width:100%;height:4rem}.brand-tile__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.brand-tile__fallback{font-family:var(--font-heading-card-family);font-size:1.5rem}.brand-tile__name{color:rgba(var(--color-foreground),.6);font-family:var(--font-subtitle-family);font-size:1.1rem;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}@media screen and (min-width:990px){.search-panel__sheet{max-height:85vh}.search-row{grid-template-columns:4.8rem minmax(0,1fr) auto;padding:.8rem 0}}@media screen and (max-width:989px){.search-panel__sheet{height:100%;height:100dvh;transform:none}.search-panel__bar-inner{gap:1.2rem;min-height:6.4rem}.search-panel__icon{width:1.8rem;height:1.8rem}.search-panel__input{font-size:1.8rem}.search-panel__body{padding:2.4rem 0 calc(4rem + env(safe-area-inset-bottom))}.search-panel__columns{grid-template-columns:minmax(0,1fr);gap:3.2rem}[data-search-results] .search-panel__main{order:-1}.search-panel__all{width:100%}.search-panel__all-top{display:none}[data-search-start]{display:flex;flex-direction:column;gap:3.2rem}[data-search-start] .search-panel__aside,[data-search-start] .search-panel__main{display:contents}[data-search-start] .search-panel__group+.search-panel__group{margin-top:0}[data-search-start] .search-panel__group--scents{order:1}.brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tile{gap:.4rem;padding:1.2rem .8rem 1rem}.brand-tile__logo{height:3rem}}.brand-tile{padding:1.6rem 1.2rem}.brand-tile__logo{height:4.8rem}@media screen and (max-width:989px){.brand-tile{padding:1.4rem 1rem}.brand-tile__logo{height:4rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-search-panel.css.map */