.variant-option{margin-bottom:20px;border:none;padding:0;margin-left:0;margin-right:0}.variant-option legend,.variant-option>label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#999;margin-bottom:10px;width:100%;float:none;padding:0}.variant-option .variant-option__swatch-value{font-weight:500;text-transform:none;letter-spacing:0;color:#111;margin-left:4px}.variant-option legend:after{content:none}.variant-option--buttons,.variant-option--swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.variant-option__button-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:68px;padding:9px 16px;border:1.5px solid #e4e4e4;border-radius:8px;cursor:pointer;position:relative;text-align:center;background:#fff;gap:1px;transition:border-color .15s,box-shadow .15s,background .15s,opacity .15s;user-select:none;-webkit-user-select:none}.variant-option__button-label:hover{border-color:#aaa}.variant-option__button-label__pill{display:none!important}.variant-option__button-label__text{font-size:13px;font-weight:700;color:#111;line-height:1.2;display:block}.variant-option__button-label:has(input[data-current-checked=true]),.variant-option__button-label:has(input:checked){border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#fff}.variant-option__button-label:has(input[data-current-checked=true]) .variant-option__button-label__text,.variant-option__button-label:has(input:checked) .variant-option__button-label__text{color:#111}.variant-option__button-label:has(input[aria-disabled=true]){opacity:.38;cursor:not-allowed;background:#f2f2f2}.variant-option__button-label:has(input[aria-disabled=true]):hover{border-color:#e4e4e4}.variant-option__button-label:has(input[aria-disabled=true]):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - .7px),#bbb calc(50% - .7px),#bbb calc(50% + .7px),transparent calc(50% + .7px));border-radius:6px;pointer-events:none}.variant-option--swatches .variant-option__button-label--has-swatch{padding:4px;min-width:auto;border-radius:50%;width:36px;height:36px;border:2px solid #e4e4e4;background:transparent}.variant-option--swatches .variant-option__button-label--has-swatch:hover{border-color:#aaa}.variant-option--swatches .variant-option__button-label--has-swatch:has(input:checked),.variant-option--swatches .variant-option__button-label--has-swatch:has(input[data-current-checked=true]){border-color:#111;box-shadow:0 0 0 2px #fff,0 0 0 4px #111}.variant-option--swatches .variant-option__button-label--has-swatch:after{display:none!important}.variant-option--dropdowns{display:flex;flex-direction:column;gap:4px}.variant-option--dropdowns>label{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#999}.variant-option__select-wrapper{border:1.5px solid #e4e4e4!important;border-radius:8px!important;transition:border-color .15s}.variant-option__select-wrapper:hover{border-color:#aaa!important}.variant-option__select{font-size:14px;font-weight:600;color:#111;background:#fff;padding:10px 36px 10px 14px!important;font-family:Inter,system-ui,sans-serif}.variant-option[data-testid=variant-option-single]{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#999;margin-bottom:16px}.variant-option[data-testid=variant-option-single] .variant-option__swatch-value{font-weight:600;text-transform:none;letter-spacing:0;color:#111;background:#f2f2f2;border:1.5px solid #e4e4e4;border-radius:8px;padding:6px 14px;display:inline-block;margin-left:6px;font-size:13px}.variant-option__button-label input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.strikethrough-variant{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;overflow:hidden}.variant-picker{width:100%;margin-bottom:0}.variant-picker__form{display:flex;flex-direction:column;gap:0}.variant-option--equal-width-buttons .variant-option__button-label{flex:1;min-width:0}@media(max-width:480px){.variant-option__button-label{min-width:58px;padding:8px 12px}.variant-option__button-label__text{font-size:12.5px}.variant-option--buttons,.variant-option--swatches{gap:6px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tecnologii-variant-picker.css.map */