.info{align-items:flex-start;cursor:auto;display:flex;font-size:12px;font-weight:400;justify-content:flex-start;margin-left:5px;position:relative}.info:hover svg{transform:scale(1.1) translateY(-8px)}.info:hover .text{opacity:1;visibility:visible}.info svg{height:20px;transform:translateY(-8px);width:20px}.info .text,.info svg{transition:all .25s ease}.info .text{backdrop-filter:blur(15px);background:rgba(var(--bg),.7);border:1px solid var(--border);border-radius:6px 20px 20px 20px;opacity:0;padding:10px 14px;position:absolute;transform:translate(26px,-6px);visibility:hidden;width:300px;z-index:100}.con-input{display:flex;flex-direction:column;position:relative;width:100%}.con-input.danger .input-bg{display:none!important}.con-input.danger .input-danger:before{width:calc(100% - 4px)}.con-input.danger .input-danger:after{width:100%}.con-input label{display:flex;font-size:14px;padding:10px 0}.con-input input{background:transparent;border:0;border-radius:15px;color:rgba(var(--color),1);height:46px;outline:none;padding:0 15px;transition:all .25s ease;width:100%;z-index:10}.con-input input:focus{padding-left:20px;padding-right:10px}.con-input input:focus~.input-bg:after{width:100%}.con-input .con-input__bg{align-items:center;display:flex;justify-content:center;position:relative}.con-input .input-border{border:1px solid var(--border);border-radius:15px;z-index:0}.con-input .input-bg,.con-input .input-border{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;width:100%}.con-input .input-bg{border-radius:15px;z-index:1}.con-input .input-bg:after{background:linear-gradient(-90deg,rgba(var(--color),0) 10%,rgba(var(--color),1));border-radius:15px;content:"";height:100%;left:0;position:absolute;transition:all .25s ease;width:0}.con-input .input-bg:before{background:rgba(var(--bg),1);border-radius:14px;content:"";height:calc(100% - 4px);position:absolute;width:calc(100% - 4px);z-index:10}.con-input .input-danger{align-items:center;border-radius:15px;display:flex;height:100%;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:2}.con-input .input-danger:after{background:linear-gradient(-90deg,rgba(var(--red),0) 0,rgba(var(--red),1));border-radius:15px;content:"";height:100%;left:0;position:absolute;transition:all .25s ease;width:0}.con-input .input-danger:before{background:rgba(var(--bg),1);background-image:linear-gradient(-90deg,rgba(var(--red),0) 0,rgba(var(--red),.2));border-radius:14px;content:"";height:calc(100% - 4px);left:2px;position:absolute;transition:all .25s ease;width:0;z-index:10}