.radio .mute,.radio .toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-block;padding:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio .mute:focus,.radio .mute:hover,.radio .toggle:focus,.radio .toggle:hover{-webkit-tap-highlight-color:transparent;outline:none}.radio_container{align-items:center;display:flex;flex-direction:column;text-align:center}.radio_container h4{margin-bottom:10px}.radio{align-items:center;background:#0168a8;border-radius:50px;box-shadow:1px 1px 4px #a3a3a3;display:flex;margin-bottom:50px;margin-left:20px;padding:10px 20px}.radio.active{width:265px}.radio audio{background-color:transparent}.radio audio::-webkit-media-controls-panel{background-color:transparent}.radio audio.inactive{opacity:0;position:absolute;z-index:-1}.radio .toggle{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='357' height='357'%3E%3Cpath fill='%23fff' d='M38.25 0v357l280.5-178.5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px;height:30px;width:30px}.radio .toggle.playing{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='357' height='357'%3E%3Cpath fill='%23fff' d='M25.5 357h102V0h-102v357zm204-357v357h102V0h-102z'/%3E%3C/svg%3E")}.radio .time{color:#fff;font:100 .8rem/1 sans-serif;margin:0 10px}.radio .mute{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='459' height='459'%3E%3Cpath fill='%23fff' d='M0 153v153h102l127.5 127.5v-408L102 153H0zm344.25 76.5c0-45.9-25.5-84.15-63.75-102v204c38.25-17.85 63.75-56.1 63.75-102zM280.5 5.1v53.55C354.45 81.6 408 147.9 408 229.5s-53.55 147.9-127.5 170.85v53.55C382.5 430.95 459 339.15 459 229.5S382.5 28.05 280.5 5.1z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px;height:30px;margin:0 10px;transition:all .3s ease-in;width:30px}.radio .mute.muted{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='461.55' height='461.55'%3E%3Cpath fill='%23fff' d='M345.525 229.5c0-45.9-25.5-84.15-63.75-102v56.1l63.75 63.75V229.5zm63.75 0c0 22.95-5.1 45.9-12.75 66.3l38.25 38.25c17.85-30.6 25.5-68.85 25.5-107.1 0-109.65-76.5-201.45-178.5-224.4V56.1c73.95 25.5 127.5 91.8 127.5 173.4zM34.425 0 1.275 33.15 121.125 153H1.275v153h102l127.5 127.5V262.65l109.65 109.65c-17.85 12.75-35.7 22.95-58.65 30.6v53.55c35.7-7.65 66.3-22.95 94.35-45.9l51 51 33.15-33.148-229.5-229.5L34.425 0zm196.35 25.5-53.55 53.55 53.55 53.55V25.5z'/%3E%3C/svg%3E")}.radio .mute.hidden{opacity:0;visibility:hidden}.radio input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:14px;margin:0;transition:all .3s ease-in;width:100px}.radio input[type=range][disabled]{cursor:default}.radio input[type=range].hidden{opacity:0;visibility:hidden}.radio input[type=range].volume{width:60px}.radio input[type=range]:focus{border:none;box-shadow:none;outline:0}.radio input[type=range]::-webkit-slider-thumb{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:100%;cursor:pointer;display:block;height:14px;-webkit-transform:translateY(-7px);-moz-transform:translateY(0);width:14px}.radio input[type=range]::-moz-range-thumb{-webkit-tap-highlight-color:transparent;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:100%;cursor:pointer;display:block;height:14px;-webkit-transform:translateY(-7px);-moz-transform:translateY(0);width:14px}.radio input[type=range]::-ms-thumb{-webkit-tap-highlight-color:transparent;appearance:none;background-color:#fff;border-radius:100%;cursor:pointer;display:block;height:14px;-webkit-transform:translateY(-7px);-moz-transform:translateY(0);width:14px}.radio input[type=range]::-webkit-slider-runnable-track,.radio input[type=range]:focus::-webkit-slider-runnable-track{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,.3);border:none;box-shadow:none;height:1px;outline:0}.radio input[type=range]::-moz-range-track{-webkit-tap-highlight-color:transparent;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.3);border:none;box-shadow:none;height:1px;outline:0}.radio input[type=range]::-ms-track{-webkit-tap-highlight-color:transparent;appearance:none;background:rgba(0,0,0,.3);border:none;box-shadow:none;height:1px;outline:0}.radio input[type=range]::-ms-fill-lower,.radio input[type=range]:focus::-ms-fill-lower{-webkit-tap-highlight-color:transparent;appearance:none;background:#fff;border:none;box-shadow:none;height:1px;outline:0}.radio input[type=range]::-ms-fill-upper,.radio input[type=range]:focus::-ms-fill-upper{-webkit-tap-highlight-color:transparent;appearance:none;background:#fff;border:none;box-shadow:none;height:1px;outline:0}