.ae-controls{background:rgba(0,0,0,.3);padding:15px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}
.ae-project{position:relative;background:#000}.ae-project #ae-canvas{display:block;margin:auto;width:100%;height:540px}.ae-project__controls{position:absolute;bottom:0;left:0;right:0}
.ae-card{padding:20px 15px;background:#fff;-webkit-box-shadow:0px 5px 7px 1px rgba(195,195,195,.22);box-shadow:0px 5px 7px 1px rgba(195,195,195,.22);border-radius:8px;overflow:hidden}.ae-card+.ae-card{margin-top:10px}.ae-card__title{margin-bottom:20px;font-size:20px;color:#000}
.ae-music{display:-webkit-box;display:-ms-flexbox;display:flex}.ae-music__logo{width:50px;height:50px;border-radius:50%;background:url(../../static/img/icon-normal-music.51543b09.svg);margin-right:16px}.ae-music__content{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#333;margin-top:8px}.ae-music__duration{color:#999;font-size:14px;margin-top:10px}.ae-music__actions{font-size:12px}.ae-music__actions>button{background:rgba(0,0,0,0);border:1px solid #759ef7;color:#759ef7;border-radius:50px;cursor:pointer;padding:7px 21px;font-size:14px;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;padding:5px 10px}
.ae-font-tabs{font-size:14px;padding:15px 0}.ae-font-tab{opacity:.8}.ae-font-tab:hover{opacity:1}.ae-font-tab.active{opacity:1}.ae-font-tab.active button{font-weight:bold}
.ae-text input{font-family:inherit !important}.ae-text__content{display:-webkit-box;display:-ms-flexbox;display:flex}.ae-text__title{margin:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex}.ae-text__title img{width:20px;height:20px}.el-color-picker__empty,.el-color-picker__icon{display:none}.el-color-picker__trigger{padding:0;border-color:#e8e8e7}.el-color-picker__color{border-color:rgba(0,0,0,0)}.el-input__suffix{right:0}.el-input--suffix .el-input__inner{padding-left:10px;padding-right:25px}
.slider{position:relative;background:#d5e2fc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-radius:50px}.slider__bar{width:0%;height:5px;border-radius:5px;background:-webkit-gradient(linear, left top, right top, from(#809cf2), to(#e7badf));background:linear-gradient(90deg, #809cf2, #e7badf)}.slider__control{width:15px;height:15px;background:#e7badf;border-radius:50%;position:absolute;top:2.5px;left:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1000}
.ae-scene-photo{margin-top:-40px}.photo-area{position:relative;background:#000}.photo-area img{position:absolute;width:100%;height:100%}.photo-clip{overflow:hidden}.photo-clip{position:relative;margin:auto}.photo-full{position:absolute;width:100%;top:0}.photo-full{pointer-events:none;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;opacity:0;cursor:-webkit-grab;cursor:grab}.photo-area:hover .photo-full{opacity:.3;pointer-events:auto}
.ae-btn--secondary+.ae-btn--secondary{margin-left:25px}.duration-slider{padding:15px;-webkit-box-shadow:0px 5px 7px 1px rgba(195,195,195,.22);box-shadow:0px 5px 7px 1px rgba(195,195,195,.22);border-radius:4px;border:solid 1px #e8e8e7}.duration-slider .duration-text{margin:0 10px;font-size:14px;color:#666}.duration-slider .ae-btn--secondary{color:#6c9efd;font-size:12px}
.ae-elements{margin-left:10px}
.ae-templates{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px;text-align:center}.ae-templates .ae-template__img{width:100%;padding-bottom:56.25%;height:0;position:relative}.ae-templates img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ae-template{cursor:pointer;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}.ae-template:hover{-webkit-transform:scale(1.1);transform:scale(1.1);position:relative;z-index:10}.ae-template__name{padding:15px 0;background:#fff}
.ae-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px}.ae-toolbar .ae-btn+.ae-btn{margin-left:20px}@media(max-width: 1280px){.ae-toolbar .ae-btn+.ae-btn{margin-left:10px}}.ae-toolbar__ratio .el-select{max-width:150px}@media(max-width: 1280px){.ae-toolbar__ratio .el-select{max-width:120px}}
.export-option,.export-progress{font-size:16px;text-align:center}.export-option__title,.export-progress__title{font-weight:bold;margin-bottom:30px}.export-option__radios{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 60px;margin-bottom:30px}.export-option__tips,.export-progress__tips{margin-bottom:20px;font-size:12px}.export-progress__bar{margin-bottom:12px;padding:0 10px}.export-progress .el-progress-bar__inner{background-image:-webkit-gradient(linear, right top, left top, from(#fab6e1), color-stop(41%, #adaaf0), to(#6d9ffd));background-image:linear-gradient(-90deg, #fab6e1 0%, #adaaf0 41%, #6d9ffd 100%)}.export-dialog .el-progress__text{display:none}
.ae-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.ae-workspace{padding:0 10px 20px;border-radius:0 0 5px 5px;-webkit-box-shadow:0px 5px 7px 1px rgba(195,195,195,.22);box-shadow:0px 5px 7px 1px rgba(195,195,195,.22);overflow:hidden}
body{background:#f6f7f9;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1}.app{min-width:1024px;max-width:1920px;margin:auto;padding:1.5vw;font-size:16px}@media(min-width: 1920px){.app{padding:30px}}.app__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background:#fff}.app__elements{width:30%;min-width:390px}.app__templates .ae-templates{grid-gap:50px}
img{text-indent:-10000px}button{font-size:16px}.el-input--medium,.el-select-dropdown__item{font-size:16px}.el-radio{font-weight:normal}.el-radio__label{font-size:16px;color:#333}.el-radio,.el-radio__inner,.el-radio__input{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-radio__inner{width:20px;height:20px;background:#fff !important}.el-radio__inner::after{background:#429eff;width:10px;height:10px}.el-dialog{border-radius:5px}.el-dialog__body{margin-top:-15px;color:#333}.el-dialog .ae-dialog{font-size:16px;text-align:center}.el-dialog .ae-dialog__title{font-size:16px;font-weight:bold;margin-bottom:30px}*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.img-icon{width:20px;height:20px}.img-icon--medium{width:24px;height:24px}.mr-2{margin-right:.5rem}.cursor-pointer{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.ae-scenes{position:relative;height:100px;margin-top:4px;margin-left:-0.36vw;margin-right:-0.36vw}.ae-scene{display:inline-block;position:absolute;top:0;height:100%;opacity:.4;cursor:pointer;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;border:.72vw solid rgba(0,0,0,0)}.ae-scene:hover{opacity:.7}.ae-scene.active{opacity:1}.ae-scene>img{display:inline-block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;background-color:#ddd;opacity:1;background-size:cover;background-position:center}.ae-btn{background:rgba(0,0,0,0);border:1px solid #759ef7;color:#759ef7;border-radius:50px;cursor:pointer;padding:7px 21px;font-size:14px;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ae-btn--secondary{background:rgba(0,0,0,0);border:1px solid #759ef7;color:#759ef7;border-radius:50px;cursor:pointer;padding:7px 21px;font-size:14px;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;color:#333;font-size:16px}.ae-btn--theme,.ae-btn--theme-small{background:rgba(0,0,0,0);border:1px solid #759ef7;color:#759ef7;border-radius:50px;cursor:pointer;padding:7px 21px;font-size:14px;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-image:-webkit-gradient(linear, right top, left top, from(#fab6e1), color-stop(41%, #adaaf0), to(#6d9ffd));background-image:linear-gradient(-90deg, #fab6e1 0%, #adaaf0 41%, #6d9ffd 100%);border:none;color:#fff;padding:9px 40px;font-size:16px}.ae-btn--theme-small{height:36px}