.designer{display:grid;gap:var(--space-5);padding:var(--space-5);background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--color-cyan) 70%,transparent),color-mix(in srgb,var(--color-magenta) 70%,transparent)) border-box;border:1px solid transparent;border-radius:var(--radius)}.designer__heading{font-size:1.125rem}.designer__preview{position:relative;overflow:hidden;aspect-ratio:2 / 1;background:radial-gradient(80% 80% at 50% 40%,#1d1e23,#0d0e11);border-radius:calc(var(--radius) - 4px)}.designer__canvas{position:absolute;top:50%;left:0;width:100%;aspect-ratio:1;transform:translateY(calc(var(--focus-y, 40) * -1%))}.designer__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.designer__canvas .embroidery{position:absolute;top:0;right:0;bottom:0;left:0}.designer__field{min-width:0;margin:0;padding:0;border:0}.designer__label-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.designer__label{display:block;margin-bottom:var(--space-2);padding:0;font-size:.875rem;font-weight:700}.designer__label-row .designer__label{margin-bottom:0}.designer__count{font-size:.75rem}.designer__selected{color:var(--color-text-muted);font-weight:400}.designer__input{width:100%;min-height:3rem;padding:.625rem .875rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-button);background:#ffffff0a;font-size:1rem;transition:border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.designer__input::placeholder{color:var(--color-text-muted)}.designer__input:focus{border-color:var(--color-cyan);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-cyan) 25%,transparent)}.designer__input[aria-invalid=true]{border-color:#ff6b7a}.designer__error{margin-top:var(--space-2);color:#ff6b7a;font-size:.8125rem}.designer__error[hidden]{display:none}.designer__colors{display:flex;flex-wrap:wrap;gap:.6rem}.designer__swatch{position:relative;display:block;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ffffff4d,inset 0 0 0 2px #00000059;cursor:pointer;transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.designer__swatch:hover{transform:scale(1.08)}input:checked+.designer__swatch{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-cyan),0 0 16px 2px var(--color-cyan-glow)}input:focus-visible+.designer__swatch{outline:2px solid var(--color-text);outline-offset:5px}.designer__fonts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.designer__font{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.5rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-button);font-size:1.25rem;line-height:1.2;text-align:center;cursor:pointer;transition:border-color var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out)}.designer__font:hover{border-color:var(--color-text)}input:checked+.designer__font{border-color:var(--color-cyan);background:color-mix(in srgb,var(--color-cyan) 12%,transparent)}input:focus-visible+.designer__font{outline:2px solid var(--color-cyan);outline-offset:3px}.designer__note{font-size:.75rem}@media(min-width:900px){.designer__preview{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/designer.css.map */