Spaces:
Running
Running
@import url(https://fonts.googleapis.com/css?family=Nunito:400,700);.btn-super-parant[data-v-002ef1c4]{display:flex;justify-content:center;align-items:center;position:absolute;bottom:55px;width:100%;height:60px;z-index:-1}input[data-v-002ef1c4]{display:none}.btn-containrt_foreground[data-v-002ef1c4]{direction:ltr;display:flex;align-items:flex-end;width:80%;height:60px;background:var(--color-foreground)}.btn-containrt[data-v-002ef1c4]{direction:ltr;display:flex;justify-content:space-around;background-color:#fff;width:100%;height:55px}.active-label[data-v-002ef1c4]{width:45px;height:45px;border-radius:40%;display:flex;justify-content:center;align-items:center;transition:all .3s ease;top:10px;background:#fff ;color:rgba(0,0,0,.54)}.btn-title[data-v-002ef1c4]{color:rgba(0,0,0,.6);font-size:12px;text-align:center}.btn-badge[data-v-002ef1c4]{width:18px;height:18px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:25px;border-radius:50%;font-size:12px;color:#fff;background:var(--color-badge)}.checked .active-label[data-v-002ef1c4]{transform:translateY(-10px);border-color:#d1d9e6 ;border-radius:15px;box-shadow:2px 2px 4px #b8b9be,-2px -2px 4px #fff}.checked .btn-title[data-v-002ef1c4]{animation:fadein-002ef1c4 .2s;top:50px}.unchecked .active-label[data-v-002ef1c4]{background:transparent}.unchecked .btn-title[data-v-002ef1c4]{visibility:hidden}@media screen and (min-width:576px){.labels[data-v-002ef1c4]{cursor:pointer}}@keyframes fadein-002ef1c4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ar-records{height:auto }.ar-records__record--selected{border:1px solid #1f1e33 }body{font-family:Nunito,sans-serif}.player-wrapper{align-items:center;background-color:#fff;background-image:linear-gradient(90deg,#fff,#e0e0e0);display:flex;justify-content:center}.player{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;color:#404040;display:inline-block;width:100%}.player-controls{display:flex}.player-controls>div{border-right:1px solid #e0e0e0}.player-controls>div:last-child{border-right:none}.player-controls>div a{color:#404040;display:block;text-decoration:none}.player-progress{background-color:#e0e0e0;cursor:pointer;height:50%;min-width:200px;position:relative}.player-progress .player-seeker{background-color:#404040;bottom:0;left:0;position:absolute;top:0}.player-time{display:flex;justify-content:space-between}.player-time .player-time-current{font-weight:700;padding-left:5px}.player-time .player-time-total{opacity:.5;padding-right:5px}.v-alert{position:fixed;left:50%;bottom:50px;transform:translate(-50%,-50%);margin:0 auto} |