.tint-card-picker{border:0;padding:0;margin:0 0 1rem}.tint-card-picker .form__label{display:block;font-size:14px;margin:0 0 14px;padding:0;color:#1a1208}.tint-card-picker__grid{display:flex;gap:10px;padding-top:8px}.tint-card-picker input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tint-card{position:relative;display:flex;flex-direction:column;flex:1;border-radius:12px;cursor:pointer;border:1px solid rgba(28,20,16,.1);background:#f5e0c8;transition:border-color .18s ease,box-shadow .18s ease}.tint-card-picker input:checked+.tint-card{border-color:#1a1208;box-shadow:0 0 0 1.5px #1a1208}.tint-card-picker input:focus-visible+.tint-card{outline:2px solid #9F5F45;outline-offset:3px}.tint-swatch{display:block;height:28px;border-radius:11px 11px 0 0}.tint-card[data-tone=medium] .tint-swatch{background:#c9966c}.tint-card[data-tone=dark] .tint-swatch{background:#6f4423}.tint-info{display:block;padding:10px 12px 12px}.tint-name{display:block;font-size:14px;font-weight:600;color:#1a1208;line-height:1.2}.tint-audience{display:block;font-size:12px;color:#6f4423;font-weight:500;margin-top:3px}.tint-badge{position:absolute;top:-8px;right:-8px;background:#9f5f45;color:#faead3;font-size:11px;font-weight:500;letter-spacing:.04em;padding:4px 10px;border-radius:999px;white-space:nowrap;z-index:2;box-shadow:0 0 0 2px #fbe9d2}@media(hover:hover){.tint-card-picker input:not(:checked)+.tint-card:hover{border-color:#1c141059}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tint-card-picker.css.map */