.stylus-customizer{--form-max-width: 800px;--field-gap: 1rem;--section-gap: 3rem;max-width:var(--form-max-width);margin:0 auto;padding:0 1rem}.stylus-customizer__intro{text-align:center;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:1rem}.stylus-customizer__image-wrapper{margin-bottom:var(--section-gap);text-align:center}.stylus-customizer__image{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;content-visibility:auto;contain-intrinsic-size:600px 300px}.stylus-customizer__subtitle{margin-bottom:2rem;text-align:center;position:relative;padding-bottom:1rem;font-size:2.4rem;font-weight:700;color:var(--color-foreground, #1f2937)}.stylus-customizer__subtitle:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--color-accent, #2563eb);border-radius:2px}.stylus-customizer__specifications,.stylus-customizer__contact-info{content-visibility:auto;contain-intrinsic-size:400px 200px;background:var(--color-background, #ffffff)}.stylus-customizer__form-grid{display:grid;gap:var(--field-gap);max-width:var(--form-max-width);margin:0 auto}.stylus-customizer__form-row{display:grid;contain:layout style;padding:1rem 2rem;border:1px solid black}.stylus-customizer__form-row--last{margin-bottom:2rem}.field__help{display:block;margin-top:.5rem;font-size:1.2rem;line-height:1.3;color:var(--color-foreground, #6b7280);opacity:.8}.field .required{color:var(--color-error, #dc2626);margin-left:.25rem;font-size:1.6rem}.stylus-customizer .field{position:relative;width:100%;display:flex;transition:box-shadow var(--duration-short) ease;flex-direction:column}.stylus-customizer .field__label{font-size:1.6rem;color:var(--color-foreground, #374151);margin-bottom:.75rem;display:block;line-height:1.4;position:relative;text-align:left;inset-inline-start:0}.stylus-customizer .field__input{border:1px solid #000;border-radius:0;padding:0 1.5rem;font-size:1.6rem;line-height:1.5;transition:all .2s ease;background-color:var(--color-background, #ffffff);min-height:5rem;width:99%;box-sizing:border-box}.stylus-customizer .field__input:focus{outline:none;border-color:var(--color-accent, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.stylus-customizer .field__input::placeholder{color:#9ca3af;opacity:.8;font-size:1.5rem}.stylus-customizer .text-area.field__input{min-height:10rem;resize:vertical;padding:1.5rem;line-height:1.6}.checkbox-label-group{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.checkbox-label-group input[type=checkbox]{margin-top:.25rem;flex-shrink:0}.checkbox-label-group .first-paragraph{margin:0;line-height:1.5}.second-paragraph{margin-left:2rem;margin-bottom:.5rem;line-height:1.5;font-size:.9em;color:var(--color-foreground, #374151)}.field-help{margin-left:2rem;font-size:.85em;color:#dc2626;font-style:italic}.form-status{padding:1rem;border-radius:.5rem;margin-bottom:2rem}.form-status-list{list-style:none;padding:0;margin:0}.form-status-title{font-weight:400;color:#51a551;font-size:1.6rem;padding-left:.5rem;margin:0}.form-message-link{color:inherit;text-decoration:underline}.form-message-link:hover{text-decoration:none}.form-status:has(.icon-success){background-color:var(--color-success, #dfeedf);color:#51a551;padding:.5rem}.form-status:not(:has(.icon-success)){background-color:var(--color-error, #dc2626);color:#fff}.icon-success:before{content:"\2713";display:inline-block;margin-right:.5rem;font-weight:700}.stylus-customizer__consent{margin-bottom:2rem;padding:1.5rem;background:transparent;border:1px solid rgba(37,99,235,.1);border-radius:0;margin-top:1rem}.stylus-customizer__actions{margin-top:2rem;padding-top:2rem}.button{display:inline-block;text-align:center;transition:all .3s ease;border:2px solid transparent;font-weight:600;line-height:1.2;align-items:center;border:0;padding:1.1em 1.6em;cursor:pointer;font:inherit;font-size:var(--font-button-text-size);text-decoration:none;line-height:1.2em;color:rgb(var(--color-button-text));transition:box-shadow var(--duration-medium) ease,background-position var(--duration-medium) ease-in-out;-webkit-appearance:none;appearance:none;background-color:rgba(var(--color-button),var(--color-button-alpha));letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-case);font-weight:var(--font-button-font-weight);overflow-wrap:anywhere;border-radius:var(--buttons-radius-outset);position:relative}.button--primary{background-image:var(--color-button-gradient, none)}.button--primary:hover:not(:disabled){transform:translateY(-2px)}.stylus-customizer__submit{min-width:200px;background-color:#c0272d;border-radius:0;border:none;color:#fff;font-weight:700;text-transform:uppercase;padding:1.125rem 3rem;cursor:pointer}.stylus-customizer__submit:disabled{background-color:#999;color:#666;cursor:not-allowed;opacity:.6}.stylus-customizer__submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.stylus-customizer__submit:hover:before{left:100%}.stylus-customizer__submit:focus-visible{outline:2px solid var(--color-accent, #2563eb);outline-offset:2px;box-shadow:0 0 0 4px #2563eb1a}.stylus-customizer__submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.stylus-customizer__submit[aria-busy=true]{position:relative;color:transparent}.stylus-customizer__submit[aria-busy=true]:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.stylus-customizer__form-row{grid-template-columns:1fr 1fr}.stylus-customizer__form-row--three-columns{grid-template-columns:1fr 1fr 1fr}.stylus-customizer__form-row--single{grid-template-columns:1fr}.stylus-customizer__subtitle{font-size:2.8rem;line-height:2rem}}@media(min-width:1024px){.stylus-customizer{--section-gap: 4rem}.stylus-customizer__form-row{gap:2rem}.stylus-customizer__form-row--three-columns{gap:1.5rem}.stylus-customizer__submit{min-width:250px;font-size:1.8rem}}@media(max-width:767px){.stylus-customizer{padding:0 .5rem}.stylus-customizer__form-row,.stylus-customizer__form-row--three-columns{grid-template-columns:1fr;gap:1rem}.stylus-customizer__submit{width:100%;max-width:300px;font-size:1.4rem}.field--checkbox{padding:1rem}.field--checkbox .field__label{font-size:1.2rem;line-height:1.4}.stylus-customizer .field__label{font-size:1.4rem}.stylus-customizer .field__input{font-size:1.4rem;min-height:4rem}.stylus-customizer__subtitle{font-size:2rem}}@media(prefers-reduced-motion:reduce){.stylus-customizer__submit{transition:none}.stylus-customizer__submit:hover:not(:disabled){transform:none}.stylus-customizer__submit[aria-busy=true]:after{animation:none}}@media print{.stylus-customizer__actions{display:none}.stylus-customizer__form-grid,.field{break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-stylus-customizer-form.css.map */