.nail-color-picker{display:block;width:100%;max-width:100%;margin-bottom:1.6rem}.nail-color-picker__legend{width:100%;margin-bottom:1rem}.nail-color-picker__selected{font-weight:700}.nail-color-picker__tools{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;align-items:end;width:100%;margin-bottom:1.2rem}.nail-color-picker__search-label{grid-column:1 / -1;margin:0;font-size:1.2rem}.nail-color-picker__search{width:100%;min-height:4.4rem;padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit}.nail-color-picker__search:focus{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.2rem}.nail-color-picker__count{min-width:8rem;padding-bottom:1rem;color:rgba(var(--color-foreground),.7);font-size:1.2rem;text-align:right}.nail-color-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.2rem,1fr));gap:1rem;width:100%}.nail-color-picker__item[hidden]{display:none!important}.product-form__input--pill.nail-color-picker .nail-color-picker__item input[type=radio]+label{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:10.8rem;margin:0;padding:.8rem .5rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));letter-spacing:0;line-height:1.2;text-align:center}.product-form__input--pill.nail-color-picker .nail-color-picker__item input[type=radio]+label:before{content:none}.product-form__input--pill.nail-color-picker .nail-color-picker__item input[type=radio]+label:hover{border-color:rgba(var(--color-foreground),.65);transform:translateY(-.1rem)}.product-form__input--pill.nail-color-picker .nail-color-picker__item input[type=radio]:checked+label{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem rgb(var(--color-foreground))}.product-form__input--pill.nail-color-picker .nail-color-picker__item input[type=radio].disabled+label{border-style:dashed;opacity:.55;text-decoration:none}.nail-color-picker__thumbnail{display:grid;place-items:center;width:5.2rem;height:5.2rem;margin-bottom:.6rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:50%;background:#fff}.nail-color-picker__image{display:block;width:100%;height:100%;object-fit:contain}.nail-color-picker__fallback{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#f7f7f7,#dedede);color:#333;font-size:1.8rem;font-weight:700}.nail-color-picker__name{display:-webkit-box;overflow:hidden;font-size:1.1rem;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.nail-color-picker__code{margin-top:.25rem;font-size:1.05rem;font-weight:700;white-space:nowrap}.nail-color-picker__toggle{display:inline-flex;align-items:center;justify-content:center;min-height:4.2rem;margin-top:1.2rem;padding:.9rem 1.6rem;border:.1rem solid rgb(var(--color-foreground));border-radius:.8rem;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-weight:700;cursor:pointer}.nail-color-picker__toggle:hover{background:rgba(var(--color-foreground),.06)}.nail-color-picker__toggle:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.2rem}@media screen and (max-width:749px){.nail-color-picker__tools{grid-template-columns:1fr}.nail-color-picker__count{min-width:0;padding:0;text-align:left}.nail-color-picker__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.product-form__input--pill.nail-color-picker .nail-color-picker__item input[type=radio]+label{min-height:10.2rem;padding:.7rem .35rem}.nail-color-picker__thumbnail{width:4.8rem;height:4.8rem}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/nail-color-picker.css.map */