.form__group{margin-bottom:20px}.form__label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text);margin-bottom:8px}.form__input,.form__select{display:block;width:100%;padding:12px 0;font-size:1rem;color:var(--color-text);background-color:transparent;border:none;border-bottom:1.5px solid var(--color-border);border-radius:0;transition:border-color .3s ease,box-shadow .3s ease;-webkit-appearance:none;appearance:none}.form__textarea{display:block;width:100%;padding:12px 16px;font-size:1rem;color:var(--color-text);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);transition:border-color .3s ease,box-shadow .3s ease;-webkit-appearance:none;appearance:none;min-height:140px;resize:vertical}.form__input:focus,.form__select:focus{outline:none;border-bottom-color:var(--color-primary);box-shadow:0 2px rgba(var(--color-primary-rgb, 0, 0, 0),.15)}.form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 0, 0, 0),.08)}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-muted)}.form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238C8C8C' stroke-width='1.25' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;padding-right:24px}.form__error{color:var(--color-error);font-size:13px;margin-top:6px;border-left:3px solid var(--color-error);padding-left:12px}.form__success{color:var(--color-success);font-size:13px;margin-top:6px;border-left:3px solid var(--color-success);padding-left:12px}.form--inline{display:flex;gap:16px}.form--inline .form__input{flex:1}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:480px){.form__row{grid-template-columns:1fr;gap:0}}.form__checkbox{display:flex;align-items:center;gap:10px;margin-top:16px}.form__checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);border-radius:4px}.form__checkbox label{font-size:.9375rem;color:var(--color-text);cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-form.css.map */