.name-patch-builder{display:block;margin:0 0 2rem;border:1px solid #ddd;border-radius:1.4rem;overflow:hidden;background:#fff;color:#111}.name-patch-builder__heading{padding:2rem;background:#111;color:#fff}.name-patch-builder__heading p{margin:0 0 .4rem;color:#ef233c;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.name-patch-builder__heading h2{margin:0;font-size:2.5rem;text-transform:uppercase;font-style:italic}.name-patch-builder__heading span{display:block;margin-top:.7rem;color:#ddd}.name-patch-step{display:grid;grid-template-columns:4rem 1fr;gap:1.2rem;padding:1.8rem;border-top:1px solid #e7e7e7}.name-patch-step__number{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:#d71920;color:#fff;font-weight:900}.name-patch-step__body h3{margin:.35rem 0 1.2rem;font-size:1.7rem;text-transform:uppercase}.name-patch-step__body h3 small,.name-patch-field small{color:#777;font-weight:500;text-transform:none}.name-patch-upload{position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem;border:2px dashed #bbb;border-radius:1rem;text-align:center;cursor:pointer;background:#fafafa}.name-patch-upload:hover{border-color:#d71920}.name-patch-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.name-patch-upload__icon{font-size:2.5rem;color:#d71920}.name-patch-upload small,.name-patch-help{color:#666}.name-patch-link{margin-top:.7rem;border:0;background:none;color:#d71920;font-weight:800;cursor:pointer}.name-patch-choices{display:flex;flex-wrap:wrap;gap:.7rem}.name-patch-choices label,.name-patch-widths label{cursor:pointer}.name-patch-choices input,.name-font input{position:absolute;opacity:0}.name-patch-choices span{display:block;padding:.9rem 1.2rem;border:1px solid #bbb;border-radius:.7rem;font-weight:750}.name-patch-choices input:checked+span{border-color:#d71920;background:#d71920;color:#fff}.name-patch-price{display:flex;justify-content:space-between;margin-top:1rem;padding:1rem;border-radius:.7rem;background:#f2f2f2}.name-patch-price strong{color:#d71920;font-size:1.7rem}.name-font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.name-font span{display:flex;flex-direction:column;padding:1rem;border:1px solid #ccc;border-radius:.8rem;cursor:pointer}.name-font input:checked+span{border:2px solid #d71920;background:#fff7f7}.name-font b{font-size:1.6rem}.name-font small{margin-top:.25rem;color:#666}.name-font--1 b,.name-font--3 b{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase}.name-font--2 b{font-family:Arial Black,sans-serif}.name-font--4 b{font-family:Arial,sans-serif}.name-font--5 b{font-family:Georgia,serif}.name-font--6 b{font-family:cursive}.name-patch-field{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem;font-weight:750}.name-patch-field input[type="text"],.name-patch-field input[type="number"],.name-patch-field textarea,.name-row input{padding:1rem;border:1px solid #bbb;border-radius:.7rem;font:inherit}.name-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.2rem}.name-color-grid input[type="color"]{width:100%;height:4.2rem;border:1px solid #bbb;border-radius:.7rem;background:#fff}.name-count-field{max-width:24rem}.name-allocation-status{margin:1.2rem 0;padding:1rem;border-radius:.8rem;background:#f4f4f4}.name-allocation-status{display:grid;grid-template-columns:1fr auto;gap:.5rem}.name-allocation-status>div{grid-column:1/-1;height:.7rem;border-radius:1rem;background:#ddd;overflow:hidden}.name-allocation-status i{display:block;width:0;height:100%;background:#d71920;transition:width .2s}.name-rows{display:grid;gap:.7rem}.name-row{display:grid;grid-template-columns:3rem 1fr 10rem;gap:.8rem;align-items:end;padding:1rem;border:1px solid #ddd;border-radius:.8rem}.name-row>span{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#111;color:#fff;font-weight:800}.name-row label{display:flex;flex-direction:column;gap:.3rem;font-weight:700}.name-patch-error{margin-top:1rem;padding:1rem;border-radius:.7rem;background:#fff0f0;color:#b00020;font-weight:750}.name-patch-proof{margin:0;padding:1rem;border-left:4px solid #d71920;background:#f6f6f6;font-weight:700}@media(max-width:749px){.name-patch-step{grid-template-columns:3rem 1fr;padding:1.3rem;gap:.7rem}.name-font-grid,.name-color-grid{grid-template-columns:1fr}.name-row{grid-template-columns:2.5rem 1fr}.name-row label:last-of-type{grid-column:2}.name-patch-builder__heading h2{font-size:2rem}}
.name-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.name-color-card{display:grid;grid-template-rows:minmax(4.4rem,auto) 5rem auto;gap:.65rem;height:100%;padding:1rem;border:1px solid #d5d5d5;border-radius:.9rem;background:#fafafa;font-weight:800}.name-color-card>span{display:flex;align-items:flex-start;line-height:1.3}.name-color-card input[type="color"]{display:block;width:100%;height:5rem;padding:.25rem;border:1px solid #aaa;border-radius:.7rem;background:#fff;cursor:pointer}.name-color-card code{display:block;padding:.55rem .7rem;border-radius:.5rem;background:#111;color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.25rem;line-height:1;text-align:center;letter-spacing:.06em}@media(max-width:749px){.name-color-card{grid-template-rows:auto 4.8rem auto}}
.name-patch-builder{padding:2.2rem;border-color:#dedede;border-radius:1.6rem;background:#fff;box-shadow:0 8px 28px rgba(20,20,20,.04)}.name-patch-builder__heading{padding:0 0 1.6rem;background:transparent;color:#171717}.name-patch-builder__heading p{margin:0 0 .45rem;color:#929292;font-size:1.1rem;font-weight:650;letter-spacing:.16em}.name-patch-builder__heading h2{font-size:2.35rem;font-weight:500;font-style:normal;text-transform:none;letter-spacing:0}.name-patch-builder__heading span{max-width:52rem;margin-top:.65rem;color:#686868;font-size:1.35rem;line-height:1.55}.name-patch-step{display:block;margin-top:1.2rem;padding:1.6rem;border:1px solid #dfdfdf;border-radius:1.2rem;background:#fafafa}.name-patch-step__number{display:none}.name-patch-step__body h3{margin:0 0 1.2rem;font-size:1.55rem;font-weight:650;line-height:1.35;text-transform:none;letter-spacing:0}.name-patch-step__body h3 small,.name-patch-field small{font-weight:400}.name-patch-upload strong,.name-patch-field,.name-row label,.name-color-card{font-weight:600}.name-patch-choices span{font-weight:600}.name-patch-price strong{font-weight:650}.name-font b{font-weight:600}.name-patch-error,.name-patch-proof{font-weight:600}.name-color-card{background:#fff}.name-color-card>span{font-weight:600}@media(max-width:749px){.name-patch-builder{padding:1.2rem;border-radius:1.2rem}.name-patch-builder__heading h2{font-size:2rem}.name-patch-step{display:block;padding:1.25rem}.name-patch-step__body h3{font-size:1.45rem}}
.name-patch-error{background:#eef8f0;color:#287a3d;font-weight:400}
.name-patch-step__body .name-patch-colors-heading{font-weight:400}
.name-upload-progress{overflow:hidden;margin-top:1rem;padding:1.3rem;border-radius:1.2rem;background:#fff8e8;color:#38260a}.name-upload-progress__track{position:relative;height:6rem;margin-bottom:.8rem;border-bottom:.2rem solid rgba(56,38,10,.18)}.name-upload-progress__bar{position:absolute;bottom:-.2rem;left:0;width:0;height:.25rem;border-radius:999px;background:#d79518;transition:width .12s linear}.name-upload-progress__cheetah{position:absolute;z-index:1;bottom:.1rem;left:0;width:10rem;height:auto;object-fit:contain;transform:translateX(-15%) translateY(6%);transition:left .12s linear;animation:name-cheetah-gallop .35s ease-in-out infinite alternate}.name-upload-progress__meta{display:flex;justify-content:space-between;gap:1rem;font-size:1.25rem}.name-upload-progress small{display:block;margin-top:.35rem;opacity:.65}@keyframes name-cheetah-gallop{to{transform:translateX(-15%) translateY(-2%) rotate(-1deg)}}@media(max-width:749px){.name-upload-progress__cheetah{width:8rem}}