.hf-option-selector{display:grid;gap:14px;margin:16px 0;padding:15px 16px;border:1px solid rgba(21,24,28,.12);border-radius:16px;background:linear-gradient(180deg,#fff,#f6f6f6);box-shadow:0 8px 20px #0000000f}.hf-option-selector__group{display:grid;gap:9px}.hf-option-selector__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hf-option-selector__head span{font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#4b4f55}.hf-option-selector__head strong{font-size:14px;color:#111318;text-align:right}.hf-option-selector__options{display:flex;flex-wrap:wrap;gap:9px}.hf-option-selector__option{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid #d7d9dc;border-radius:999px;background:#fff;color:#1b1e22;font:inherit;font-size:13px;font-weight:850;line-height:1.15;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.hf-option-selector__option:hover{transform:translateY(-1px);border-color:#9ca1a7}.hf-option-selector__option[aria-pressed=true]{border-color:#c8102e;box-shadow:0 0 0 2px #c8102e1f}.hf-option-selector__swatch{width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000002e;background:#ddd}.hf-option-selector__option[data-color-slug=rouge] .hf-option-selector__swatch{background:#c9252d}.hf-option-selector__option[data-color-slug=noir] .hf-option-selector__swatch{background:#17191c}.hf-option-selector__option[data-color-slug=bleu] .hf-option-selector__swatch{background:#2f86cc}.hf-option-selector__option[data-color-slug=rose] .hf-option-selector__swatch{background:#f47f9e}.hf-option-selector__option[data-color-slug=vert] .hf-option-selector__swatch{background:#479c60}.hf-option-selector__option[data-color-slug=jaune] .hf-option-selector__swatch{background:#f2cf3c}.hf-option-selector__option[data-color-slug=orange] .hf-option-selector__swatch{background:#eb8a2f}.hf-option-selector__option[data-color-slug=blanc] .hf-option-selector__swatch{background:#fff}.hf-option-selector__note{margin:0;color:#6b7077;font-size:11px;line-height:1.4}@media(max-width:749px){.hf-option-selector{padding:12px;gap:12px}.hf-option-selector__head{align-items:flex-start;flex-direction:column;gap:3px}.hf-option-selector__option{min-height:40px;padding:7px 11px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/hf-color-selector.css.map */