.attention-component{width:80%;padding:20px;max-width:400px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10000}.attention-component *{margin:0;padding:0;box-sizing:border-box}.attention-component .inner{border-radius:5px;overflow:hidden;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.16),0 1px 3px rgba(0,0,0,0.13)}.attention-component .inner-container{padding:20px;background-color: var(--theme);color: var(--theme-reverse);}.attention-component .head{padding: 10px 40px 10px 20px;height: 45px;background: black;}.attention-component .close{position:absolute;top:10px;right:10px;display:inline-block;margin-bottom:10px;cursor:pointer;color: white;opacity: 1;}.attention-component .close path:first-child{fill:#fff}.attention-component .title{font-size:16px;color: white;}.attention-component .content{font-size: 15px;font-family: inherit;color: var(--theme-reverse);font-weight: 400;}.attention-component .input{width:100%;border:0px solid #f4f4f4; border-bottom:1px solid black; border-radius:0px;padding:10px 20px;margin-top:20px}.attention-component .input:focus{outline-offset:0;outline:none}.attention-component .button{padding:10px 20px;width:50%;display:block;margin:20px auto 0 auto;border:0;cursor:pointer;border-radius:10px;background: var(--color);color:#fff;outline:none;}.attention-component .buttons{margin-top:20px;text-align:center}.attention-component .cancel,.attention-component .confirm{padding:10px 20px;border:0;border-radius:5px;color:#fff;cursor:pointer}.attention-component .cancel{background-color:#EF767A;margin-right:10px}.attention-component .confirm{background-color:#25B686;margin-left:10px}