.cx-names{--cx-ring: rgb(var(--color-foreground));--cx-soft: rgba(var(--color-foreground), .04);--cx-line: rgba(var(--color-foreground), .14)}.cx-names .cx-names__stage-wrap{position:relative}.cx-names .cx-names__stage{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:1rem;overflow:hidden;background:linear-gradient(180deg,#f8f6f3,#ebe7e1);border:.1rem solid rgba(0,0,0,.06)}.cx-names .cx-names__stage-art,.cx-names .cx-names__stage-art svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cx-names .cx-names__patch{position:absolute;max-width:none;max-height:none;margin:0;object-fit:fill;pointer-events:none;filter:drop-shadow(0 .1rem .1rem rgba(0,0,0,.18))}.cx-names .cx-names__stage-empty{position:absolute;left:50%;bottom:4%;transform:translate(-50%);padding:.5rem 1.2rem;border-radius:999px;background:#ffffffd9;color:#222;font-size:1.25rem;white-space:nowrap}.cx-names[data-cx-has-name] .cx-names__stage-empty{display:none}.cx-names .cx-names__closeup{display:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;background:var(--cx-body, #1f2d5a);align-items:center;justify-content:center;padding:10%}.cx-names[data-cx-closeup-on][data-cx-has-name] .cx-names__closeup{display:flex}.cx-names .cx-names__closeup img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.cx-names .cx-names__zoom{position:absolute;top:1rem;right:1rem;padding:.5rem 1.2rem;border:none;border-radius:999px;background:#ffffffeb;color:#1a1a1a;font-size:1.2rem;font-weight:600;cursor:pointer;box-shadow:0 .2rem .8rem #0000001f}.cx-names:not([data-cx-has-name]) .cx-names__zoom{display:none}.cx-names .cx-names__obj-row{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:-.4rem}.cx-names .cx-names__obj-label{font-size:1.2rem;opacity:.7}.cx-names .cx-names__obj-swatches{display:flex;gap:.8rem}.cx-names .cx-names__obj-swatch{width:2.4rem;height:2.4rem;padding:0;border-radius:50%;border:.1rem solid rgba(0,0,0,.18);cursor:pointer}.cx-names .cx-names__obj-swatch[aria-pressed=true]{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem var(--cx-ring)}.cx-names .cx-names__check{margin:0;font-size:1.2rem;font-weight:600;text-align:center}.cx-names .cx-names__warn{margin:0;padding:.8rem 1.2rem;border-radius:.8rem;background:#ffaa0024;border:.1rem solid rgba(255,170,0,.45);font-size:1.25rem;line-height:1.4}.cx-names .cx-names__step{display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem;border-radius:1rem;background:rgba(var(--color-foreground),.035);border:.1rem solid rgba(var(--color-foreground),.08)}.cx-names .cx-names__step[hidden]{display:none}.cx-names .cx-names__step-heading{margin:0;font-size:1.5rem;line-height:1.3;font-weight:700}.cx-names .cx-names__optional{font-weight:400;opacity:.65}.cx-names .cx-names__group{display:flex;flex-direction:column;gap:.8rem;margin:0;padding:0;border:0;min-width:0}.cx-names .cx-names__label{font-size:1.3rem;font-weight:600;padding:0}.cx-names .cx-names__sublabel{font-size:1.15rem;opacity:.65;margin-top:.2rem}.cx-names .cx-names__hint{margin:-.4rem 0 0;font-size:1.2rem;opacity:.65}.cx-names .cx-names__hint--warn{opacity:1;color:#b45309}.cx-names .cx-names__name-wrap{position:relative}.cx-names .cx-names__input{width:100%;height:4.8rem;padding:0 5.6rem 0 1.6rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.6rem;font-family:inherit;box-sizing:border-box}.cx-names .cx-names__input--small{padding-right:1.6rem}.cx-names .cx-names__input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.cx-names .cx-names__count{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.55;pointer-events:none}.cx-names .cx-names__fonts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.cx-names .cx-names__font{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:0;height:7rem;padding:.6rem .8rem;border:.1rem solid var(--cx-line);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;overflow:hidden}.cx-names .cx-names__font[aria-pressed=true]{border-color:var(--cx-ring);box-shadow:inset 0 0 0 .1rem var(--cx-ring)}.cx-names .cx-names__font-sample{display:block;white-space:nowrap;line-height:1.25;font-size:2.2rem}.cx-names .cx-names__font-name{font-size:1.05rem;opacity:.55;white-space:nowrap}.cx-names .cx-names__swatches{display:flex;flex-wrap:wrap;gap:.9rem}.cx-names .cx-names__swatch{width:3.2rem;height:3.2rem;padding:0;border-radius:50%;border:.1rem solid rgba(0,0,0,.15);cursor:pointer}.cx-names .cx-names__swatch--light{border-color:#0000004d}.cx-names .cx-names__swatch[aria-pressed=true]{box-shadow:0 0 0 .25rem rgb(var(--color-background)),0 0 0 .45rem var(--cx-ring)}.cx-names .cx-names__pills{display:flex;gap:.8rem;flex-wrap:wrap}.cx-names .cx-names__pills input{position:absolute;opacity:0;width:1px;height:1px}.cx-names .cx-names__pills label{display:inline-flex;align-items:center;height:3.8rem;padding:0 1.8rem;border:.1rem solid var(--cx-line);border-radius:999px;font-size:1.4rem;cursor:pointer}.cx-names .cx-names__pills input:checked+label{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.cx-names .cx-names__pills input:focus-visible+label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.cx-names .cx-names__tip{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1.25rem}.cx-names .cx-names__tip[hidden]{display:none}.cx-names .cx-names__chip{padding:.5rem 1.4rem;border:none;border-radius:999px;background:linear-gradient(135deg,#ff8a3d,#ff5f6d);color:#fff;font-size:1.25rem;font-weight:600;cursor:pointer;box-shadow:0 .3rem 1rem #ff5f6d4d}.cx-names .cx-names__icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr));gap:.8rem}.cx-names .cx-names__icon{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:.6rem;border:.1rem solid rgba(0,0,0,.12);border-radius:.8rem;background:#fff;cursor:pointer}.cx-names .cx-names__icon canvas{width:100%;height:auto;max-width:4.4rem}.cx-names .cx-names__icon-none{font-size:1.2rem;color:#333}.cx-names .cx-names__icon[aria-pressed=true]{border-color:var(--cx-ring);box-shadow:0 0 0 .2rem var(--cx-ring)}.cx-names .cx-names__save,.cx-names .cx-names__pick{display:inline-block;margin-left:.4rem;padding:.1rem .6rem;border-radius:999px;background:#16a34a;color:#fff;font-size:1.05rem;font-weight:700;line-height:1.5}.cx-names .cx-names__pick{background:rgba(var(--color-foreground),.12);color:inherit;font-weight:600}.cx-names .cx-names__pack-info{padding:1.2rem 1.4rem;border-radius:.8rem;background:#16a34a14;border:.1rem solid rgba(22,163,74,.35);font-size:1.3rem;line-height:1.45}.cx-names .cx-names__pack-info[hidden],.cx-names [data-cx-singles][hidden]{display:none}.cx-names .cx-names__pack-info p{margin:0}.cx-names .cx-names__custom-size{margin-top:1.2rem}.cx-names .cx-names__price{margin:0}.cx-names .cx-names__price-note{margin:-.8rem 0 0;font-size:1.25rem;font-weight:600;color:#15803d}.cx-names .cx-names__added{margin:0;font-size:1.25rem;font-weight:600;text-align:center}@media screen and (min-width:990px){.cx-names .cx-names__fonts{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/cx-names.css.map */