.icon-placement{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:18px;height:18px;border:none;background:none;cursor:pointer;padding:0;color:#40404080;transition:all .2s ease}.icon-placement:hover{color:var(--neutral-30)}.icon-placement:active{color:#40404080}.icon-placement:disabled{opacity:.3;cursor:not-allowed}.icon-placement:disabled:hover{color:#40404080}.icon-placement .icon{width:100%;height:100%;object-fit:contain;display:block;transition:all .2s ease}@media (min-width: 1200px){.icon-placement{width:24px;height:24px}}.icon-placement svg{width:100%;height:100%;fill:currentColor;transition:all .2s ease}.icon-placement>*{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.input-container{display:flex;flex-direction:column;gap:8px;width:100%}.input-label{font-family:var(--font-family-inter);font-weight:var(--font-weight-medium, 500);font-size:var(--mobile-body-s-size);line-height:var(--mobile-body-s-line-height);color:var(--neutral-30);margin:0}.input-label.disabled{opacity:.4}.input-field{position:relative;box-sizing:border-box;height:42px;padding:8px 12px;background-color:var(--neutral-00);border:1px solid var(--primary-20);border-radius:var(--radius-xl);transition:all .2s ease}.input-field:hover:not(.disabled):not(.focused){border-color:#4040404d;cursor:text}.input-field.clearable{display:flex;align-items:center}.input-field:focus-within,.input-field:focus-within:hover:not(.disabled):not(.focused),.input-field.focused{border-color:var(--neutral-30)}.input-field.error{border-color:var(--error-10)}.input-field.error:hover:not(.disabled):not(.focused){border-color:var(--error-10)}.input-field.disabled{opacity:.6;background-color:var(--neutral-05)}.input-field.disabled:hover:not(.focused){opacity:.6;background-color:var(--neutral-05)}.input{width:100%;height:100%;box-sizing:border-box;margin:0;padding:0;border:none;outline:none;background:transparent;font-family:var(--font-family-inter);font-weight:var(--font-weight-medium);font-size:var(--mobile-body-m-size);line-height:var(--mobile-body-m-line-height);color:var(--neutral-30);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;&[type=number]::-webkit-outer-spin-button,&[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}&[type=number],&[type=number]:hover,&[type=number]:focus{appearance:none;-moz-appearance:textfield}}.input-field.clearable .input{padding-right:40px}.input-clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--neutral-30);opacity:.5;cursor:pointer;transition:all .2s ease;border-radius:4px}.input-clear-button.show{display:flex!important}.input-clear-button:hover{opacity:.8;background-color:var(--neutral-05)}.input-clear-button:active{opacity:1;background-color:var(--neutral-10)}.input::placeholder{color:var(--neutral-30);opacity:.3}.input:disabled{cursor:not-allowed}.input:disabled::placeholder{opacity:.3}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutral-00) inset!important;-webkit-text-fill-color:var(--neutral-30)!important;background-color:var(--neutral-00)!important;transition:background-color 5000s ease-in-out 0s}.input:-webkit-autofill:first-line{font-family:var(--font-family-inter);font-weight:var(--font-weight-medium);font-size:var(--mobile-body-m-size);line-height:var(--mobile-body-m-line-height);color:var(--neutral-30)}.input-helper{font-family:var(--font-family-inter);font-weight:var(--font-weight-regular);font-size:var(--mobile-body-s-size);line-height:var(--mobile-body-s-line-height);color:var(--neutral-30);opacity:.5;margin:0}.input-helper.error{color:var(--error-10);opacity:1}.input-helper.disabled{opacity:.2}@media (min-width: 1200px){.input-container{gap:10px}.input-field{height:48px;padding:11px 15px}.input-label{font-size:var(--desktop-body-s-size);line-height:var(--desktop-body-s-line-height);font-weight:var(--font-weight-medium)}.input{font-size:var(--desktop-body-m-size);line-height:var(--desktop-body-m-line-height-medium);font-weight:var(--font-weight-medium)}.input-field.clearable .input{padding-right:44px}.input-clear-button{right:12px}.input-helper{font-size:var(--desktop-body-s-size);line-height:var(--desktop-body-s-line-height);font-weight:var(--font-weight-regular)}.input:-webkit-autofill:first-line{font-size:var(--desktop-body-m-size);line-height:var(--desktop-body-m-line-height-medium)}}