.form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-2)}@media screen and (min-width: 750px){.form-row--double{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.form-row--double{gap:calc(var(--spacing-2) + var(--spacing-05))}}.form-row+.form-row{margin-top:var(--spacing-2)}@media screen and (min-width: 990px){.form-row+.form-row{margin-top:calc(var(--spacing-2) + var(--spacing-05))}}.form-row--actions{margin-top:var(--spacing-5)}@media screen and (min-width: 990px){.form-row--actions{display:flex;justify-content:flex-end}}.form-success svg{color:var(--color-green-200)}.form-success{display:flex;align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.field{position:relative}.field__label{display:block;cursor:pointer;margin-bottom:var(--spacing-05);color:var(--color-neutral-700)}.field--required .field__label span:after{content:" *";color:var(--color-red-100)}.field__input{font:inherit;color:var(--color-neutral-700);background-color:var(--color-neutral-100);width:100%;height:calc(var(--spacing-5) + var(--spacing-05));padding:0 1.5rem;border:.1rem solid var(--color-neutral-300);outline:.1rem solid transparent;border-radius:var(--radius-2);-webkit-appearance:none;appearance:none;transition:border-color var(--duration-default),box-shadow var(--duration-default),color var(--duration-default),outline-color var(--duration-default)}.field__input-wrapper{position:relative}.field__input-wrapper svg{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;transition:color var(--duration-default)}.field__input-wrapper svg:first-of-type{left:1.5rem}.field__input-wrapper svg:last-of-type{right:1.5rem}.field--has-icon-left .field__input{padding-left:4rem}.field--has-icon-right .field__input{padding-right:4rem}.field__input:focus-visible,.field__input:hover{box-shadow:0 .2rem .4rem #1b1c1d0a}.field__input:focus-visible{outline-color:color-mix(in srgb,var(--color-brand) 10%,transparent);border-color:var(--color-primary-300)}.field__input::placeholder{color:var(--color-neutral-500);transition:color var(--duration-default)}.field__input-wrapper svg{color:var(--color-neutral-500)}.field__input:hover::placeholder,.field__input:focus-within::placeholder{color:var(--color-neutral-600)}.field__input-wrapper:hover svg,.field__input-wrapper:focus-within svg{color:var(--color-neutral-600)}.field__input-wrapper:has(input:not(:placeholder-shown)) svg:first-of-type{color:var(--color-neutral-700)}.field__input:disabled,.field__input[disabled]{pointer-events:none;color:var(--color-neutral-400);border-color:var(--color-neutral-200)}.field__input:disabled::placeholder{color:var(--color-neutral-400)}.field--has-error .field__input{border-color:var(--color-red-100);outline-color:var(--color-red-10);color:var(--color-red-200)}.field--has-error svg:first-of-type{color:var(--color-red)}.field--has-error .field__input::placeholder{color:var(--color-red-200)}.field--textarea .field__input{height:auto;min-height:calc(var(--spacing-8) + var(--spacing-5));padding:calc(var(--spacing-1) + var(--spacing-05));resize:vertical}.field__error{color:var(--color-red);margin:var(--spacing-075) 0 0}.checkbox{display:inline-flex;align-items:center}.checkbox input{position:relative;border:.1rem solid var(--color-paragraphs);margin:0;padding:0;width:var(--spacing-2);height:var(--spacing-2);background:var(--color-background-secondary);appearance:none;-webkit-appearance:none}.checkbox input:before{content:"";position:absolute;top:50%;left:50%;height:.3rem;width:.7rem;margin-top:-.1rem;border:solid var(--color-background-secondary);border-width:.1rem .1rem 0 0;transform:translate(-50%,-50%) rotate(135deg);opacity:0;visibility:hidden}.checkbox input+label{width:calc(100% - 2rem);padding-left:1rem}.checkbox input:checked{border-color:var(--color-paragraphs);background-color:var(--color-background-primary)}.checkbox input:checked:before{opacity:1;visibility:visible}.radio input{-webkit-appearance:none;appearance:none;position:absolute}.radio input:focus{outline:none}.radio label{display:inline-flex;gap:.5rem;align-items:center;position:relative}.radio label:before{content:"";width:1.6rem;height:1.6rem;border:.1rem solid currentColor;background-color:var(--color-background-body);border-radius:50%;transition:background-color var(--duration-short) ease;box-shadow:inset 0 0 0 .3rem var(--color-background-body)}.radio input:checked~label:before{background-color:currentColor}.radio input:focus-visible~label:before{outline:.2rem solid currentColor;outline-offset:.3rem}select{background:none;color:inherit;cursor:pointer}.select-input__label{display:block;cursor:pointer;margin:0 0 .5rem}.select-input__wrapper{position:relative}.select-input__wrapper svg{position:absolute;top:50%;right:0;z-index:1;transform:translateY(-50%);pointer-events:none}.select-input__el{font:inherit;width:100%;height:5rem;padding-right:2rem;border:none;border-radius:0;-webkit-appearance:none;appearance:none}.select-input--bordered .select-input__el{padding:0 4rem 0 2rem;border:.1rem solid var(--color-background-primary)}.select-input--bordered .select-input__wrapper svg{right:1rem}.select-input--inline{display:flex;flex-flow:row wrap;align-items:center}.select-input--inline .select-input__label{margin:0 1rem 0 0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-form-elements.css.map */