.fragrance-picker{display:block;margin-bottom:2rem}.fragrance-picker__families{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem}.fragrance-picker__family{padding:.5rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:10rem;background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;line-height:1.4;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.fragrance-picker__family:hover{border-color:rgba(var(--color-foreground),.6)}.fragrance-picker__family[aria-pressed=true]{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.fragrance-picker__fieldset{margin:0;padding:0;border:none;min-width:0}.fragrance-picker__fieldset .form__label{padding:0;margin-bottom:1rem}.fragrance-picker__grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr));gap:1.2rem 1rem}.fragrance-picker__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.fragrance-picker__tile{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:opacity .2s ease}.fragrance-picker__media{position:relative;display:block;aspect-ratio:1;border-radius:.8rem;overflow:hidden;background:rgba(var(--color-foreground),.06);outline:.1rem solid rgba(var(--color-foreground),.12);outline-offset:0;transition:outline-color .2s ease,outline-offset .2s ease}.fragrance-picker__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.fragrance-picker__tile:hover .fragrance-picker__media img{transform:scale(1.04)}.fragrance-picker__name{font-size:1.3rem;line-height:1.3;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fragrance-picker__badge{position:absolute;left:.4rem;bottom:.4rem;padding:.2rem .6rem;border-radius:10rem;background:#000000b8;color:#fff;font-size:1rem;line-height:1.4;letter-spacing:.02em}.fragrance-picker__status{font-size:1.1rem;line-height:1.2;color:rgba(var(--color-foreground),.65)}.fragrance-picker__input:checked+.fragrance-picker__tile .fragrance-picker__media{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.fragrance-picker__input:checked+.fragrance-picker__tile .fragrance-picker__media:after{content:"";position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:50%;background:rgb(var(--color-foreground)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 1.4rem no-repeat}.fragrance-picker__input:checked+.fragrance-picker__tile .fragrance-picker__name{font-weight:600}.fragrance-picker__input:focus-visible+.fragrance-picker__tile .fragrance-picker__media{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem;box-shadow:0 0 0 .6rem rgba(var(--color-foreground),.15)}.fragrance-picker__tile.is-sold-out .fragrance-picker__media img{opacity:.45;filter:grayscale(.6)}.fragrance-picker__tile.is-sold-out .fragrance-picker__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top right,transparent calc(50% - .1rem),rgba(var(--color-foreground),.5) calc(50% - .1rem),rgba(var(--color-foreground),.5) calc(50% + .1rem),transparent calc(50% + .1rem))}.fragrance-picker__sold-out{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);padding:.2rem .6rem;border-radius:10rem;background:#fff;color:#000000b8;font-size:1rem;line-height:1.4;letter-spacing:.02em;white-space:nowrap}.fragrance-picker__tile.is-dimmed{opacity:.3}.fragrance-picker__input:checked+.fragrance-picker__tile.is-dimmed{opacity:.6}.fragrance-picker__about{margin-top:1.2rem}@media(min-width:750px){.fragrance-picker__fieldset{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.6rem}.fragrance-picker__fieldset>.form__label{float:left}.fragrance-picker__about--beside{margin:0 0 1rem}.fragrance-picker__fieldset>.fragrance-picker__grid{flex:0 0 100%}.fragrance-picker__about--below{display:none}}@media(max-width:749px){.fragrance-picker__about--beside{display:none}}.fragrance-picker__about-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.fragrance-picker__about-line[hidden]{display:none}.fragrance-picker__about-family{padding:.1rem .8rem;border-radius:10rem;background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em}.fragrance-picker__trigger,.fragrance-picker__backdrop,.fragrance-picker__sheet-header{display:none}@media(max-width:749px){.fragrance-picker__trigger{display:flex;align-items:center;gap:1.2rem;width:100%;padding:.8rem 1.2rem .8rem .8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:left;cursor:pointer}.fragrance-picker__trigger-media{flex:0 0 5.6rem;width:5.6rem;height:5.6rem;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.06)}.fragrance-picker__trigger-media img{display:block;width:100%;height:100%;object-fit:cover}.fragrance-picker__trigger-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.fragrance-picker__trigger-label{font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}.fragrance-picker__trigger-name{font-size:1.6rem;font-weight:600;line-height:1.3}.fragrance-picker__trigger-action{flex:0 0 auto;font-size:1.3rem;text-decoration:underline;text-underline-offset:.3rem}.fragrance-picker__trigger-action:after{content:" \203a"}.fragrance-picker__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.fragrance-picker__sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;max-height:85vh;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;padding:0 1.6rem calc(2rem + env(safe-area-inset-bottom));border-radius:1.6rem 1.6rem 0 0;background:rgb(var(--color-background));box-shadow:0 -.4rem 2.4rem #00000026;transform:translateY(100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}.fragrance-picker.is-open .fragrance-picker__backdrop{opacity:1;visibility:visible;transition:opacity .25s ease}.fragrance-picker.is-open .fragrance-picker__sheet{transform:translateY(0);visibility:visible;transition:transform .3s ease}.fragrance-picker__sheet:focus{outline:none}.fragrance-picker__sheet-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -1.6rem 1.2rem;padding:1.6rem 1.6rem 1rem;background:rgb(var(--color-background))}.fragrance-picker__sheet-header:before{content:"";position:absolute;top:.6rem;left:50%;width:4rem;height:.4rem;margin-left:-2rem;border-radius:.2rem;background:rgba(var(--color-foreground),.2)}.fragrance-picker__sheet-title{margin:0}.fragrance-picker__sheet-close{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin-right:-.8rem;padding:0;border:none;background:none;color:rgb(var(--color-foreground));cursor:pointer}.fragrance-picker__sheet-close svg{width:1.6rem;height:1.6rem}.fragrance-picker__sheet .fragrance-picker__fieldset .form__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.fragrance-picker__families{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -1.6rem 1.4rem;padding:0 1.6rem}.fragrance-picker__families::-webkit-scrollbar{display:none}.fragrance-picker__family{flex:0 0 auto}.fragrance-picker__grid{grid-template-columns:repeat(3,1fr);gap:1.6rem 1.2rem}.fragrance-picker__name{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.fragrance-picker__tile,.fragrance-picker__media,.fragrance-picker__media img,.fragrance-picker__family,.fragrance-picker__backdrop,.fragrance-picker__sheet{transition:none}.fragrance-picker__tile:hover .fragrance-picker__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/fragrance-picker.css.map */