.G_Input{align-items:center;background-color:#0c0e144d;border:1px solid #2e394f;border-radius:8px;cursor:text;display:flex;height:44px;position:relative;transition:.3s;width:100%}.G_Input.error{animation:shakeError .5s}@keyframes shakeError{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.G_Input .input_area,.G_Input .parser{-moz-appearance:textfield;color:#fff;display:flex;font-size:15px;font-weight:500;height:100%;line-height:13px;padding-bottom:2px;padding-left:15px;padding-right:40px;transition:.3s;width:100%}.G_Input .input_area::-webkit-inner-spin-button,.G_Input .input_area::-webkit-outer-spin-button,.G_Input .parser::-webkit-inner-spin-button,.G_Input .parser::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.G_Input .input_area::-moz-placeholder,.G_Input .parser::-moz-placeholder{color:#2e394f;font-size:15px;font-weight:500;line-height:13px;-moz-transition:.3s;transition:.3s}.G_Input .input_area::placeholder,.G_Input .parser::placeholder{color:#2e394f;font-size:15px;font-weight:500;line-height:13px;transition:.3s}.G_Input .input_area:-webkit-autofill,.G_Input .parser:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-background-clip:text}.G_Input .input_area{opacity:0}.G_Input .icon{background-color:#606d87;height:16px;left:14px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;min-width:16px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.G_Input .icon.image{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain}.G_Input .icon+.parser,.G_Input .icon+.parser+.input_area{padding-left:38px}.G_Input .parser{left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.G_Input .parser.hide{opacity:0}.G_Input .parser.hide+.input_area{opacity:1}.G_Input .close{cursor:pointer;height:10px;position:absolute;right:15px;top:16px;transition:.3s;width:10px;z-index:2}.G_Input .close.hide{opacity:0;pointer-events:none}.G_Input .close:after,.G_Input .close:before{background-color:#606d87;border-radius:3px;content:"";display:flex;height:1px;left:50%;position:absolute;top:50%;transition:.3s;width:14px}.G_Input .close:after{transform:translate(-50%,-50%) rotate(-45deg)}.G_Input .close:before{transform:translate(-50%,-50%) rotate(45deg)}.G_Input .close:hover:after,.G_Input .close:hover:before{background-color:#31bbff}.G_Input.not_close .close{display:none}.G_Input.lock input.parser{pointer-events:all;z-index:2}.G_Input.focus,.G_Input.hover,.G_Input:hover:not(.lock){background-color:#0c0e1499}.G_Input.focus .input_area{opacity:1}.G_Input.focus .parser{opacity:0}.G_Input.focus,.G_Input.focus:not(.lock){background-color:#0c0e1499;border:1px solid #31bbff}.G_Input.focus .input_area::-moz-placeholder,.G_Input.focus:not(.lock) .input_area::-moz-placeholder{color:#606d8740}.G_Input.focus .input_area::placeholder,.G_Input.focus:not(.lock) .input_area::placeholder{color:#606d8740}.G_Input.event.focus{background-color:#0c0e1499;border:1px solid rgb(var(--event_main))}.G_Input.event.focus .input_area::-moz-placeholder{color:#606d8740}.G_Input.event.focus .input_area::placeholder{color:#606d8740}.G_Input.max{width:250px}.G_Input.big{height:52px}.G_Input.big .close{top:20px}.G_Input.block{opacity:.6;pointer-events:none}
