1 line
19 KiB
CSS
1 line
19 KiB
CSS
|
@-webkit-keyframes ai-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ai-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes backgroundPosition{0%{background-position:-140px 0}to{background-position:140px 0}}@keyframes backgroundPosition{0%{background-position:-140px 0}to{background-position:140px 0}}.ai-wrap{padding:20px;background-color:#202020;color:#fff;max-width:100%;margin-bottom:20px}.ai-wrap,.ai-wrap *,.ai-wrap:after,.ai-wrap :after,.ai-wrap:before,.ai-wrap :before{box-sizing:border-box}.ai-wrap img{max-width:100%;height:auto;border:0;box-shadow:none;margin:0;padding:0}.ai-wrap p,.ai-wrap span{margin:0;padding:0;font-weight:400;line-height:normal}.ai-wrap a{font-weight:400;box-shadow:none;border:0;text-decoration:none;text-transform:none}.ai-wrap svg{display:inline-block}.ai-wrap .ai-audio-control,.ai-wrap .ai-btn{display:inline-block;font-weight:400;margin:0;padding:0;line-height:normal;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;box-shadow:none;vertical-align:middle;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0;min-width:0;max-width:100%;min-height:0;width:auto;height:auto;background-image:none;background-color:transparent}.ai-wrap .ai-audio-control:after,.ai-wrap .ai-audio-control:before,.ai-wrap .ai-btn:after,.ai-wrap .ai-btn:before{display:none}.ai-wrap .ai-control-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:130px}.ai-wrap .ai-control-wrap-thumb{width:130px;height:100%;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;overflow:hidden;margin-right:20px;position:relative;line-height:0}.ai-wrap .ai-control-wrap-thumb:after{bottom:0;right:0;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease;content:"";width:300%;height:100%;background:-webkit-linear-gradient(left,#3e3e3e 8%,#4d4d4d 18%,#3e3e3e 33%);background:linear-gradient(90deg,#3e3e3e 8%,#4d4d4d 18%,#3e3e3e 33%);background-size:500px;position:absolute;top:0;left:0;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:backgroundPosition;animation-name:backgroundPosition;-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}.ai-wrap .ai-control-wrap-thumb img{margin:0;border:0;box-shadow:none}.ai-wrap .ai-control-wrap-controls{position:relative;width:100%}.ai-wrap .ai-audio-controls-main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:16px}.ai-wrap .ai-audio-control{width:50px;height:50px;border-radius:50%;display:block;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;vertical-align:middle;color:#fff;background-color:#f70f5d;opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease;padding:0;position:relative}.ai-wrap .ai-audio-control:focus,.ai-wrap .ai-audio-control:hover{border:0;background-color:#f70f5d}.ai-wrap .ai-audio-control:active,.ai-wrap .ai-audio-control:focus{outline:0}.ai-wrap .ai-audio-control.ai-audio-playing svg{left:0}.ai-wrap .ai-audio-control svg{fill:#fff;height:16px;position:relative;left:2px;top:1px}.ai-wrap .ai-track-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:20px;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;width:0}.ai-wrap .ai-track-title{margin:0 0 4px;line-height:normal;white-space:nowrap;overf
|