.mg-monogram{display:grid;gap:1.6rem;margin:1.6rem 0;padding:1.4rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem}.mg-head{margin:0;font-size:1.6rem;font-weight:700}.mg-stage{position:relative;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem;overflow:hidden;background:rgba(var(--color-foreground),.05);aspect-ratio:1 / 1;touch-action:pan-y}.mg-stage canvas{display:block;width:100%;height:100%}.mg-spin{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem;text-align:center;background:rgba(var(--color-background),1);font-size:1.3rem;opacity:.75}.mg-spin.mg-done{display:none}.mg-badge{position:absolute;left:1rem;bottom:1rem;right:1rem;font-size:1.1rem;line-height:1.35;background:rgba(var(--color-background),.92);border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem;padding:.4rem 1rem;opacity:.85;pointer-events:none}.mg-tip{position:absolute;right:1rem;top:1rem;font-size:1.1rem;opacity:.6;pointer-events:none}.mg-ready .mg-tip{opacity:.6}.mg-failed .mg-tip{display:none}.mg-field{display:block}.mg-field>label,.mg-label{display:block;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.mg-monogram input[type=text],.mg-monogram select{width:100%;padding:.9rem;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:.5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.5rem;font-family:inherit}.mg-hint{display:block;margin-top:.4rem;font-size:1.15rem;line-height:1.4;opacity:.7;min-height:1.6rem}.mg-hint.mg-warn{opacity:1;color:rgba(var(--color-foreground),.95);font-weight:600}.mg-note{display:block;margin-top:.4rem;font-size:1.15rem;line-height:1.4;opacity:.7}.mg-note.mg-warn{opacity:1;color:rgba(var(--color-foreground),.95);font-weight:600}.mg-nofit{opacity:.4;text-decoration:line-through;cursor:not-allowed;pointer-events:none}.mg-styles{display:flex;gap:.7rem}.mg-styles>label{flex:1}.mg-styles input{position:absolute;opacity:0;pointer-events:none}.mg-styles span{display:block;text-align:center;padding:.8rem .4rem;border:.15rem solid rgba(var(--color-foreground),.35);border-radius:.5rem;cursor:pointer;font-size:2.2rem;line-height:1.15}.mg-styles input:checked+span{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.08)}.mg-styles input:focus-visible+span{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.mg-styles small{display:block;font-family:var(--font-body-family);font-size:1rem;letter-spacing:.05em;text-transform:uppercase;opacity:.65;margin-top:.3rem}.mg-face-norican{font-family:mg-norican,cursive}.mg-face-pacifico{font-family:mg-pacifico,cursive}.mg-face-cookie{font-family:mg-cookie,cursive}.mg-group{border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.6rem;padding:.6rem .9rem}.mg-group summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;list-style:none}.mg-group summary::-webkit-details-marker{display:none}.mg-group summary .mg-label{margin:0}.mg-chosen{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;opacity:.8;text-align:right}.mg-sw{display:flex;flex-wrap:wrap;gap:.55rem;padding:.9rem .2rem .4rem}.mg-sw label{line-height:0}.mg-sw input{position:absolute;opacity:0;pointer-events:none}.mg-dot{display:block;width:3rem;height:3rem;border-radius:50%;border:.18rem solid rgba(0,0,0,.18);cursor:pointer;box-sizing:border-box;background-clip:padding-box}.mg-dot--sm{width:1.5rem;height:1.5rem;border-width:.1rem;flex:0 0 auto}.mg-sw input:checked+.mg-dot{outline:.28rem solid rgb(var(--color-foreground));outline-offset:.15rem}.mg-sw input:focus-visible+.mg-dot{outline:.28rem solid rgb(var(--color-foreground));outline-offset:.15rem}@media screen and (max-width:749px){.mg-dot{width:3.4rem;height:3.4rem}}.mg-range{display:block;margin-top:1.1rem}.mg-range:first-of-type{margin-top:.6rem}.mg-range-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.mg-range-row label{font-size:1.25rem;font-weight:500;margin:0 0 .3rem}.mg-range-row output{font-size:1.25rem;font-variant-numeric:tabular-nums;opacity:.75;white-space:nowrap}.mg-monogram input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:2.4rem;margin:0;padding:0;background:transparent;cursor:pointer}.mg-monogram input[type=range]:focus{outline:none}.mg-monogram input[type=range]::-webkit-slider-runnable-track{height:.4rem;border-radius:.2rem;background:rgba(var(--color-foreground),.22)}.mg-monogram input[type=range]::-moz-range-track{height:.4rem;border-radius:.2rem;background:rgba(var(--color-foreground),.22)}.mg-monogram input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.2rem;height:2.2rem;margin-top:-.9rem;border-radius:50%;border:.15rem solid rgb(var(--color-background));background:rgb(var(--color-foreground));box-shadow:0 .1rem .3rem #00000040}.mg-monogram input[type=range]::-moz-range-thumb{width:2.2rem;height:2.2rem;border-radius:50%;border:.15rem solid rgb(var(--color-background));background:rgb(var(--color-foreground));box-shadow:0 .1rem .3rem #00000040}.mg-monogram input[type=range]:focus-visible::-webkit-slider-thumb{outline:.25rem solid rgb(var(--color-foreground));outline-offset:.15rem}.mg-monogram input[type=range]:focus-visible::-moz-range-thumb{outline:.25rem solid rgb(var(--color-foreground));outline-offset:.15rem}.mg-monogram label.mg-chk{display:flex;align-items:flex-start;gap:.8rem;font-size:1.3rem;font-weight:400;line-height:1.4;margin-bottom:0;cursor:pointer}.mg-chk input[type=checkbox]{flex:0 0 auto;width:1.8rem;height:1.8rem;margin:.1rem 0 0;accent-color:rgb(var(--color-foreground));cursor:pointer}.mg-chk span{display:block}.mg-sizes>.mg-label{margin-bottom:.2rem}.mg-sizes-read{margin:0;font-size:1.3rem;line-height:1.4;opacity:.85}.mg-sizes-read b{margin-left:.4em;font-weight:600;opacity:1;white-space:nowrap}.mg-more summary .mg-chosen{font-style:italic}.mg-more-body{display:grid;gap:1.3rem;padding:1.1rem .2rem .4rem}.mg-more-body .mg-range{margin-top:0}.mg-host{display:block;margin:0 0 1.2rem}.mg-host[hidden]{display:none}.mg-host .mg-stage{margin:0}.mg-host__open{display:inline-block;margin:0 0 1.2rem;font-family:inherit;font-size:1.1rem;line-height:1.35;letter-spacing:0;text-transform:none;color:rgb(var(--color-foreground));background:rgba(var(--color-background),.92);border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem;padding:.4rem 1rem;opacity:.85;cursor:pointer}.mg-host__open[hidden]{display:none}.mg-host__open:hover{opacity:1}.mg-host__open:focus-visible{opacity:1;outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.mg-express--off{opacity:.4;cursor:not-allowed;pointer-events:none}.mg-express-note{margin-top:.8rem}.mg-express-note[hidden]{display:none}@media screen and (max-width:749px){.mg-monogram input[type=range]{height:2.8rem}.mg-monogram input[type=range]::-webkit-slider-thumb{width:2.6rem;height:2.6rem;margin-top:-1.1rem}.mg-monogram input[type=range]::-moz-range-thumb{width:2.6rem;height:2.6rem}.mg-chk input[type=checkbox]{width:2.1rem;height:2.1rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mg-monogram.css.map */