.customization-options{margin-top:2rem;margin-bottom:.5rem;padding:2rem 2rem 2.4rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--inputs-radius, .5rem);background-color:rgba(var(--color-foreground),.02)}.customization-options__header{margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.customization-options__title{font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .2rem;color:rgb(var(--color-foreground))}.customization-options__subtitle{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin:0}.customization-options__field{margin-bottom:1.8rem}.customization-options__field:last-child{margin-bottom:0}.customization-options__label{display:block;margin-bottom:.8rem;font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));letter-spacing:.02em}.customization-options__required{color:rgb(var(--color-error, 176 0 32));margin-left:.2rem;font-weight:600}.customization-options__input,.customization-options__textarea{width:100%;padding:1rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;font-size:1.4rem;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;box-sizing:border-box}.customization-options__input:focus,.customization-options__textarea:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.customization-options__textarea{resize:vertical;min-height:8rem}.customization-options__select-wrapper{position:relative;display:block}.customization-options__select{width:100%;padding:1rem 4rem 1rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;font-size:1.4rem;line-height:1.5;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.customization-options__select:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.customization-options__select-caret{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);pointer-events:none;color:rgb(var(--color-foreground));display:flex;align-items:center}.customization-options__select-caret svg{width:1.2rem;height:.8rem}.customization-options__radio-group{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}.customization-options__radio-label{cursor:pointer;display:inline-flex}.customization-options__radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.customization-options__radio-pill{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:10rem;font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));background:rgb(var(--color-background));transition:background .15s ease,border-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;min-width:6rem;text-align:center}.customization-options__radio-label:hover .customization-options__radio-pill{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.customization-options__radio:checked+.customization-options__radio-pill{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.customization-options__radio:focus-visible+.customization-options__radio-pill{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.customization-options__color-wrapper{display:flex;align-items:center;gap:1.2rem}.customization-options__color-input{width:4.8rem;height:4rem;padding:.3rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .4rem);background:rgb(var(--color-background));cursor:pointer;-webkit-appearance:none;appearance:none}.customization-options__color-input::-webkit-color-swatch-wrapper{padding:0}.customization-options__color-input::-webkit-color-swatch{border:none;border-radius:calc(var(--inputs-radius, .4rem) - .2rem)}.customization-options__color-preview{display:inline-block;width:3.2rem;height:3.2rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);transition:background-color .15s ease}.customization-options__file-zone{border:.15rem dashed rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius, .6rem);padding:1.6rem;background:rgb(var(--color-background));transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;position:relative}.customization-options__file-zone:hover,.customization-options__file-zone--drag{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.02)}.customization-options__file-zone--has-file{border-style:solid;border-color:rgba(var(--color-foreground),.2);background:rgb(var(--color-background))}.customization-options__file-content{display:flex;align-items:center;gap:1.2rem}.customization-options__file-icon{display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.6rem;color:rgba(var(--color-foreground),.6);flex-shrink:0;background:rgba(var(--color-foreground),.03)}.customization-options__file-text{flex:1;min-width:0;line-height:1.25}.customization-options__file-drop-text{font-size:1.3rem;line-height:1.25;color:rgba(var(--color-foreground),.7);display:block}.customization-options__file-status{font-size:1.3rem;font-weight:500;line-height:1.25;color:rgb(var(--color-foreground));display:block}.customization-options__file-btn{flex-shrink:0;padding:.8rem 1.6rem;font-size:1.3rem;font-weight:500;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius, .4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background .15s ease,border-color .15s ease;display:inline-flex;align-items:center;white-space:nowrap}.customization-options__file-btn:hover{background:rgba(var(--color-foreground),.06);border-color:rgb(var(--color-foreground))}.customization-options__file-progress{margin-top:1rem;height:.4rem;background:rgba(var(--color-foreground),.1);border-radius:1rem;overflow:hidden}.customization-options__file-progress-bar{height:100%;width:0%;background:rgb(var(--color-foreground));transition:width .2s ease}.customization-options__file-preview{margin-top:1.4rem;padding:1.2rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:calc(var(--inputs-radius, .6rem) - .1rem);background:rgba(var(--color-foreground),.02);display:flex;align-items:center;gap:1.4rem}.customization-options__file-preview-media{flex-shrink:0}.customization-options__file-preview-img{width:7.2rem;height:7.2rem;border-radius:.5rem;object-fit:cover;border:.1rem solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));display:block}.customization-options__file-preview-name{display:inline-flex;align-items:center;padding:.6rem 1rem;background:rgba(var(--color-foreground),.05);border-radius:.4rem;font-size:1.2rem;font-weight:500}.customization-options__file-preview-info{flex:1;min-width:0}.customization-options__file-preview-link{font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.2rem;transition:opacity .15s ease;display:inline-flex;align-items:center;gap:.4rem}.customization-options__file-preview-link:hover{opacity:.7}.customization-options__file-preview-remove{flex-shrink:0;padding:.6rem 1.2rem;font-size:1.2rem;font-weight:500;color:#b00020;border:.1rem solid rgba(176,0,32,.3);border-radius:.4rem;background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease}.customization-options__file-preview-remove:hover{background:#b0002014;border-color:#b00020}@media screen and (max-width:749px){.customization-options{padding:1.6rem}.customization-options__file-content{flex-direction:column;align-items:flex-start;gap:1rem}.customization-options__file-btn{width:100%;justify-content:center}.customization-options__radio-group{gap:.6rem}.customization-options__file-preview{flex-wrap:wrap}.customization-options__file-preview-remove{margin-left:auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/customization-options.css.map */