fieldset[data-option-id$=-color]{overflow:visible}fieldset[data-option-id$=-color] .variant-option__button-label{position:relative;overflow:visible;background:#fff!important;color:#111!important;border:1.5px solid #d4d4d4!important;box-shadow:none!important}fieldset[data-option-id$=-color] .variant-option__button-label__pill{display:none!important}fieldset[data-option-id$=-color] .variant-option__button-label:has(input:checked){border:2px solid #0a66ff!important;box-shadow:0 0 0 3px #0a66ff2e!important;font-weight:700}fieldset[data-option-id$=-color] .variant-option__button-label__text{color:#111!important;display:inline-flex;align-items:center;gap:7px}fieldset[data-option-id$=-color] .variant-option__button-label__text:before{content:"";flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--melol-sw,#111);box-shadow:inset 0 0 0 1px #00000040}fieldset[data-option-id$=-color] label:has(input[value=Black]){--melol-sw:#111}fieldset[data-option-id$=-color] label:has(input[value=White]){--melol-sw:#f7f7f3}fieldset[data-option-id$=-color] label:has(input[value=Pepper]){--melol-sw:#5e5b57}fieldset[data-option-id$=-color] label:has(input[value=Pepper]):after,.melol-prem-pill{content:"\2605  PREMIUM";position:absolute;top:-10px;right:-4px;z-index:2;background:linear-gradient(135deg,#ffe08a,#d4a12a);color:#2a1d00;font:800 9.5px/1 Inter,Arial,sans-serif;letter-spacing:.06em;padding:4px 7px;border-radius:999px;box-shadow:0 2px 6px #96690059;white-space:nowrap;pointer-events:none}#melolPremiumNote{display:none;margin:8px 0 2px;font:500 13px/1.4 Inter,Arial,sans-serif;color:#5a4300;background:#fff8e1;border:1px solid #f1d27a;border-radius:10px;padding:8px 11px}#melolPremiumNote b{color:#2a1d00}#melolColorDock{position:absolute;left:8px;bottom:13%;z-index:12;display:flex;flex-direction:column;gap:10px;padding:8px 7px;background:#ffffffe0;border-radius:999px;box-shadow:0 2px 12px #0000002e;pointer-events:auto}#melolColorDock button{position:relative;width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #b9b9b9;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}#melolColorDock button.on{box-shadow:0 0 0 2.5px #0a66ff}#melolColorDock button i{position:absolute;top:-7px;right:-8px;width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,#ffe08a,#d4a12a);color:#2a1d00;font:900 9px/15px Arial,sans-serif;font-style:normal;text-align:center;box-shadow:0 1px 3px #0000004d}.melol-color-edit{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:2px 0 8px;font:600 13px Inter,Arial,sans-serif;color:#111}.melol-color-edit .melol-prem-pill{position:static;display:inline-block}.melol-color-edit .melol-prem-sub{flex-basis:100%;font:500 12px Inter,Arial,sans-serif;color:#7a5b00;margin-top:-2px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/melol-colors.css.map */