@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-color: #FFD700;--secondary-color: #333;--background-color: #FFF8E7;--text-color: hsl(0, 0%, 13%);--border-color: #ddd;--error-color: #e74c3c;--success-color: #28A745;--font-family: "Poppins", sans-serif;--border-radius: 8px;--transition: all .3s ease}.personalized-order-form{font-family:var(--font-family);background-color:var(--background-color);padding:2rem;border-radius:12px;max-width:800px;margin:0 auto;box-shadow:0 4px 20px #0000001a;position:relative}.form-container{width:100%}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-size:2rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem;line-height:1.2}.progress-bar{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.progress-indicator{width:30px;height:4px;background-color:var(--border-color);border-radius:2px;transition:background-color .3s ease;position:relative}.progress-indicator.active{background-color:var(--primary-color)}.progress-indicator:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background-color:var(--border-color);transition:var(--transition)}.progress-indicator.active:after{background-color:var(--primary-color)}.progress-labels{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.progress-label{font-size:.75rem;color:#666;width:30px;text-align:center;line-height:1.2}.form-step{display:none;animation:slideIn .5s ease-in-out;min-height:400px}.form-step.active{display:block}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-header{text-align:center;margin-bottom:2rem}.step-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.step-description{color:#666;font-size:1rem;line-height:1.4}.form-fields{display:grid;gap:1.5rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-label{font-weight:500;color:var(--secondary-color);font-size:1rem;margin-bottom:.25rem}.field-label.required:after{content:" *";color:var(--error-color)}.form-input{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:var(--transition);background-color:#fff;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd70033}.form-input:invalid{border-color:var(--error-color)}.radio-icons-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.radio-hidden{position:absolute;opacity:0;pointer-events:none}.radio-icon-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:var(--transition);background-color:#fff;min-width:80px;position:relative;overflow:hidden}.radio-icon-label:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,var(--primary-color) 49%,var(--primary-color) 51%,transparent 52%);opacity:0;transition:opacity .3s ease}.radio-icon-label:hover{background-color:#fffacd;transform:scale(1.05)}.radio-icon-label:hover:before{opacity:.1}.radio-hidden:checked+.radio-icon-label{border-color:var(--primary-color);background-color:#fffacd}.radio-hidden:checked+.radio-icon-label:before{opacity:.2}.icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.number-input-container{display:flex;align-items:center;gap:.5rem;justify-content:center}.number-btn{width:40px;height:40px;border:2px solid var(--primary-color);background-color:#fff;color:var(--primary-color);border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);-webkit-user-select:none;user-select:none}.number-btn:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.1)}.number-btn:active{transform:scale(.95)}.number-input{width:80px;text-align:center;font-weight:600}.color-circle-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.color-radio-hidden{position:absolute;opacity:0;pointer-events:none}.color-circle-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:transform .3s ease;position:relative}.color-circle-label:hover{transform:scale(1.1)}.color-circle{width:50px;height:50px;border-radius:50%;border:3px solid transparent;transition:var(--transition);position:relative;box-shadow:0 2px 8px #0000001a}.color-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background-color:#fffc;transition:var(--transition)}.color-radio-hidden:checked+.color-circle-label .color-circle{border-color:var(--primary-color);box-shadow:0 0 0 2px #ffd7004d,0 4px 12px #00000026}.color-radio-hidden:checked+.color-circle-label .color-circle:after{width:16px;height:16px}.hair-yellow{background:linear-gradient(135deg,#f9e79f,#f4d03f)}.hair-brown{background:linear-gradient(135deg,#8b4513,sienna)}.hair-black{background:linear-gradient(135deg,#2c2c2c,#1a1a1a)}.hair-orange{background:linear-gradient(135deg,#ff8c00,#ff7f00)}.hair-grey{background:linear-gradient(135deg,#a0a0a0,gray)}.hair-style-short{background:linear-gradient(135deg,#87ceeb,#4682b4)}.hair-style-long{background:linear-gradient(135deg,plum,#ba55d3)}.hair-style-curly{background:linear-gradient(135deg,#f4a460,peru)}.hair-style-straight{background:linear-gradient(135deg,#98fb98,#3cb371)}.hair-style-wavy{background:linear-gradient(135deg,#ffb6c1,#ff69b4)}.hair-style-bald{background:linear-gradient(135deg,#e0e0e0,#bdbdbd)}.skin-white{background:linear-gradient(135deg,#fff5f5,#fce4ec)}.skin-tan{background:linear-gradient(135deg,#e8b796,tan)}.skin-nutmeg{background:linear-gradient(135deg,#c68642,#8b4513)}.skin-brown{background:linear-gradient(135deg,#8d5524,#654321)}.skin-black{background:linear-gradient(135deg,#654321,#3e2723)}.eye-brown{background:linear-gradient(135deg,#8b4513,sienna)}.eye-blue{background:linear-gradient(135deg,#4682b4,#1e90ff)}.eye-green{background:linear-gradient(135deg,#228b22,#32cd32)}.eye-hazel{background:linear-gradient(135deg,#8e7618,#b8860b)}.eye-grey{background:linear-gradient(135deg,#708090,#2f4f4f)}.eye-black{background:linear-gradient(135deg,#2c2c2c,#1a1a1a)}.toggle-container{display:flex;align-items:center;justify-content:center}.toggle-input{position:absolute;opacity:0;pointer-events:none}.toggle-label{position:relative;width:60px;height:30px;background-color:var(--border-color);border-radius:15px;cursor:pointer;transition:background-color .3s ease;box-shadow:inset 0 2px 4px #0000001a}.toggle-circle{position:absolute;top:3px;left:3px;width:24px;height:24px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-label{background-color:var(--primary-color)}.toggle-input:checked+.toggle-label .toggle-circle{transform:translate(30px)}.checkbox-container{display:flex;align-items:center;gap:.5rem;justify-content:center}.form-checkbox{width:20px;height:20px;accent-color:var(--primary-color);cursor:pointer}.checkbox-label{font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-multi-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;max-height:200px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff}.checkbox-multi-item{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.checkbox-multi-item:hover{background-color:#f8f9fa}.multi-checkbox{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.multi-checkbox-label{font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}.nav-btn{padding:.75rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.nav-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.nav-btn:hover:before{width:300px;height:300px}.prev-btn{background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color)}.prev-btn:hover{background-color:var(--secondary-color);color:#fff}.next-btn{background-color:var(--primary-color);color:var(--secondary-color)}.next-btn:hover{background-color:#ffc700;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.submit-btn{background-color:var(--success-color);color:#fff}.submit-btn:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.nav-btn.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.nav-btn.loading:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.form-input.error{border-color:var(--error-color);box-shadow:0 0 0 3px #e74c3c33}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-input.success{border-color:var(--success-color);box-shadow:0 0 0 3px #28a74533}@media (max-width: 768px){.personalized-order-form{padding:1rem;margin:1rem}.form-title{font-size:1.5rem}.step-title{font-size:1.25rem}.radio-icons-group{gap:.5rem}.radio-icon-label{padding:.75rem;min-width:70px}.color-circle-group{gap:.75rem}.color-circle{width:40px;height:40px}.checkbox-multi-group{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;max-height:150px}.form-navigation{flex-direction:column;gap:.75rem}.nav-btn{width:100%;justify-content:center}.progress-bar{gap:.25rem}.progress-indicator{width:20px}.progress-labels{gap:.25rem}.progress-label{width:20px;font-size:.6rem}}@media (max-width: 480px){.personalized-order-form{padding:.75rem}.form-title{font-size:1.25rem}.step-title{font-size:1.1rem}.radio-icons-group{flex-direction:column;align-items:center;gap:.75rem}.radio-icon-label{width:100%;max-width:200px}.color-circle-group{justify-content:center;gap:.5rem}.color-circle{width:35px;height:35px}.checkbox-multi-group{grid-template-columns:1fr;max-height:120px}.number-input-container{gap:.75rem}.form-fields{gap:1rem}.field-group{gap:.25rem}}@media print{.personalized-order-form{box-shadow:none;background-color:#fff}.form-navigation{display:none}.form-step{display:block!important;page-break-inside:avoid}.progress-bar{display:none}}@media (prefers-contrast: high){:root{--border-color: #000;--text-color: #000;--background-color: #fff}.form-input{border-width:3px}.color-circle{border-width:4px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/personalized-order-form.css.map */