.embroidery-customizer{margin:1.5rem 0;font-family:var(--font-body-family);display:none}.embroidery-customizer--visible{display:block}.embroidery-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid rgb(var(--color-border));border-radius:.4rem .4rem 0 0;background-color:rgba(var(--color-base-text),.03)}.embroidery-header__icon{width:2rem;height:2rem;flex-shrink:0;opacity:.6}.embroidery-header__title{font-size:1.4rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;flex-grow:1;margin:0}.embroidery-panel{border:1px solid rgb(var(--color-border));border-top:none;border-radius:0 0 .4rem .4rem;padding:1.5rem}.embroidery-type-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.embroidery-type-btn{flex:1;padding:.75rem 1rem;border:1px solid rgb(var(--color-border));border-radius:.4rem;background:transparent;color:rgb(var(--color-base-text));font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .2s;text-align:center}.embroidery-type-btn:hover{border-color:rgb(var(--color-base-text))}.embroidery-type-btn--active{background-color:rgb(var(--color-base-text));color:rgb(var(--color-base-background-1));border-color:rgb(var(--color-base-text))}.embroidery-text-controls,.embroidery-logo-controls{display:none}.embroidery-text-controls--visible,.embroidery-logo-controls--visible{display:block}.embroidery-field{margin-bottom:1.25rem}.embroidery-field__label{display:block;font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;color:rgb(var(--color-base-text))}.embroidery-text-input{width:100%;padding:.75rem 1rem;border:1px solid rgb(var(--color-border));border-radius:.4rem;font-family:var(--font-body-family);font-size:1.4rem;color:rgb(var(--color-base-text));background:transparent;transition:border-color .2s;box-sizing:border-box}.embroidery-text-input:focus{outline:none;border-color:rgb(var(--color-base-text))}.embroidery-char-count{font-size:1.1rem;color:rgba(var(--color-base-text),.5);text-align:right;margin-top:.25rem}.embroidery-char-count--limit{color:#c00}.embroidery-fonts{display:flex;flex-wrap:wrap;gap:.5rem}.embroidery-font-btn{padding:.5rem 1rem;border:1px solid rgb(var(--color-border));border-radius:.4rem;background:transparent;color:rgb(var(--color-base-text));font-size:1.4rem;cursor:pointer;transition:all .2s;white-space:nowrap}.embroidery-font-btn:hover{border-color:rgb(var(--color-base-text))}.embroidery-font-btn--active{border-color:rgb(var(--color-base-text));background-color:rgb(var(--color-base-text));color:rgb(var(--color-base-background-1))}.embroidery-colors{display:flex;flex-wrap:wrap;gap:.6rem}.embroidery-color-btn{width:2.8rem;height:2.8rem;border-radius:50%;border:2px solid rgb(var(--color-border));cursor:pointer;transition:all .2s;padding:0;position:relative}.embroidery-color-btn:hover{border-color:rgb(var(--color-base-text))}.embroidery-color-btn--active{border-color:rgb(var(--color-base-text));box-shadow:0 0 0 2px rgb(var(--color-base-background-1)),0 0 0 4px rgb(var(--color-base-text))}.embroidery-upload-area{border:2px dashed rgb(var(--color-border));border-radius:.4rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s}.embroidery-upload-area:hover,.embroidery-upload-area--dragover{border-color:rgb(var(--color-base-text));background-color:rgba(var(--color-base-text),.03)}.embroidery-upload-area__icon{width:3rem;height:3rem;margin:0 auto .75rem;opacity:.5}.embroidery-upload-area__text{font-size:1.3rem;color:rgba(var(--color-base-text),.7);margin:0}.embroidery-upload-area__hint{font-size:1.1rem;color:rgba(var(--color-base-text),.4);margin:.25rem 0 0}.embroidery-upload-area--has-file{border-style:solid;border-color:rgb(var(--color-base-text))}.embroidery-logo-preview{display:none;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid rgb(var(--color-border));border-radius:.4rem;margin-bottom:1.25rem}.embroidery-logo-preview--visible{display:flex}.embroidery-logo-preview__img{width:4rem;height:4rem;object-fit:contain;border-radius:.25rem;background:rgba(var(--color-base-text),.05)}.embroidery-logo-preview__name{flex:1;font-size:1.3rem;color:rgb(var(--color-base-text));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embroidery-logo-preview__remove{background:none;border:none;padding:.25rem;cursor:pointer;color:rgba(var(--color-base-text),.5);transition:color .2s}.embroidery-logo-preview__remove:hover{color:rgb(var(--color-base-text))}.embroidery-logo-preview__remove svg{width:1.5rem;height:1.5rem}.embroidery-preview{margin-top:1.5rem;border-radius:.4rem;overflow:hidden;background:rgba(var(--color-base-text),.03)}.embroidery-preview__label{font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--color-base-text),.5);padding:.5rem .75rem}.embroidery-canvas{display:block;width:100%;height:auto;border-radius:0 0 .4rem .4rem}.embroidery-error{font-size:1.2rem;color:#c00;margin-top:.5rem}.embroidery-hidden-inputs{display:none!important}@media screen and (max-width: 749px){.embroidery-panel{padding:1rem}.embroidery-fonts{gap:.4rem}.embroidery-font-btn{padding:.4rem .75rem;font-size:1.3rem}.embroidery-color-btn{width:2.4rem;height:2.4rem}.embroidery-upload-area{padding:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/embroidery-customizer.css.map */