.form-group{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:var(--spacing-xs);font-family:var(--font-subheading);font-size:.875rem;font-weight:500;color:var(--color-text)}.form-label--required:after{content:" *";color:var(--color-accent)}.form-input{display:block;width:100%;padding:.875rem 1rem;font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;appearance:none}.form-input:hover{border-color:var(--color-text-light)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c41e3a1a}.form-input::placeholder{color:var(--color-text-light);opacity:1}.form-input:disabled{background-color:var(--color-surface);opacity:.6;cursor:not-allowed}.form-input--sm{padding:.625rem .875rem;font-size:.875rem}.form-input--lg{padding:1rem 1.25rem;font-size:1.125rem}.form-input--error{border-color:var(--color-accent)}.form-input--success{border-color:var(--color-success)}.form-error{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.875rem;color:var(--color-accent)}.form-help{display:block;margin-top:.5rem;font-size:.875rem;color:var(--color-text-light)}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem;cursor:pointer}.form-select::-ms-expand{display:none}.form-check{display:flex;align-items:flex-start;gap:.75rem}.form-check__input{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;background-color:var(--color-background);border:1px solid var(--color-border);cursor:pointer;-webkit-appearance:none;appearance:none}.form-check__input[type=checkbox]{border-radius:var(--radius-sm)}.form-check__input[type=radio]{border-radius:50%}.form-check__input:checked{background-color:var(--color-accent);border-color:var(--color-accent)}.form-check__input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}.form-check__input[type=radio]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.form-check__input:focus{outline:none;box-shadow:0 0 0 3px #c41e3a33}.form-check__label{font-size:.9375rem;color:var(--color-text);cursor:pointer}.form-input-group{position:relative}.form-input-group .form-input{padding-left:3rem}.form-input-group__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none}.form-input-group__icon svg{width:1.25rem;height:1.25rem}.form-input-btn{display:flex;gap:0}.form-input-btn .form-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.form-input-btn .btn{border-top-left-radius:0;border-bottom-left-radius:0;white-space:nowrap}@media (max-width: 480px){.form-input-btn{flex-direction:column;gap:var(--spacing-sm)}.form-input-btn .form-input{border-radius:var(--radius-md);border-right:1px solid var(--color-border)}.form-input-btn .btn{border-radius:var(--radius-md)}}.form-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.form-inline .form-group{margin-bottom:0;flex:1;min-width:200px}.form-search{position:relative}.form-search .form-input{padding-left:3rem;padding-right:3rem}.form-search__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none}.form-search__clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;color:var(--color-text-light);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--transition-fast)}.form-search.has-value .form-search__clear{opacity:1;visibility:visible}.form-search__clear:hover{color:var(--color-text)}.form-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}@media (min-width: 768px){.form-card{padding:var(--spacing-xl)}}.form-card__title{font-family:var(--font-subheading);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.newsletter-form{max-width:480px}.newsletter-form .form-input{background:#fff}.newsletter-form__success{display:none;text-align:center;padding:var(--spacing-md)}.newsletter-form__success .icon{color:var(--color-success);margin-bottom:var(--spacing-sm)}.newsletter-form.is-success .form-input-btn{display:none}.newsletter-form.is-success .newsletter-form__success{display:block}.contact-form{max-width:600px}.form-group.is-invalid .form-input{border-color:var(--color-accent)}.form-group.is-valid .form-input{border-color:var(--color-success)}.form-row{display:grid;gap:var(--spacing-md)}@media (min-width: 768px){.form-row--2{grid-template-columns:repeat(2,1fr)}.form-row--3{grid-template-columns:repeat(3,1fr)}}.form-switch{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer}.form-switch__input{position:relative;width:3rem;height:1.5rem;background:var(--color-border);border-radius:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background var(--transition-fast)}.form-switch__input:before{content:"";position:absolute;top:2px;left:2px;width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);background:#fff;border-radius:50%;transition:transform var(--transition-fast)}.form-switch__input:checked{background:var(--color-accent)}.form-switch__input:checked:before{transform:translate(1.5rem)}.form-switch__input:focus{outline:none;box-shadow:0 0 0 3px #c41e3a33}.form-switch__label{font-size:.9375rem;color:var(--color-text)}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-forms.css.map */
