.variant-picker .variant-option--buttons legend{display:flex;justify-content:flex-start;align-items:baseline;gap:7px;width:100%;font-size:var(--tuti-fs-base);font-weight:400;letter-spacing:normal;color:var(--tuti-ink-soft, rgba(46, 47, 47, .5));margin-block-end:10px}.variant-picker .variant-option--buttons .variant-option__swatch-value{padding-inline:0;font-family:var(--tuti-body, "Outfit", sans-serif);font-size:var(--tuti-fs-base);font-weight:600;letter-spacing:normal;color:var(--tuti-ink, #2e2f2f)}.variant-picker fieldset.variant-option--buttons,.variant-picker fieldset.variant-option--buttons.variant-option--equal-width-buttons{display:grid;grid-template-columns:repeat(8,var(--tuti-chip, 33px));justify-content:space-between;min-width:0;column-gap:0;row-gap:calc((var(--tuti-details-width, 430px) - 40px - (8 * var(--tuti-chip, 33px))) / 7);width:100%;overflow:visible}@media screen and (max-width:749px){.variant-picker{container-type:inline-size}.variant-picker fieldset.variant-option--buttons,.variant-picker fieldset.variant-option--buttons.variant-option--equal-width-buttons{--tuti-chip: calc(100cqi * 3 / 31);row-gap:calc(100cqi / 31)}}.variant-picker .variant-option--buttons .variant-option__button-label{flex:none;min-width:0;min-height:0;width:100%;padding:0;margin:0;border:none;border-radius:calc(var(--tuti-chip, 46px) * .26);background:transparent;color:var(--tuti-ink, #2e2f2f);display:block;position:relative;white-space:normal;overflow:visible}.variant-picker .variant-option,.variant-picker .variant-option--buttons,.variant-picker .variant-option--swatches,.variant-picker .variant-picker__form,.variant-picker{overflow:visible}.variant-picker .variant-option--buttons .variant-option__button-label:before,.variant-picker .variant-option--buttons .variant-option__button-label:after,.variant-picker .variant-option--buttons .variant-option__button-label__pill{content:none;display:none}.variant-picker .variant-option--buttons .variant-option__button-label__text{display:block;width:100%;aspect-ratio:1;border-radius:calc(var(--tuti-chip, 46px) * .26);background:var(--tuti-shade, var(--tuti-mist, #edf3f8));box-shadow:inset 0 0 0 1px #00000014;outline:1.5px solid transparent;outline-offset:3px;position:relative;transition:outline-color .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1);font-size:0;line-height:0;color:transparent}.variant-picker .variant-option--buttons .variant-option__button-label:has(:checked) .variant-option__button-label__text{outline:1.5px solid var(--tuti-shade-outline, var(--tuti-shade, var(--tuti-ink, #2e2f2f)));outline-offset:3px;box-shadow:inset 0 0 0 1px #00000014,0 0 0 3px var(--tuti-white, #fcfcfd),0 2px 10px #2e2f2f1f}.variant-picker .variant-option--buttons .variant-option__button-label:has(:focus-visible) .variant-option__button-label__text{outline-color:var(--tuti-mauve, #d8b4c2)}.variant-picker .variant-option--buttons .variant-option__button-label,.variant-picker .variant-option--buttons .variant-option__button-label--has-swatch,.variant-picker .variant-option--buttons .variant-option__button-label:has(:focus-visible),.variant-picker .variant-option--buttons .variant-option__button-label:has(:checked),.variant-picker .variant-option--buttons .variant-option__button-label--has-swatch:has(:checked),.variant-picker .variant-option--buttons .variant-option__button-label--has-swatch:hover{outline:none!important;border:none!important;box-shadow:none}.variant-picker .variant-option--buttons .variant-option__button-label input,.variant-picker .variant-option--buttons .variant-option__button-label input:focus,.variant-picker .variant-option--buttons .variant-option__button-label input:focus-visible{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.variant-picker .variant-option--buttons .variant-option__button-label:has([data-option-available=false]){opacity:.45}.variant-option__button-label:has(input[value="Ultra Black"]){--tuti-shade: var(--tuti-ink, #2e2f2f)}.variant-option__button-label:has(input[value="Natural Black"]){--tuti-shade: #3d3e3e}.variant-option__button-label:has(input[value=Espresso]){--tuti-shade: #382a22}.variant-option__button-label:has(input[value=Hazelnut]){--tuti-shade: #6b4a32}.variant-option__button-label:has(input[value=Mahogany]){--tuti-shade: #4f2b2b}.variant-option__button-label:has(input[value=Maple]){--tuti-shade: #6b4a30}.variant-option__button-label:has(input[value=Fawn]){--tuti-shade: #736b5e}.variant-option__button-label:has(input[value=Fog]){--tuti-shade: #7d6a55}.variant-option__button-label:has(input[value=Sienna]){--tuti-shade: #a97748}.variant-option__button-label:has(input[value=Auburn]){--tuti-shade: #a84a24}.variant-option__button-label:has(input[value=Scarlet]){--tuti-shade: #6d1f33}.variant-option__button-label:has(input[value=Bordeaux]){--tuti-shade: #522449}.variant-option__button-label:has(input[value="Soft Ash"]){--tuti-shade: #8b8371}.variant-option__button-label:has(input[value=Butter]){--tuti-shade: #d6c4a4}.variant-option__button-label:has(input[value=Wheat]){--tuti-shade: #cf9f5c}.variant-option__button-label:has(input[value=Platinum]){--tuti-shade: #ece2d0}.variant-option__button-label:has(input[value=Mushroom]){--tuti-shade: #a79c92}.variant-option__button-label:has(input[value="Salt & Pepper"]){--tuti-shade: #8a8a8a}.variant-option__button-label:has(input[value="Vanilla (Blend)"]){--tuti-shade: linear-gradient(135deg, #c9a063 0 50%, #efe4cc 50% 100%);--tuti-shade-outline: #c9a063}.variant-option__button-label:has(input[value="Truffle (Blend)"]){--tuti-shade: linear-gradient(135deg, #7a5533 0 50%, #a97b3f 50% 100%);--tuti-shade-outline: #7a5533}.variant-option__button-label:has(input[value="Mocha (Blend)"]){--tuti-shade: linear-gradient(135deg, #6b4a32 0 50%, #e6dcc6 50% 100%);--tuti-shade-outline: #6b4a32}.variant-option__button-label:has(input[value="Pearl (Blend)"]){--tuti-shade: linear-gradient(135deg, #cfc6ad 0 50%, #efe7d5 50% 100%);--tuti-shade-outline: #cfc6ad}.variant-option__button-label:has(input[value="Custard (Blend)"]){--tuti-shade: linear-gradient(135deg, #d9a45f 0 50%, #efe3cd 50% 100%);--tuti-shade-outline: #d9a45f}.variant-option__button-label:has(input[value="Tiramisu (Blend)"]){--tuti-shade: linear-gradient(135deg, #7d6a52 0 50%, #a89170 50% 100%);--tuti-shade-outline: #7d6a52}.variant-option__button-label:has(input[value="Greige (Blend)"]){--tuti-shade: linear-gradient(135deg, #8a7a68 0 50%, #ded2bd 50% 100%);--tuti-shade-outline: #8a7a68}.variant-option__button-label:has(input[value="Praline (Blend)"]){--tuti-shade: linear-gradient(135deg, #6f4f2f 0 50%, #a87c43 50% 100%);--tuti-shade-outline: #6f4f2f}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Ultra Black"]){order:1}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Natural Black"]){order:2}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Espresso]){order:3}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Hazelnut]){order:4}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Maple]){order:5}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Fawn]){order:6}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Mahogany]){order:7}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Auburn]){order:8}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Sienna]){order:9}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Scarlet]){order:17}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Bordeaux]){order:18}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Salt & Pepper"]){order:10}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Fog]){order:11}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Soft Ash"]){order:12}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Mushroom]){order:13}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Wheat]){order:14}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Butter]){order:15}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value=Platinum]){order:16}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Vanilla (Blend)"]){order:19}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Truffle (Blend)"]){order:20}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Mocha (Blend)"]){order:21}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Pearl (Blend)"]){order:22}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Custard (Blend)"]){order:23}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Tiramisu (Blend)"]){order:24}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Greige (Blend)"]){order:25}.variant-picker .variant-option--buttons .variant-option__button-label:has(input[value="Praline (Blend)"]){order:26}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tuti-variant-swatches.css.map */