.field{display:flex;width:100%;height:var(--form_field-height);position:relative}select{cursor:pointer}input,textarea,select{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-bold-weight);font-size:var(--font-body-size);line-height:var(--font-body-line-height)}.field__input{box-sizing:border-box;-webkit-appearance:none;appearance:none;padding-left:20px;width:100%;height:var(--form_field-height);background:var(--color-input-background);backface-visibility:hidden;color:var(--color-input-text);border:var(--border-width--input) solid var(--color-input-border);border-radius:var(--radius-input);transition:border var(--duration-medium) ease,background var(--duration-medium) ease}.field__input.field__theme-main-border{border-radius:var(--radius);border:var(--border-width) var(--border-style) var(--color-border)}button.field__input{font-weight:var(--font-body-bold-weight)}.field__input[type=number]{padding-right:15px}@media (max-width: 1024px){.field__input{font-size:16px}}.field .field__input::placeholder{opacity:0}.field__input::-webkit-search-cancel-button{display:none}.field__button{position:absolute;top:0;right:0;padding:2px 15px 0 calc(20px + var(--border-width--input));height:var(--form_field-height);background-color:transparent;cursor:pointer;opacity:0;transition:opacity var(--duration-medium) ease}.field [type=submit] svg path,.field [type=button] svg path{fill:var(--color-input-icon);transition:fill var(--duration-medium) ease,background var(--duration-medium) ease}.field [type=submit]:hover svg path,.field [type=button]:hover svg path{fill:var(--color-input-icon-active)}.field__icon{position:absolute;display:flex;top:50%;transform:translateY(-50%);left:calc(20px + var(--border-width--input));pointer-events:none;opacity:var(--opacity-icons);transition:opacity var(--duration-medium) ease;z-index:1}.field__button svg{width:20px;height:20px}.field__icon svg path{fill:var(--color-input-icon);transition:fill var(--duration-medium) ease,background var(--duration-medium) ease}.field__label{position:absolute;top:50%;transform:translateY(-50%);left:calc(20px + var(--border-width--input));pointer-events:none;color:var(--color-input-text);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--font-body-size);line-height:var(--font-body-line-height);transition:color var(--duration-medium) ease,top .1s ease,font-size .1s ease,transform .1s ease;z-index:1}.search--small{width:224px}.field-with-icon .field__input{padding-left:50px}.field-with-icon .field__label{left:calc(50px + var(--border-width--input))}.field__input:hover~.field__label,.field:hover .field__label{color:var(--color-input-text-active)}.field.active .field__label,.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label{top:calc(50% - 17px);font-size:12px;line-height:130%;transform:translate(0)}textarea.field__input:focus~.field__label,textarea.field__input:not(:placeholder-shown)~.field__label,textarea.field__input:-webkit-autofill~.field__label{top:10px}.field .field__input:focus,.field .field__input:not(:placeholder-shown),.field .field__input:-webkit-autofill{padding-top:16px}.field .field__input.text-area:focus,.field .field__input.text-area:not(:placeholder-shown),.field .field__input.text-area:-webkit-autofill{padding-top:24px}.field .field__input.field__input--no-label{padding-top:0}.field__input:focus~.field__label,.field__input:-webkit-autofill~.field__label{color:var(--color-input-text-active)}.field__input:active,.field__input:focus,.field:hover .field__input,.field__input:not(:focus):hover{color:var(--color-input-text-active);border-color:var(--color-input-border-active);background:var(--color-input-background-active)}.field__input:-webkit-autofill:focus~.field__icon,.field__input:-webkit-autofill:hover~.field__icon,.field__input:-webkit-autofill~.field__icon,.field__input:active~.field__icon,.field__input:focus~.field__icon,.field:hover .field__icon{opacity:1}.field__input:-webkit-autofill:focus~.field__icon svg path,.field__input:-webkit-autofill:hover~.field__icon svg path,.field__input:-webkit-autofill~.field__icon svg path,.field__input:active~.field__icon svg path,.field__input:focus~.field__icon svg path,.field:hover .field__icon svg path{fill:var(--color-input-icon-active)}.field__input:-webkit-autofill:focus~.field__button,.field__input:-webkit-autofill:hover~.field__button,.field__input:-webkit-autofill~.field__button,.field__input:active~.field__button,.field__input:focus~.field__button,.field:hover .field__button{opacity:var(--opacity-icons)}.field:hover .field__button:hover{opacity:1}.field__button__type2{left:0;right:auto;padding-right:0;opacity:var(--opacity-icons)}.field:hover .field__button__type2{opacity:1}.field--text-area{height:auto;overflow:visible}.field--text-area .field__label{top:16px;transform:unset}.field__input.text-area{padding-top:24px;resize:vertical;min-height:120px;height:120px}.field__label--error{color:var(--color-error)}.field__icon--select{left:unset;right:20px}.quantity{width:170px}.quantity .field__input{padding:0!important;text-align:center}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.quantity__button{position:absolute;top:0;padding:2px 13px 0;border:0;outline:unset;background:transparent;cursor:pointer;height:100%;z-index:1}.quantity__button svg{width:20px;height:20px;pointer-events:none}.quantity__button[name=minus]{padding-left:20px;left:0;border-top-left-radius:var(--radius-button);border-bottom-left-radius:var(--radius-button)}.quantity__button[name=plus]{padding-right:20px;right:0;border-top-right-radius:var(--radius-button);border-bottom-right-radius:var(--radius-button)}@media (min-width: 993px){.quantity__button svg{opacity:var(--opacity-icons);transition:opacity var(--duration-medium) var(--animation-bezier)}.quantity__button:hover svg{opacity:1}}.checkbox-input{display:flex;gap:10px;align-items:flex-start;min-height:30px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;word-break:break-word}.checkbox-input>span{margin-top:5px}.checkbox-input input{box-sizing:border-box;padding:0;opacity:0;position:absolute}.checkbox-input input:hover~.checkbox__box{border-color:var(--color-base)}.checkbox-input .checkbox__box{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:var(--border-width--input) solid var(--color-input-border);background:var(--color-input-background);appearance:none;-webkit-appearance:none;border-radius:var(--radius-checkbox);transition:background .15s ease-in-out .1s,border-color .25s ease-in-out .1s}.checkbox-input input:checked~.checkbox__box{background-color:var(--color-base);border-color:var(--color-base);transition:background .15s ease-in-out,border-color .25s ease-in-out}.checkbox-input .checkbox__box svg path{fill:var(--auto-text-color--with-base-color)}.checkbox-input .checkbox__box svg{display:flex;opacity:0;transition:opacity .25s ease}.checkbox-input input:checked~.checkbox__box svg{opacity:1;transition:opacity .25s ease .1s}.newsletter-terms{margin-top:10px}@media (max-width: 992px){.newsletter-terms{margin-top:15px}}.form__message:focus-visible{outline:none}.field__sticky-edges .field:hover{z-index:2}.field__sticky-edges .field:not(:first-child):not(:last-child) .field__input{border-radius:0}.field__sticky-edges .field:first-child:not(:only-child) .field__input{border-bottom-left-radius:0;border-bottom-right-radius:0}.field__sticky-edges .field:last-child:not(:only-child) .field__input{border-top-left-radius:0;border-top-right-radius:0}.field+.field{margin-top:10px}.field__sticky-edges .field+.field{margin-top:calc(var(--border-width--input) * -1)}.field__theme-main-border~.field__button{padding-right:calc(20px + var(--border-width--input))}.field__theme-main-border~.field__icon{left:calc(20px + var(--border-width--input))}.field__theme-main-border~.field__label{left:calc(50px + var(--border-width--input))}.field__theme-main-border~.field-with-icon .field__label{left:calc(50px + var(--border-width--input))}.select__field__button{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-bold-weight);font-size:var(--font-body-size);line-height:var(--font-body-line-height);cursor:pointer;text-align:left;transition:border var(--duration-for-border) var(--animation-bezier),background var(--duration-for-border) var(--animation-bezier),box-shadow var(--duration-for-border) var(--animation-bezier)}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-inputs.css.map */