@font-face{font-family:letter-custom-1;src:url(newfontVF.woff) format("woff");font-display:swap}@font-face{font-family:letter-custom-2;src:url(ItaliannoVF.woff) format("woff");font-display:swap}letter-customizer{--letter-custom-color: currentColor;--letter-custom-font-size: 64px;--letter-custom-ornament-offset: 0px;--letter-custom-font-family: "letter-custom-1";display:block;margin-block:20px}letter-customizer[data-current-style=style1]{--letter-custom-font-family: "letter-custom-1"}letter-customizer[data-current-style=style2]{--letter-custom-font-family: "letter-custom-2"}.letter-customizer__heading{margin-block:0 12px;font-size:16px;font-weight:600}.letter-customizer__field{margin-block-end:12px}.letter-customizer__label{display:block;margin-block-end:6px;font-size:14px}.letter-customizer__input{inline-size:100%;min-block-size:44px;padding-block:10px;padding-inline-start:14px;padding-inline-end:60px;border:1px solid var(--color-border, #ccc);font-size:16px;box-sizing:border-box}.letter-customizer__input:focus-visible{outline:2px solid #1a1a1a;outline-offset:1px}.letter-customizer.is-invalid .letter-customizer__input{border-color:var(--color-error, #c0392b)}.letter-customizer__hint{margin-block:6px 0;min-block-size:18px;font-size:13px;color:var(--color-error, #c0392b);margin-bottom:1rem!important}.letter-customizer__styles{display:flex;gap:8px;margin-block-end:16px}.letter-customizer__style-btn{flex:1 1 auto;min-block-size:44px;padding-block:10px;padding-inline:14px;border:1px solid var(--color-border, #ccc);background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.letter-customizer__style-btn[aria-pressed=true]{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.letter-customizer__stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:24px;padding-inline:16px;border:1px solid var(--color-border, #eee);block-size:calc(var(--letter-custom-font-size) * 2 + 48px)}.letter-customizer__preview{font-family:var(--letter-custom-font-family, "letter-custom-1"),cursive;font-size:var(--letter-custom-font-size);line-height:1;color:var(--color-foreground, #2b2b2b);white-space:nowrap;text-align:center}.letter-customizer__ornament{display:flex;justify-content:center;color:var(--letter-custom-color);margin-block-start:calc(-1 * var(--letter-custom-ornament-offset, 0px))}.letter-customizer__ornament svg{display:block}.letter-customizer__delivery{margin-block:12px 0;font-size:14px;color:var(--color-foreground-75, inherit);text-align:center}.letter-customizer__delivery:empty{display:none}.letter-customizer__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-end:6px}.letter-customizer__label-row .letter-customizer__label{margin-block-end:0}.letter-customizer__char-hint{margin-inline-start:6px;font-size:12px;font-weight:400;color:var(--color-foreground-75, #999)}.letter-customizer__guide-trigger{flex:none;padding:0;border:none;background:none;color:inherit;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.letter-customizer__guide-trigger:hover,.letter-customizer__guide-trigger:focus-visible{opacity:.7}.letter-customizer__input-wrap{position:relative}.letter-customizer__counter{position:absolute;inset-inline-end:14px;inset-block-start:50%;transform:translateY(-50%);font-size:14px;color:var(--color-foreground-75, #999);pointer-events:none}.letter-customizer__guide{inline-size:min(90vw,480px);padding:0;border:none;border-radius:16px;background:#fff;color:var(--color-foreground, #2b2b2b);box-shadow:0 12px 40px #0000002e}.letter-customizer__guide::backdrop{background:#0006}.letter-customizer__guide-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;padding-inline:24px;border-block-end:1px solid var(--color-border, #eee)}.letter-customizer__guide-title{margin:0;font-size:16px;font-weight:600}.letter-customizer__guide-close{flex:none;display:inline-flex;align-items:center;justify-content:center;inline-size:32px;block-size:32px;padding:0;border:none;background:none;color:var(--color-foreground-75, #737373);font-size:26px;line-height:1;cursor:pointer}.letter-customizer__guide-close:hover,.letter-customizer__guide-close:focus-visible{color:var(--color-foreground, #2b2b2b)}.letter-customizer__guide-body{padding-block:20px 28px;padding-inline:24px;font-size:14px;line-height:1.6}.letter-customizer__guide-body :where(p){margin:0}@media(prefers-reduced-motion:reduce){.letter-customizer__style-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/650/assets/component-letter-customizer.css.map */