.custom-engraving-form{margin:2rem 0}.product__personalization{padding:0}.product__personalization-header{margin-bottom:1.5rem}.product__personalization-title{margin:0 0 .5rem;font-size:calc(var(--font-heading-scale) * 1.6rem);line-height:calc(1 + .3 / var(--font-body-scale));letter-spacing:calc(var(--font-heading-scale) * .06rem);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);color:rgb(var(--color-foreground))}.engraving-type-tabs{display:flex;gap:0;margin-bottom:2rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius);overflow:hidden}.engraving-tab{flex:1;padding:1rem 1.5rem;background:rgba(var(--color-foreground),.02);border:none;border-right:.1rem solid rgba(var(--color-foreground),.1);cursor:pointer;transition:all .2s ease;font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:.04rem;font-family:var(--font-body-family);color:rgba(var(--color-foreground),.7)}.engraving-tab:last-child{border-right:none}.engraving-tab:hover{background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground))}.engraving-tab.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.engraving-panel{display:none;animation:fadeIn .3s ease}.engraving-panel.active{display:block}.text-input-section,.file-upload-section{display:grid;gap:2rem}.form-label{display:block;margin-bottom:.5rem;font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:.04rem;color:rgb(var(--color-foreground));font-weight:var(--font-body-weight)}.engraving-text-input{width:100%;padding:1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);font-family:var(--font-body-family);font-size:1.4rem;line-height:calc(1 + .6 / var(--font-body-scale));color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));resize:vertical;transition:border-color .2s ease}.engraving-text-input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.1)}.character-count{margin-top:.5rem;font-size:1.2rem;color:rgba(var(--color-foreground),.6);text-align:right}.font-selector{width:100%;padding:1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);font-family:var(--font-body-family);font-size:1.4rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));cursor:pointer}.font-selector:focus{outline:none;border-color:rgb(var(--color-foreground))}.size-options,.complexity-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:.5rem}.size-option,.complexity-option{position:relative;display:block;cursor:pointer}.size-radio,.complexity-radio{position:absolute;opacity:0;width:0;height:0}.size-label,.complexity-label{display:block;padding:1.2rem;text-align:center;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);transition:all .2s ease;background:rgb(var(--color-background));font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale));color:rgb(var(--color-foreground))}.size-label small,.complexity-label small{display:block;margin-top:.5rem;font-size:1.1rem;color:rgba(var(--color-foreground),.6)}.size-radio:checked+.size-label,.complexity-radio:checked+.complexity-label{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.size-option:hover .size-label,.complexity-option:hover .complexity-label{border-color:rgba(var(--color-foreground),.5)}.upload-zone{border:.2rem dashed rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);padding:3rem 2rem;text-align:center;transition:all .2s ease;cursor:pointer;background:rgba(var(--color-foreground),.02)}.upload-zone:hover,.upload-zone.dragover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.upload-content h4{margin:1rem 0 .5rem;font-size:calc(var(--font-heading-scale) * 1.4rem);color:rgb(var(--color-foreground))}.file-requirements{margin:1rem 0;font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.upload-button{--color-button: var(--color-base-outline-button-labels);--color-button-text: var(--color-base-outline-button-labels);--alpha-button-background: 0;--alpha-button-border: .1;display:inline-flex;justify-content:center;align-items:center;font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:.04rem;font-family:var(--font-body-family);text-decoration:none;text-align:center;vertical-align:middle;cursor:pointer;border:.1rem solid rgba(var(--color-button),var(--alpha-button-border));background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));min-width:12rem;min-height:4.5rem;padding:1.2rem 2.4rem;border-radius:var(--buttons-radius);box-shadow:var(--buttons-shadow-opacity) var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) rgba(var(--color-shadow),var(--buttons-shadow-opacity));transition:box-shadow var(--duration-short) ease}.upload-button:hover{--alpha-button-background: .1;box-shadow:var(--buttons-shadow-opacity) var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) rgba(var(--color-shadow),var(--buttons-shadow-opacity)),var(--buttons-shadow-opacity) var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) rgba(var(--color-shadow),var(--buttons-shadow-opacity))}.upload-preview{border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);padding:1.5rem;background:rgba(var(--color-foreground),.02)}.upload-preview.hidden{display:none}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-header h4{margin:0;font-size:calc(var(--font-heading-scale) * 1.4rem);color:rgb(var(--color-foreground))}.btn-remove{background:none;border:.1rem solid rgba(var(--color-foreground),.2);color:rgba(var(--color-foreground),.7);padding:.8rem 1.2rem;border-radius:var(--inputs-radius);cursor:pointer;font-size:1.2rem;transition:all .2s ease}.btn-remove:hover{border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.no-engraving-message{text-align:center;padding:3rem 2rem;color:rgba(var(--color-foreground),.7);background:rgba(var(--color-foreground),.02);border-radius:var(--inputs-radius)}.design-preview-section{margin-top:2rem;padding-top:2rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.preview-title{margin:0 0 1rem;font-size:calc(var(--font-heading-scale) * 1.4rem);color:rgb(var(--color-foreground));text-align:center}.preview-container{background:rgba(var(--color-foreground),.02);border-radius:var(--inputs-radius);padding:2rem;text-align:center}.product-preview{position:relative;max-width:400px;margin:0 auto;background:rgb(var(--color-background));border-radius:var(--inputs-radius);padding:2rem;box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.1)}.preview-placeholder{color:rgba(var(--color-foreground),.5);font-style:italic;font-size:1.3rem}@media screen and (max-width: 749px){.custom-engraving-form{margin:1.5rem 0}.engraving-type-tabs{flex-direction:column;gap:0}.engraving-tab{border-right:none;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.engraving-tab:last-child{border-bottom:none}.size-options,.complexity-options{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.loading{opacity:.6;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-engraving-form.css.map */