radix-player
Version:
Internet Radio Streamer
2 lines • 7.93 kB
CSS
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);:root{--textColor:#f43b47;--textDefaultColor:rgba(0,0,0,0.8);--listDivider:rgba(0,0,0,0.3);--headerTextColor:#9d2053;--headerBackground:rgba(52,25,49,0.7);--backgroundGradient:linear-gradient(0deg,#f43b47 0%,#453a94)}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}label{color:#f43b47;color:var(--textColor);margin-right:12px;font-size:25px;line-height:46px}html{color:rgba(0,0,0,.8);color:var(--textDefaultColor);background-image:-webkit-gradient(linear,left bottom,left top,from(#f43b47),to(#453a94));background-image:-webkit-linear-gradient(bottom,#f43b47,#453a94);background-image:linear-gradient(0deg,#f43b47 0,#453a94);background-image:var(--backgroundGradient);height:100%;position:absolute;top:0;left:0;right:0;bottom:0}input{border:1px solid #9d2053;border:1px solid var(--headerTextColor);background:rgba(0,0,0,.4);padding:4px;font-size:25px;margin:-4px 0;color:#f43b47;color:var(--textColor);box-sizing:border-box}button{padding:8px 30px;font-size:18px;border:1px solid #f43a47;color:#f43a47;background:#9d2053;background:var(--headerTextColor)}button:disabled{color:graytext;opacity:.4}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}::-webkit-input-placeholder{color:#f43b47;color:var(--textColor);opacity:.4}::-moz-placeholder{color:#f43b47;color:var(--textColor);opacity:.4}:-ms-input-placeholder{color:#f43b47;color:var(--textColor);opacity:.4}::-ms-input-placeholder{color:#f43b47;color:var(--textColor);opacity:.4}::placeholder{color:#f43b47;color:var(--textColor);opacity:.4}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}footer i,header .fa-bars{margin-right:10px}footer,header{position:fixed;left:0;right:0}.fa-spinner{-webkit-animation:App-logo-spin 2s linear infinite;animation:App-logo-spin 2s linear infinite}.search-hidden input{display:none}.search-hidden span,.search-visible input{display:inline-block}.search-visible span{display:none}.menu{position:fixed;bottom:50px;right:10px;background:rgba(0,0,0,.7);padding:20px;z-index:100000}.menu a{text-decoration:none;display:block;color:var(--textColor)}.menu a+a{margin-top:12px}.ReactModal__Content{border-radius:16px}.ReactModal__Overlay{transform:translateY(100%);-webkit-transform:translateY(100%);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.ReactModal__Overlay--after-open{transform:translateY(16%);-webkit-transform:translateY(16%)}.ReactModal__Overlay--before-close{transform:translateY(100%);-webkit-transform:translateY(100%)}.ReactModal__Overlay--before-close,.swiped{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.swiped{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.delete{background:red;color:#fff;margin:-21px -103px -19px;float:right;padding:17px 15px;box-sizing:border-box;clear:right}.item-container{position:relative}.full-width{width:100%}.right{float:right}.hidden{opacity:0}.display-block{display:block}.display-none{display:none}.bm-burger-bars{background:var(--headerTextColor)}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu{background:var(--headerBackground);padding:2.5em 1.5em;font-size:1.15em}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#b8b7ad;display:flex;flex-direction:column}.bm-overlay{background:rgba(0,0,0,.3)}.bm-menu-wrap,.bm-overlay{top:0}.bm-menu-wrap{-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s}.bm-item:last-child{margin-top:auto}.bm-item:hover{color:#fff}.bm-burger-button{position:fixed;width:36px;height:30px;left:20px;top:20px}.bm-item{display:inline-block;text-decoration:none;margin-bottom:10px;color:var(--textColor);-webkit-transition:color .2s;transition:color .2s}header{color:var(--headerTextColor);top:0;font-size:30px;font-weight:700}header .container{display:flex;justify-content:space-between;padding:16px 16px 16px 66px}.header-background{margin:-40px;-webkit-filter:blur(8px);filter:blur(8px);background:var(--headerBackground)}.header-background,.header-background-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.header-background-container{overflow:hidden}.BottomModal_bottomModal__1WKxh{color:var(--textColor);list-style:none;-webkit-padding-start:0;padding-inline-start:0}.BottomModal_bottomModal__1WKxh li+li{border-top:1px solid rgba(244,59,71,.4)}.BottomModal_bottomModal__1WKxh li{padding:16px 0}.BottomModal_bottomModal__1WKxh li i{width:20px}footer{color:var(--textColor);bottom:0;font-size:20px;font-weight:700;padding:16px;height:60px;box-sizing:border-box;transition:height .4s;-webkit-transition:height .4s}footer.expanded{height:300px;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden;-webkit-animation:borderRadius .5s;animation:borderRadius .5s}.footer-menu{opacity:0}footer.expanded .footer-menu{opacity:1}footer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:92%;display:inline-block}.rc-slider{margin-top:200px}.rc-slider-rail{background-color:var(--textColor)}.rc-slider-handle{border:2px solid var(--textColor);background-color:var(--headerTextColor);margin-top:-8px;width:20px;height:20px}.footer-overlay{position:fixed;top:0;bottom:0;left:0;right:0}@-webkit-keyframes borderRadius{0%{border-top-left-radius:0;border-top-right-radius:0}to{border-top-left-radius:20px;border-top-right-radius:20px}}@keyframes borderRadius{0%{border-top-left-radius:0;border-top-right-radius:0}to{border-top-left-radius:20px;border-top-right-radius:20px}}#bars{display:none;height:26px;margin:-22px 0 0 -8px;position:absolute;width:40px}#bars.selected{display:block}.bar{background:#f43b47;bottom:1px;height:3px;position:absolute;width:3px;-webkit-animation:sound 0ms linear -.8s infinite alternate;animation:sound 0ms linear -.8s infinite alternate}.bar:first-child{left:1px;-webkit-animation-duration:474ms;animation-duration:474ms}.bar:nth-child(2){left:5px;-webkit-animation-duration:433ms;animation-duration:433ms}.bar:nth-child(3){left:9px;-webkit-animation-duration:407ms;animation-duration:407ms}.bar:nth-child(4){left:13px;-webkit-animation-duration:458ms;animation-duration:458ms}.bar:nth-child(5){left:17px;-webkit-animation-duration:.4s;animation-duration:.4s}.bar:nth-child(6){left:21px;-webkit-animation-duration:427ms;animation-duration:427ms}.bar:nth-child(7){left:25px;-webkit-animation-duration:441ms;animation-duration:441ms}.bar:nth-child(8){left:29px;-webkit-animation-duration:419ms;animation-duration:419ms}.bar:nth-child(9){left:33px;-webkit-animation-duration:487ms;animation-duration:487ms}.bar:nth-child(10){left:37px;-webkit-animation-duration:442ms;animation-duration:442ms}@-webkit-keyframes sound{0%{opacity:.35;height:3px}to{opacity:1;height:28px}}@keyframes sound{0%{opacity:.35;height:3px}to{opacity:1;height:28px}}.List_itemsLoading__x_0sD{margin-left:-25px;margin-top:-25px;left:50%;top:50%;position:absolute;font-size:50px;color:var(--textColor)}.List_itemList__106K6{padding:0;list-style:none;margin:66px 0 54px;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto;overflow-x:hidden}.List_itemList__106K6 li{padding:12px;border-bottom:1px solid var(--listDivider);margin:8px;position:relative}.settings_settings__RcWLF{position:absolute;top:0;padding:20px;left:0;right:0;bottom:0;z-index:11111;background:rgba(0,0,0,.7);color:var(--textColor)}.settings_close__SmJ9B{position:absolute;right:20px;color:var(--textColor)}.settings_ip__27hJE{width:100%}
/*# sourceMappingURL=main.500d9780.chunk.css.map */