@keyframes customCardsPersonalizerMenu{0%{opacity:0;transform:translateY(-.6rem) scale(.98)}to{opacity:1;transform:none}}.custom-cards-personalizer{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:52rem;min-width:0;margin:0 0 1.2rem}.custom-cards-personalizer .preview{--line-color: var(--form-text);display:flex;flex-direction:column;align-items:center;gap:0;padding:.6rem 1.2rem .8rem;border:1px solid var(--form-border);border-radius:1.2rem;background:#fff;text-align:center}.custom-cards-personalizer .eyebrow{align-self:flex-start;margin-bottom:0;font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--form-muted)}.custom-cards-personalizer .preview-line{width:100%;font-family:var(--font-family);font-weight:var(--font-weight);line-height:1.15;letter-spacing:0;color:var(--line-color);overflow-wrap:anywhere;text-wrap:balance;transition:color var(--form-motion),opacity var(--form-motion)}.custom-cards-personalizer .preview-line--greeting{font-size:calc(var(--font-size) * 1.3)}.custom-cards-personalizer .preview-line--line1{font-size:var(--font-size)}.custom-cards-personalizer .preview-line--line2{font-size:calc(var(--font-size) * .8)}.custom-cards-personalizer .preview-line.is-empty{opacity:.3}.custom-cards-personalizer .preview-line.is-uppercase{text-transform:uppercase}.custom-cards-personalizer .settings{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:1.6rem}.custom-cards-personalizer .settings>fieldset{grid-row:1;grid-column:1;min-width:0;margin:0}.custom-cards-personalizer .legend-value{display:inline-block;margin-left:.5rem;font-weight:500;color:rgb(var(--color-foreground))}.custom-cards-personalizer .same-font{position:relative;grid-row:1;grid-column:2;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;margin-top:-.2rem;font-size:1.2rem;line-height:1.3;text-align:right;color:var(--form-text);cursor:pointer;-webkit-user-select:none;user-select:none}.custom-cards-personalizer .same-font input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.custom-cards-personalizer .switch{position:relative;flex-shrink:0;width:4.6rem;height:2.7rem;border-radius:999px;background:var(--form-border);transition:background-color var(--form-motion)}.custom-cards-personalizer .switch:after{content:"";position:absolute;top:.3rem;left:.3rem;width:2.1rem;height:2.1rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.custom-cards-personalizer .same-font input:checked~.switch{background:var(--form-text)}.custom-cards-personalizer .same-font input:checked~.switch:after{transform:translate(1.9rem)}.custom-cards-personalizer .same-font input:focus-visible~.switch{outline:2px solid var(--form-accent);outline-offset:2px}.custom-cards-personalizer .rows{display:flex;flex-direction:column;gap:.8rem}.custom-cards-personalizer .row{display:flex;flex-direction:column;gap:.4rem;min-width:0}.custom-cards-personalizer .row-label{font-size:1.3rem;font-weight:600;line-height:1.3;color:var(--form-label)}.custom-cards-personalizer .optional{margin-left:.6rem;font-weight:400;color:var(--form-placeholder)}.custom-cards-personalizer .combo{position:relative;display:flex;min-width:0;border:1px solid var(--form-border);border-radius:1.2rem;background:#fff;transition:border-color var(--form-motion)}.custom-cards-personalizer .combo:hover{border-color:var(--form-accent)}.custom-cards-personalizer .combo:focus-within{border-color:var(--form-text);box-shadow:0 0 0 1px var(--form-text)}.custom-cards-personalizer .text-input{flex-grow:1;min-width:0;height:4.2rem;padding:0 1.6rem;border:0;border-radius:1.2rem;background:transparent;font-family:inherit;font-size:1.5rem;color:var(--form-text)}.custom-cards-personalizer .text-input::placeholder{color:var(--form-placeholder)}.custom-cards-personalizer .text-input:focus{outline:none;box-shadow:none}.custom-cards-personalizer .font-button{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:.6rem;width:14rem;padding:0 .4rem;border:0;border-left:1px solid var(--form-border);border-radius:0 1.2rem 1.2rem 0;background:transparent;color:var(--form-text);cursor:pointer;transition:background-color var(--form-motion)}.custom-cards-personalizer .font-button:hover,.custom-cards-personalizer .font-button[aria-expanded=true]{background:var(--form-accent-tint)}.custom-cards-personalizer .font-button:focus-visible{outline:2px solid var(--form-accent);outline-offset:-2px}.custom-cards-personalizer .font-button svg{flex-shrink:0;color:var(--form-muted);transition:transform .2s ease}.custom-cards-personalizer .font-button[aria-expanded=true] svg{transform:rotate(180deg)}.custom-cards-personalizer .font-name,.custom-cards-personalizer .font-label{padding:.15em .2em;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:0;transform:translateY(var(--font-shift))}.custom-cards-personalizer .font-name{overflow:hidden;font-size:calc(var(--font-size) * .8);line-height:1.6;white-space:nowrap;text-overflow:ellipsis;width:100%}.custom-cards-personalizer .font-label{max-width:100%;font-size:min(var(--font-size),2.4rem);line-height:1.5;text-align:center}.custom-cards-personalizer .font-menu{position:absolute;z-index:20;top:calc(100% + .6rem);right:-1px;left:-1px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.8rem;border:1px solid var(--form-border);border-radius:1.2rem;background:#fff;box-shadow:0 18px 40px #1b1a1824;animation:customCardsPersonalizerMenu .16s ease both}.custom-cards-personalizer .font-menu[hidden]{display:none}.custom-cards-personalizer .font-option{display:flex;align-items:center;justify-content:center;min-width:0;min-height:5.6rem;padding:.6rem .8rem;overflow:visible;border:1px solid transparent;border-radius:.8rem;background:transparent;color:var(--form-text);cursor:pointer}.custom-cards-personalizer .font-option:hover{background:var(--form-accent-tint)}.custom-cards-personalizer .font-option[aria-selected=true]{border-color:var(--form-text);background:var(--form-accent-tint)}.custom-cards-personalizer .font-option:focus-visible{outline:2px solid var(--form-accent);outline-offset:1px}.custom-cards-personalizer.is-linked .row:not([data-line=greeting]) .font-button,.custom-cards-personalizer.is-linked .row:not([data-line=greeting]) .font-menu{display:none}.custom-cards-personalizer .suggest{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1.2rem}.custom-cards-personalizer .suggest-lead{font-size:1.2rem;color:var(--form-placeholder)}.custom-cards-personalizer .suggestion{min-height:2rem;padding:0;border:0;background:none;font-family:inherit;font-size:1.2rem;font-weight:700;letter-spacing:.02em;color:var(--form-accent);cursor:pointer}.custom-cards-personalizer .suggestion:hover{text-decoration:underline}.custom-cards-personalizer .suggestion[aria-pressed=true]{color:var(--form-text);text-decoration:underline;text-underline-offset:3px}@media screen and (max-width:520px){.custom-cards-personalizer .font-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-cards-personalizer .font-option{padding:.6rem .4rem}.custom-cards-personalizer .font-label{font-size:min(var(--font-size),2.2rem)}}@media screen and (max-width:460px){.custom-cards-personalizer .font-button{width:11.8rem}}@media screen and (max-width:749px){.custom-cards-personalizer{gap:.8rem}.custom-cards-personalizer .preview{padding:.4rem 1rem .6rem}.custom-cards-personalizer .preview-line--greeting{font-size:calc(var(--font-size) * 1.15)}.custom-cards-personalizer .preview-line--line1{font-size:calc(var(--font-size) * .9)}.custom-cards-personalizer .preview-line--line2{font-size:calc(var(--font-size) * .75)}}@media(prefers-reduced-motion:reduce){.custom-cards-personalizer .font-menu{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-cards-personalizer.css.map */