.essential-oil-selector{display:block;margin:2rem 0}.essential-oil-selector[hidden]{display:none!important}.eos__slots{display:flex;flex-direction:column;gap:1.6rem}.eos__slot{display:block;position:relative}.eos__label{display:block;font-size:1.5rem;font-weight:700;color:rgb(var(--color-foreground));margin-bottom:.8rem}.eos__required{color:rgba(var(--color-foreground),.5);margin-left:.3rem;font-weight:400}.eos__combo{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:7.2rem;padding:.8rem 3.6rem .8rem .8rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, .6rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;font-size:1.5rem;text-align:left;cursor:pointer;position:relative;transition:border-color .15s,box-shadow .15s}.eos__combo:hover{border-color:rgba(var(--color-foreground),.4)}.eos__combo:focus-visible,.eos__combo[aria-expanded=true]{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgba(var(--color-foreground),.15)}.eos__combo.is-invalid{border-color:#e11}.eos__combo.is-empty .eos__combo-text{color:rgba(var(--color-foreground),.55)}.eos__combo-thumb{flex:0 0 auto;width:5.6rem;height:5.6rem;border-radius:var(--buttons-radius, .6rem);overflow:hidden;background:#f5f1eb;display:flex;align-items:center;justify-content:center}.eos__combo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.eos__combo-thumb--empty{color:#c8b9a6;font-size:2.4rem}.eos__combo-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.eos__combo-name{font-weight:600;font-size:1.5rem;line-height:1.3;color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eos__combo-desc{font-size:1.25rem;line-height:1.3;color:rgba(var(--color-foreground),.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eos__caret{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);pointer-events:none;width:1.2rem;height:1.2rem;color:rgba(var(--color-foreground),.6);transition:transform .2s}.eos__combo[aria-expanded=true] .eos__caret{transform:translateY(-50%) rotate(180deg)}.eos__listbox{position:absolute;left:0;right:0;top:calc(100% + .4rem);z-index:50;max-height:34rem;overflow-y:auto;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, .6rem);box-shadow:0 8px 24px #0000001f;padding:.4rem;margin:0;list-style:none;display:none}.eos__listbox.is-open{display:block}.eos__option{display:flex;align-items:center;gap:1.2rem;padding:.8rem;border-radius:var(--buttons-radius, .6rem);cursor:pointer;transition:background-color .12s}.eos__option:hover,.eos__option.is-highlighted{background:rgba(var(--color-foreground),.06)}.eos__option[aria-selected=true]{background:rgba(var(--color-foreground),.08)}.eos__option-thumb{flex:0 0 auto;width:4.4rem;height:4.4rem;border-radius:.4rem;overflow:hidden;background:#f5f1eb;display:flex;align-items:center;justify-content:center}.eos__option-thumb img{width:100%;height:100%;object-fit:cover;display:block}.eos__option-thumb--empty{color:#c8b9a6;font-size:1.8rem}.eos__option-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem}.eos__option-name{font-weight:600;font-size:1.45rem;line-height:1.3;color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eos__option-desc{font-size:1.2rem;line-height:1.3;color:rgba(var(--color-foreground),.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eos__error{display:none;font-size:1.3rem;color:#e11;margin-top:.4rem}.eos__error.is-visible{display:block}@media(max-width:480px){.eos__combo{min-height:6.4rem;padding:.6rem 3rem .6rem .6rem;gap:1rem}.eos__combo-thumb{width:4.8rem;height:4.8rem}.eos__combo-name{font-size:1.4rem}.eos__combo-desc{font-size:1.15rem}.eos__option-thumb{width:4rem;height:4rem}.eos__option-name{font-size:1.35rem}.eos__option-desc{font-size:1.15rem}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/essential-oil-selector.css.map */