[data-tone-tabs] .tone-tab-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-tone-tabs] .tone-tablist{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-block-end:1rem}[data-tone-tabs] .tone-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border:1px solid rgb(var(--text-color) / .22);border-radius:999px;cursor:pointer;font-size:.8125rem;line-height:1;white-space:nowrap;transition:border-color .15s,background-color .15s}[data-tone-tabs] .tone-tab:hover{border-color:rgb(var(--text-color) / .5)}[data-tone-tabs] .tone-tab--empty{opacity:.45}[data-tone-tabs] .tone-tab__dot{width:.9rem;height:.9rem;border-radius:999px;border:1px solid rgb(0 0 0 / .15);flex:none}[data-tone-tabs] .tone-tab__dot--all{background:conic-gradient(#5a3f2e 0 25%,#c79a52 25% 50%,#8a2420 50% 75%,#2b2b2b 75% 100%)}[data-tone-tabs] .tone-tab-input:focus-visible+.tone-tab{outline:2px solid currentColor;outline-offset:2px}[data-tone-tabs] .tone-group{display:contents}[data-tone-tabs] .tone-empty{display:none;margin:0;font-size:.8125rem;color:rgb(var(--text-color) / .6)}.variant-picker__option:has([data-tone-tabs]) [data-tone-tabs]{order:1}.variant-picker__option:has([data-tone-tabs]) .variant-picker__option-info{order:2;margin-block-start:.35rem}[data-tone-tabs] label[for^=tab-todos-]{background:rgb(var(--text-color) / .06);border-color:rgb(var(--text-color) / .7);font-weight:600}[data-tone-filter]:not([data-tone-filter=todos]) [data-tone-tabs] label[for^=tab-todos-]{background:transparent;border-color:rgb(var(--text-color) / .22);font-weight:inherit}[data-tone-filter]:not([data-tone-filter=todos]) [data-tone-tabs] .tone-group[data-cat]{display:none}[data-tone-filter=castano]:not([data-tone-filter=todos]) [data-tone-tabs] .tone-group[data-cat=castano]{display:contents}[data-tone-filter=castano] [data-tone-tabs] label[for^=tab-castano-]{background:rgb(var(--text-color) / .06);border-color:rgb(var(--text-color) / .7);font-weight:600;opacity:1}[data-tone-filter=castano] [data-tone-tabs] .tone-group[data-cat=castano] .tone-empty{display:block}[data-tone-filter=rubio]:not([data-tone-filter=todos]) [data-tone-tabs] .tone-group[data-cat=rubio]{display:contents}[data-tone-filter=rubio] [data-tone-tabs] label[for^=tab-rubio-]{background:rgb(var(--text-color) / .06);border-color:rgb(var(--text-color) / .7);font-weight:600;opacity:1}[data-tone-filter=rubio] [data-tone-tabs] .tone-group[data-cat=rubio] .tone-empty{display:block}[data-tone-filter=rojo]:not([data-tone-filter=todos]) [data-tone-tabs] .tone-group[data-cat=rojo]{display:contents}[data-tone-filter=rojo] [data-tone-tabs] label[for^=tab-rojo-]{background:rgb(var(--text-color) / .06);border-color:rgb(var(--text-color) / .7);font-weight:600;opacity:1}[data-tone-filter=rojo] [data-tone-tabs] .tone-group[data-cat=rojo] .tone-empty{display:block}[data-tone-filter=bicolor]:not([data-tone-filter=todos]) [data-tone-tabs] .tone-group[data-cat=bicolor]{display:contents}[data-tone-filter=bicolor] [data-tone-tabs] label[for^=tab-bicolor-]{background:rgb(var(--text-color) / .06);border-color:rgb(var(--text-color) / .7);font-weight:600;opacity:1}[data-tone-filter=bicolor] [data-tone-tabs] .tone-group[data-cat=bicolor] .tone-empty{display:block}
/*# sourceMappingURL=/cdn/shop/t/43/assets/mdh-tone-tabs.css.map */