.field{position:relative;width:100%}.field__input,.field__select,textarea.field__input{display:block;width:100%;height:var(--input-height);padding:0 var(--input-padding-x);font-family:var(--font-body-family);font-size:var(--input-font-size);font-weight:var(--font-body-weight);color:var(--color-black);background:var(--color-white);border:var(--input-border);border-radius:var(--input-radius);outline:none;appearance:none;-webkit-appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field__input::placeholder{color:var(--color-gray-400)}.field__input:focus,.field__select:focus,textarea.field__input:focus{border:var(--input-border-focus);box-shadow:0 0 0 3px #1a19170f}.field__input:disabled,.field__select:disabled{background:var(--color-gray-50);color:var(--color-gray-400);cursor:not-allowed}textarea.field__input{height:auto;min-height:120px;padding-top:var(--space-4);resize:vertical;line-height:var(--line-height-body)}.field__label{position:absolute;top:50%;left:var(--input-padding-x);transform:translateY(-50%);font-size:var(--input-font-size);color:var(--color-gray-400);pointer-events:none;transition:font-size var(--transition-fast),top var(--transition-fast),color var(--transition-fast);background:transparent;padding:0 var(--space-1);line-height:1}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label{top:0;font-size:var(--font-size-xs);color:var(--color-gray-600);background:var(--color-white)}.field__select{cursor:pointer;padding-right:var(--space-10);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='%231A1917' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:10px 6px}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:var(--input-border);border-radius:3px;background:var(--color-white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast)}input[type=radio]{border-radius:50%}input[type=checkbox]:checked{background:var(--color-black);border-color:var(--color-black)}input[type=checkbox]:checked:after{content:"";display:block;width:10px;height:7px;border:1.5px solid var(--color-white);border-top:none;border-right:none;transform:rotate(-45deg) translateY(-1px)}input[type=radio]:checked{border-color:var(--color-black);background:radial-gradient(circle,var(--color-black) 40%,transparent 40%)}.field--error .field__input,.field--error .field__select{border-color:var(--color-error)}.field__error-message{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-2)}.form__message{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.form__message--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(184,84,80,.2)}.form__message--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(74,124,89,.2)}.quantity-wrapper{display:flex;align-items:center;border:var(--input-border);border-radius:var(--input-radius);overflow:hidden;height:var(--input-height);width:fit-content}.quantity-wrapper__btn{width:44px;height:100%;background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-black);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.quantity-wrapper__btn:hover{background:var(--color-gray-50)}.quantity-wrapper__input{width:48px;height:100%;border:none;border-left:var(--border-subtle);border-right:var(--border-subtle);text-align:center;font-size:var(--font-size-base);font-family:var(--font-mono-family);background:none;-moz-appearance:textfield}.quantity-wrapper__input::-webkit-outer-spin-button,.quantity-wrapper__input::-webkit-inner-spin-button{-webkit-appearance:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-forms.css.map */