[data-mm-mug-picker]{--picker-ink:#193a2e;--picker-green:#24664d;--picker-muted:#637065;--picker-line:#dce2d8;color:var(--picker-ink);font:16px/1.5 Segoe UI,Arial,sans-serif;min-width:0}[data-mm-mug-picker] *{box-sizing:border-box}[data-mm-mug-picker] [hidden]{display:none!important}[data-mm-mug-picker] fieldset{border:0;padding:0;margin:22px 0;min-width:0}[data-mm-mug-picker] label,[data-mm-mug-picker] legend{font-size:14px;font-weight:650}[data-mm-mug-picker] legend{padding:0;margin-bottom:10px;float:none;width:auto}[data-mm-mug-picker] .field-help{font-size:12px;line-height:1.5;margin:7px 0 18px;color:var(--picker-muted)}[data-mm-mug-picker] .mug-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}[data-mm-mug-picker] .mug-choice{position:relative;display:grid;gap:5px;min-height:82px;border:1px solid var(--picker-line);border-radius:12px;padding:14px;background:#fffefa;cursor:pointer}[data-mm-mug-picker] .mug-choice:has(input:checked){outline:2px solid var(--picker-green);outline-offset:-2px;background:#eff3e9}[data-mm-mug-picker] .mug-choice:has(input:focus-visible){outline:3px solid #a45a31;outline-offset:4px}[data-mm-mug-picker] .mug-choice input{position:absolute;right:9px;top:9px;accent-color:var(--picker-green);width:14px;height:14px;margin:0;font:inherit}[data-mm-mug-picker] .mug-choice strong{font-size:14px;font-weight:700}[data-mm-mug-picker] .mug-choice small{font-size:12px;font-weight:400;white-space:nowrap}[data-mm-mug-picker] .mug-colors{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}[data-mm-mug-picker] .mug-color{position:relative;display:block;cursor:pointer;padding:4px;min-width:0}[data-mm-mug-picker] .mug-color input{position:absolute;opacity:0;width:100%;height:100%;margin:0;top:0;right:0;bottom:0;left:0;cursor:pointer}[data-mm-mug-picker] .mug-color span{display:block;width:29px;height:29px;border-radius:50%;border:2px solid #fff;outline:1px solid #d4d8ce}[data-mm-mug-picker] .mug-color input:checked+span{outline:2px solid var(--picker-green);outline-offset:2px}[data-mm-mug-picker] .mug-color input:focus-visible+span{outline:3px solid #a45a31;outline-offset:3px}@media(max-width:700px){[data-mm-mug-picker] .mug-choice{padding:12px;min-height:74px}[data-mm-mug-picker] .mug-choice strong{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/mm-personalized-mug-picker.css.map */