fragrance-picker{display:block;position:relative;margin-top:.6rem}.product-form__input--fragrance{margin-bottom:1.6rem}.product-form__input--fragrance [data-selected-swatch-value]{display:none}.fragrance-picker__search{position:relative;display:flex;align-items:center;border-radius:999px;background:rgb(var(--color-background));box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease}.fragrance-picker__search:focus-within{box-shadow:0 0 0 calc(var(--inputs-border-width) + .1rem) rgb(var(--color-button))}.fragrance-picker__search-icon{flex-shrink:0;width:1.7rem;height:1.7rem;margin:0 0 0 1.8rem;opacity:.5;pointer-events:none;transition:opacity var(--duration-short) ease,color var(--duration-short) ease}.fragrance-picker__search:focus-within .fragrance-picker__search-icon{opacity:1;color:rgb(var(--color-button))}.fragrance-picker__search-input{-webkit-appearance:none;appearance:none;flex:1;border:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.5rem;letter-spacing:.02rem;height:5rem;padding:0 1.2rem;min-width:0}.fragrance-picker__search-input:focus{outline:0}.fragrance-picker__search-input:focus-visible{outline:0;box-shadow:none}.fragrance-picker__search-input::placeholder{color:rgba(var(--color-foreground),.5)}.fragrance-picker__search-input::-webkit-search-cancel-button{display:none}.fragrance-picker__search-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:4rem;height:5rem;padding:0;margin-right:.4rem;border:0;border-radius:50%;background:transparent;color:rgba(var(--color-foreground),.55);cursor:pointer;transition:color var(--duration-short) ease}.fragrance-picker__search-clear:hover{color:rgb(var(--color-foreground))}.fragrance-picker__search-clear[hidden]{display:none}.fragrance-picker__search-clear .icon{width:1.3rem;height:1.3rem}.fragrance-picker__list{position:absolute;top:calc(100% + .6rem);left:0;right:0;z-index:10;max-height:32rem;overflow-y:auto;overscroll-behavior:contain;border-radius:1.6rem;background:rgb(var(--color-background));box-shadow:0 .6rem 2rem rgba(var(--color-shadow),.18),0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.35) transparent}.fragrance-picker__list[hidden]{display:none}.fragrance-picker__list::-webkit-scrollbar{width:.7rem}.fragrance-picker__list::-webkit-scrollbar-track{background:transparent}.fragrance-picker__list::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.3);border-radius:1rem;border:.2rem solid rgb(var(--color-background))}.fragrance-picker__list::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--color-foreground),.5)}.fragrance-picker__item{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.fragrance-picker__item:first-child .fragrance-picker__label{border-top-left-radius:1.6rem;border-top-right-radius:1.6rem}.fragrance-picker__item:last-child{border-bottom:0}.fragrance-picker__item:last-child .fragrance-picker__label{border-bottom-left-radius:1.6rem;border-bottom-right-radius:1.6rem}.fragrance-picker__item[hidden]{display:none}.fragrance-picker__label{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.8rem;cursor:pointer;border-left:.3rem solid transparent;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease}.fragrance-picker__label:hover{background-color:rgba(var(--color-foreground),.05)}.fragrance-picker__name{font-size:1.4rem;line-height:1.3}.fragrance-picker__meta{display:block;margin-top:.2rem;font-size:1.1rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.62)}.fragrance-picker__check{flex-shrink:0;width:1.2rem;height:1.2rem;opacity:0;color:rgb(var(--color-button));transition:opacity var(--duration-short) ease}.fragrance-picker__radio:checked+.fragrance-picker__label{background-color:rgba(var(--color-button),.08);border-left-color:rgb(var(--color-button))}.fragrance-picker__radio:checked+.fragrance-picker__label .fragrance-picker__check{opacity:1}.fragrance-picker__radio:focus-visible+.fragrance-picker__label{outline:.2rem solid rgba(var(--color-button),.6);outline-offset:-.2rem}.fragrance-picker__item.is-disabled .fragrance-picker__label{opacity:.45;cursor:not-allowed}.fragrance-picker__empty{padding:2.4rem 1.6rem;margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.6);text-align:center}.fragrance-picker__empty[hidden]{display:none}@media screen and (max-width:749px){.fragrance-picker__list{max-height:45vh}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-fragrance-picker.css.map */