.mm-personalization{margin:8px 0 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--background)}.mm-personalization-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:16px;min-height:64px;border:0;background:transparent;color:var(--foreground);text-align:left;cursor:pointer}.mm-personalization-trigger>.icon{width:24px;height:24px;flex:none;color:var(--link)}.mm-personalization-trigger>span:first-of-type{display:grid;gap:3px;min-width:0;flex:1}.mm-personalization-trigger strong{font:700 14px/1.35 var(--font);overflow-wrap:anywhere}.mm-personalization-trigger small{font:400 12px/1.4 var(--font);color:var(--muted)}.mm-personalization-toggle{display:flex;color:var(--link)}.mm-personalization-trigger:hover{background:var(--soft)}.mm-personalization-trigger:focus-visible{outline:2px solid var(--link);outline-offset:3px}.mm-personalization-surcharge{white-space:nowrap;font:400 12px/1.4 var(--font);color:var(--muted)}.mm-personalization-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(900px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:var(--radius);background:var(--background);color:var(--foreground);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 64px #0003}.mm-personalization-dialog::backdrop{background:#0008}.mm-personalization-dialog-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:var(--background);border-bottom:1px solid var(--line)}.mm-personalization-dialog-head h2{margin:0;font:700 28px/1.12 var(--font);letter-spacing:-.025em}.mm-personalization-dialog-head p{margin:8px 0 0;font:400 13px/1.45 var(--font);color:var(--muted)}.mm-personalization-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:28px;padding:24px}.mm-personalization-visual{display:grid;gap:10px;min-width:0}.mm-personalization-visual:has(.mm-personalization-preview[hidden]){display:none}.mm-personalization-preview{position:relative;isolation:isolate;width:100%;aspect-ratio:1;overflow:hidden;background:#efede8;border-radius:var(--radius)}.mm-personalization-surface{position:absolute;left:10%;top:0;width:80%;height:100%;transform-origin:62% 33%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.mm-personalization-preview[data-view=detail] .mm-personalization-surface{transform:translate(-12%,17%) scale(3.3)}.mm-personalization-shirt{display:block;width:100%;height:100%;object-fit:contain}.mm-personalization-placement{position:absolute;left:62%;top:33%;width:24%;display:grid;justify-items:center;gap:1px;transform:translate(-50%);color:#202020}.mm-personalization-motif{display:block;position:relative;width:34%;aspect-ratio:1;overflow:hidden}.mm-personalization-motif>img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain}.mm-personalization-placement>[data-personalization-preview-text]{display:block;max-width:100%;font-family:var(--font);font-weight:700;line-height:1.15;white-space:nowrap;text-align:center;overflow:hidden}.mm-personalization.is-dark-garment .mm-personalization-placement{color:#f7f5ef}.mm-personalization-preview-label{position:absolute;left:12px;top:12px;padding:4px 7px;font:400 11px/1.4 var(--font);background:#fff;color:#343434}.mm-personalization-view-controls{display:flex;justify-content:center;gap:6px}.mm-personalization-view-controls button{min-height:40px;padding:8px 12px;font:700 12px/1.3 var(--font);border:1px solid var(--line);border-radius:var(--radius);background:var(--background);color:var(--foreground);cursor:pointer}.mm-personalization-view-controls button[aria-pressed=true]{background:#111;color:#fff}.mm-personalization-fields{min-width:0}.mm-personalization-fields>label{display:block;margin:0 0 10px;font:700 16px/1.4 var(--font)}.mm-personalization-fields input{width:100%;min-width:0;min-height:52px;padding:12px 14px;font:400 18px/1.3 var(--font);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--background);color:var(--foreground)}.mm-personalization-fields input:focus-visible{outline:2px solid var(--link);outline-offset:2px}.mm-personalization-input-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font:400 12px/1.4 var(--font);color:var(--muted)}.mm-personalization-input-meta>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.mm-personalization-fee-note,.mm-personalization-note{font:400 13px/1.5 var(--font);margin:14px 0 0;color:var(--muted)}.mm-personalization-error{font:400 13px/1.5 var(--font);color:#a12d1d;margin:10px 0 0}html[data-theme=dark] .mm-personalization-error{color:#ffb5a8}.mm-personalization-error[hidden],.mm-personalization-preview[hidden]{display:none!important}.mm-personalization-actions{display:grid;gap:8px;margin-top:22px}.mm-personalization-actions>.button{width:100%;min-height:48px;justify-content:center;font-size:15px;background:var(--action);color:#fff}.mm-personalization-clear{min-height:40px;padding:6px;border:0;background:transparent;color:var(--link);font:700 12px/1.4 var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media(max-width:749px){.mm-personalization-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.mm-personalization-dialog-head{padding:16px;gap:10px}.mm-personalization-dialog-head h2{font-size:24px}.mm-personalization-dialog-head p{font-size:12px}.mm-personalization-body{grid-template-columns:1fr;padding:16px;gap:20px}.mm-personalization-preview{aspect-ratio:4/3}.mm-personalization-surface{width:60%;left:20%}.mm-personalization-preview[data-view=detail] .mm-personalization-surface{transform:translate(-12%,17%) scale(4.4)}.mm-personalization-view-controls button{min-height:44px}}@media(prefers-reduced-motion:reduce){.mm-personalization-surface{transition:none}}.cart-line[data-has-personalization-fee]{padding-bottom:8px;border-bottom:0}.cart-line[data-personalization-fee],#CartDrawer .cart-line[data-personalization-fee]{grid-template-columns:minmax(0,1fr);padding:0 0 14px 104px;margin-top:-2px;border-left:0}.cart-line[data-personalization-fee] .cart-line-image{display:none}.mm-personalization-fee-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;line-height:1.45;color:var(--muted)}.mm-personalization-fee-row>span{min-width:0;overflow-wrap:anywhere}.mm-personalization-fee-row strong{flex:none;font-size:12px;color:var(--foreground);font-weight:400;white-space:nowrap}.mm-personalization-fee-row small{font-size:inherit;white-space:nowrap}#CartDrawer .cart-line[data-personalization-fee]{padding-left:76px}@media(max-width:359px){#CartDrawer .cart-line[data-personalization-fee]{padding-left:65px}}.mm-personalization-fee-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto 32px;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:var(--radius);color:var(--foreground)}.mm-personalization-fee-row>.icon{width:20px;height:20px;color:var(--link)}.mm-personalization-fee-row>span{display:grid;gap:2px;min-width:0}.mm-personalization-fee-row>span>small{font-size:11px;line-height:1.3;color:var(--muted)}.mm-personalization-fee-row>span>strong{font-size:13px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}.mm-personalization-fee-row>b{font-size:12px;font-weight:700;white-space:nowrap}.mm-personalization-remove{display:grid;place-items:center;width:32px;height:36px;border:0;background:transparent;color:var(--muted);cursor:pointer}.mm-personalization-remove>.icon{width:16px;height:16px}.mm-personalization-remove:hover{color:var(--foreground);background:var(--background)}.mm-personalization-remove:focus-visible{outline:2px solid var(--link);outline-offset:2px}.mm-personalization-remove:disabled{opacity:.5;cursor:wait}@media(pointer:coarse){.mm-personalization-fee-row{grid-template-columns:20px minmax(0,1fr) auto 44px}.mm-personalization-remove{width:44px;height:44px}}.mm-personalization-surcharge{padding:5px 8px;border-radius:var(--radius);font:700 14px/1.3 var(--font);background:#fff0e7;color:#9b3308}.mm-personalization-trigger>.mm-personalization-surcharge{display:grid;gap:2px;padding:7px 9px;text-align:center;border:1px solid #ffc5ac}.mm-personalization-trigger>.mm-personalization-surcharge>b{font:700 17px/1.1 var(--font);color:#8c2d08}html .mm-personalization-trigger>.mm-personalization-surcharge>small{font:400 10px/1.3 var(--font);white-space:nowrap;color:#8c2d08}.mm-personalization-dialog-head p>strong{color:var(--foreground);font-weight:700}html .mm-personalization-trigger [data-personalization-summary]{overflow-wrap:normal;word-break:normal}@media(max-width:380px){html .product-form .mm-personalization-trigger{display:grid;grid-template-columns:26px minmax(0,1fr) 32px;gap:8px 12px}.mm-personalization-trigger>.icon{grid-column:1;grid-row:1/3}.mm-personalization-trigger>span:first-of-type{grid-column:2;grid-row:1}.mm-personalization-trigger>.mm-personalization-surcharge{grid-column:2;grid-row:2;justify-self:start;display:flex;align-items:baseline;gap:6px;padding:5px 8px}.mm-personalization-trigger>.mm-personalization-toggle{grid-column:3;grid-row:1/3}}html .mm-personalization .mm-personalization-motif{width:calc(28% * var(--personalization-motif-proportion,1))}html .mm-personalization .mm-personalization-placement{gap:.75px}.mm-personalization-return-note{display:grid;gap:4px;padding:12px 14px;background:var(--soft);color:var(--foreground);border-radius:var(--radius);font-size:12px;line-height:1.5}.mm-personalization-return-note>strong{font-size:13px;line-height:1.35}.mm-personalization-return-note>small{font-size:11px;line-height:1.45;color:var(--muted)}
/*# sourceMappingURL=/cdn/shop/t/133/assets/mm-personalization.css.map */