.flex-center{display:flex;align-items:center}#init{border:1px solid blue;width:60px;text-align:center;color:#00f;height:33px;line-height:33px;margin-left:15px;cursor:pointer;-webkit-user-select:none;user-select:none}#dragContainer{position:relative;display:inline-block;background:#f1f1f1;width:300px;height:35px;border:1px solid #dadada;touch-action:none}#dragBg{position:absolute;background-color:#f60;width:0px;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;overflow:hidden}#dragText{position:absolute;width:100%;height:100%;text-align:center;line-height:33px;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;font-size:15px;z-index:2;background:#b3b3b3 linear-gradient(to left,transparent,#fff,transparent) no-repeat 0 0;background-size:20% 100%;background-position:-30% -30%;background-clip:text;-webkit-background-clip:text;color:transparent}.dragText{animation:shine 4s infinite}@keyframes shine{0%{background-position:-30% -30%}to{background-position:140% 140%}}#dragHandler{position:absolute;width:40px;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:99}.dragHandlerBg{background:#fff no-repeat center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADySURBVHgBxZJRDkNAEIbtKs+O0CNwBDeo4MEptCfACeoGHiWC7Q0coT2CI7SvHui/Eolu2E36YpJZw/fPTGasph1ujLEYnvzL6TiOBJ62bduVZXkWBSpO+NE0zRWPO7wfhsGNoqhfi2Sc8sP3/ZxS6vDYNM1nXdeXdQEZp0vged4LIhfhmxDCxLn3ONE2DB1yiGKEObrfZJyKsCgKS9f1icfTNBEV/xHwLRuGwVDdxmuG7qmKnxZYVZWNygyhhcpeEASPdfIen0fglwWwmz9g22KyjFP84wQXJUdVvmUH2+7XySrOR/hAkIVhmGrbpuIH2xdY1aV2saQCsgAAAABJRU5ErkJggg==);z-index:5;border-right:1px solid #dadada}.dragHandlerOkBg{background:#f60 no-repeat center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGrSURBVHgB7dntbcIwEIDhG6EjdISO0BG6QRmhG8AmZRNG6AgegRGuNgEVIdHad7Zx6veRIvgTUO6VnC8RAAAAAAAAAAAAAAAAAACAa6r6GrdD3I66SN83gv7i4Ld631bQzx8xLl4F7WXGOC1fgrYKYiRHQTuFMU4EbVhiKEtWG8YYyUZQlyPGTlAXMQZCjIEQYyDEGIgjxl5QFzEGQoyBEGMgxBgIMQYSh/quNntZGx38HfNsMba/HNDD3zHPFmOTcWAPizJVjESXpSlH9yjTxUi0zKd04ojxJWumPyfxYaJ4YsTtSdZM85esLlGmjpHocrlrUT3K9DEu4sHs1KZaFGLccEQ5eAcS939Tm/8Z48IRxTyYuN+Lll9YuP5zVXpGIUamHlGIUahlFGIYOaM83/lNYng4ooTbKI4YQe8EnlKNKMSoLA7lQ22CLvcZxKhN896d1BKIkaFTlECMAo2jBGIYNIoSiOGg9pM1MVpR++UsMVpxRgnEaMAYJRCjocIoxOghMwoxekrDPg+dGKM4R9lfhUmf6SElj9ABAAAAAAAAAAAAAAAAAFizb/GUcOCNOeU/AAAAAElFTkSuQmCC);background-size:20px;width:20px;height:20px;border-radius:80%;z-index:5}.common-info{-webkit-box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";position:fixed;top:-30px;left:50%;z-index:1010;pointer-events:none;transform:translate(-50%);max-width:450px;text-align:center;background-color:#fff;border:1px solid #eaeaea;padding:6px 8px;box-sizing:border-box;box-shadow:0 0 5px #01010114;animation:slideDown 1s forwards;display:flex;align-items:center}.error-wrap{width:16px;height:16px;background:#fff no-repeat center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFVSURBVHgBpVMxTgMxENzdOIkQBMEPTEeBxD2BvCB5AA0lDeEHCaKjIjSUUPAA8oLwhCso6PAPgrgCkeS87FrhcpdD6Agj2bJ9ntlZ3y7CChJ7cFQj7DBgF4BtOGSMATme+tnFrntx+fv4vZhYu9Ok7T4Dn8MvEML1p6+JUPyWCSi5gVtjQIygCsTRlKmtIqR7jVyZHMJy1KS0H5YTu28bVH+FNeA9t0nI/dUP5uQY6r3Twl5HyQhB18ijRbh8ywz1s4UAQxCb3dyWBQA7RqZS7vO7B8BWK3Oh5NmwLCCwBP+EkeFUKX+o9jPbixT4PQnOCmCOjQceEWCvcJ4kML28gvl9jsA/hEeMUUuXCMewBsjX9qjlnp/ExRD+CPl7ww0Xu/CIc28GoWEqAiX3TeWoC520prW2qzgJkdm0Md9MeXzYyKaYDuTqIS77wwlxxB4eNeX8/S/g+opSa/0TCgAAAABJRU5ErkJggg==);display:flex;align-items:center;justify-content:center}.common-info>.error-wrap{margin-right:8px}@keyframes slideDown{0%{top:-30px;opacity:0}to{top:139px;opacity:1}}@keyframes brushEffect{0%{opacity:1;left:20%}50%{text-shadow:0 0 10px rgba(255,255,255,.2);opacity:.5;left:50%}to{text-shadow:0 0 10px rgba(255,255,255,.8);opacity:1;left:80%}}