@import url(https://fonts.googleapis.com/css?family=Lato:200,300,300i,400,400i,700,700i);@import url(https://unpkg.com/basscss@8.0.2/css/basscss.min.css);@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap);.root{width:1100px;margin:0 auto}html{font-size:16px}body *{font-family:"Roboto",sans-serif}a{color:#c06c84}:root{--font-family:"Noto Sans HK","Helvetica Neue",Helvetica,Arial,sans-serif;--container-width:820px;--yellow:rgba(255,220,0,0.45);--light-green:#65b45b;--coral:#f65454;--pale-coral:#f97272;--pale-yellow:#fadc6d;--juicy-yellow:#f6ec66;--pale-blue:#507fa8;--sunset:#c06c84;--pale-orange:#f8b195;--dark-purple:#7b6c85;--pale-purple:#c06c84;--crab:#f67280;--pale-crab:#f8b195;--bg-light:#f0ebe9;--bg-medium:#dfdbd9;--bg-very-light:#ececec;--button-line-height:1;--sb-progress-height:8px;--button-big-padding-x:1.25rem;--button-big-padding-y:1.25rem}::-webkit-input-placeholder{color:#bbb;opacity:1}::-moz-placeholder{color:#bbb;opacity:1}:-ms-input-placeholder{opacity:1}::-ms-input-placeholder{opacity:1}::placeholder{color:#bbb;opacity:1}:-ms-input-placeholder{color:#bbb}::-ms-input-placeholder{color:#bbb}.sb-soundplayer-btn{display:inline-block;background-color:transparent;color:var(--dark-purple);font-size:1.4em;padding:1rem;margin:0;height:auto;vertical-align:middle;border-radius:3px;text-decoration:none;border:0;outline:none!important;border:0!important;-webkit-transition:.35s cubic-bezier(.455,.03,.515,.955);transition:.35s cubic-bezier(.455,.03,.515,.955);cursor:pointer;box-sizing:border-box}.sb-soundplayer-btn:hover{color:var(--coral);opacity:1}.sb-soundplayer-btn:focus,.sb-soundplayer-btn:hover{box-shadow:none}.sb-soundplayer-cover{color:#fff;background-color:#f5f5f5;background-repeat:no-repeat;background-position:50%;background-size:cover;padding:30px 30px 20px;margin-bottom:20px;height:440px;position:relative;overflow:hidden;cursor:default;border-radius:2px}.sb-soundplayer-cover:after{content:"";background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.05)),to(rgba(0,0,0,.35)));background:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.35));position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.sb-soundplayer-cover .sb-soundplayer-info-box{display:inline-block;background-color:rgba(0,0,0,.8);padding:5px 10px;margin-bottom:5px;border-radius:1px}.sb-soundplayer-cover .sb-soundplayer-track{font-weight:600;font-size:24px}.sb-soundplayer-cover .sb-soundplayer-artist{font-size:18px}.sb-soundplayer-cover-logo{color:hsla(0,0%,100%,.9);width:100px;height:14px;position:absolute;top:30px;right:30px;z-index:2}.sb-soundplayer-icon{width:1em;height:1em;position:relative;vertical-align:middle}.sb-soundplayer-progress-container{background-color:var(--bg-light);width:95%;height:20px;margin:8px auto 0;overflow:hidden;cursor:pointer}.sb-soundplayer-progress-inner{background-color:var(--crab);height:100%}.sb-soundplayer-volume{position:relative}.sb-soundplayer-volume div{overflow:visible;width:auto;margin-top:.4rem;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;position:relative}.sb-soundplayer-volume-range{-webkit-appearance:none;width:98%}.sb-soundplayer-volume-range:focus{outline:none}.sb-soundplayer-volume-range::-webkit-slider-runnable-track{width:100%;height:.2em;cursor:pointer;animate:.2s;background:#ddd;border-radius:1.3px}.sb-soundplayer-volume-range::-moz-range-track{width:100%;height:.2em;cursor:pointer;animate:.2s;background:#ddd;border-radius:1.3px}.sb-soundplayer-volume-range::-ms-track{width:100%;height:.2em;cursor:pointer;animate:.2s;background:#ddd;border-radius:1.3px}.sb-soundplayer-volume-range{-webkit-transition:-webkit-transform .4s cubic-bezier(.23,1,.32,1);transition:-webkit-transform .4s cubic-bezier(.23,1,.32,1);transition:transform .4s cubic-bezier(.23,1,.32,1);transition:transform .4s cubic-bezier(.23,1,.32,1),-webkit-transform .4s cubic-bezier(.23,1,.32,1)}.sb-soundplayer-volume-range::-webkit-slider-thumb:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.sb-soundplayer-volume-range::-moz-range-thumb{height:1em;width:1em;border-radius:1em;background:var(--pale-coral);-moz-transition:.4s transform cubic-bezier(.23,1,.32,1);transition:transform .4s cubic-bezier(.23,1,.32,1);cursor:pointer;-webkit-appearance:none;margin-top:-.45em}.sb-soundplayer-volume-range::-webkit-slider-thumb{height:1em;width:1em;border-radius:1em;background:var(--pale-coral);-webkit-transition:-webkit-transform .4s cubic-bezier(.23,1,.32,1);transition:-webkit-transform .4s cubic-bezier(.23,1,.32,1);transition:transform .4s cubic-bezier(.23,1,.32,1);transition:transform .4s cubic-bezier(.23,1,.32,1),-webkit-transform .4s cubic-bezier(.23,1,.32,1);cursor:pointer;-webkit-appearance:none;margin-top:-.45em}.sb-soundplayer-volume-range::-ms-thumb{height:1em;width:1em;border-radius:1em;background:var(--pale-coral);-ms-transition:.4s transform cubic-bezier(.23,1,.32,1);transition:transform .4s cubic-bezier(.23,1,.32,1);cursor:pointer;-webkit-appearance:none;margin-top:-.45em}.sb-soundplayer-volume-range::-ms-fill-lower{background:var(--pale-coral)}.b2{border-width:2px}body div a{color:#c06c84}.muted{opacity:.3}.btn-small.btn-square{padding:.25rem .3rem}.soundplayer ul li{font-size:18px;font-size:500}.custom-track-bg::-webkit-slider-runnable-track{background-color:rgba(0,0,0,.25)}.custom-track-bg::-moz-range-track{background-color:rgba(0,0,0,.25)}.custom-track-bg::-ms-track{background-color:rgba(0,0,0,.25)}.custom-track-bg::-moz-range-thumb{background:#fff}.custom-track-bg::-webkit-slider-thumb{background:#fff}.custom-track-bg::-ms-thumb{background:#fff}.controls{height:5rem;justify-content:center}body .sb-soundplayer-volume div{overflow:visible;width:auto;height:1.8rem}
/*# sourceMappingURL=main.a3af73a5.chunk.css.map */