.personalization{display:grid;gap:var(--padding-md, 12px);margin-block:var(--padding-md, 12px)}.perso__title{margin:0 0 6px;font-weight:500;font-size:clamp(20px,2.4vw,22px);line-height:1.4;color:#000;letter-spacing:.2px}.perso__toggle{display:inline-flex;align-items:center;background:#f5f5f5;border-radius:999px;padding:4px;gap:4px;border:1px solid #eee;width:max-content}.perso__tab{border:0;background:transparent;padding:8px 12px;border-radius:999px;font-size:13px;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;color:inherit;-webkit-tap-highlight-color:transparent}.perso__tab.is-active{background:#fff;box-shadow:0 0 0 1px #e5e7eb inset}.perso__tab:focus,.perso__tab:active{outline:none;background:#fff;color:#111}.perso__symbols{display:flex;align-items:center;gap:8px;margin:2px 0 6px;border:0;padding:0}.perso__legend{font-size:12px;color:#6b7280;margin:0 8px 0 0}.symbol-option{display:inline-flex;align-items:center}.symbol-option input{position:absolute;opacity:0;pointer-events:none}.symbol-chip{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border:1px solid #e5e7eb;border-radius:999px;font-size:16px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff}.symbol-option input:checked+.symbol-chip{border-color:#111}.symbol-chip.symbol-none{font-size:13px;color:#6b7280;background-color:#f9fafb;border-style:dashed}.symbol-option input:checked+.symbol-chip.symbol-none{border-color:#111;background-color:#f3f4f6;color:#111}.perso__label{font-size:13px;margin:8px 0 4px;display:inline-block;color:var(--color-foreground, #111)}.perso__fieldrow{display:flex;align-items:center;gap:4px}.perso__input{flex:1 1 auto;width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-size:16px;outline:none;background:#fff}.perso__input:focus{border-color:#111}.perso__counter{font-size:12px;color:#6b7280;white-space:nowrap;min-width:auto;margin-left:-2px}.perso__hint{font-size:12px;color:#6b7280;margin-top:4px}@media (max-width: 749px){.personalization{gap:10px}.symbol-chip{height:34px;min-width:34px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/personalization.css.map */