@media (max-width:768px){.hint--get-random-stream[data-v-331d0ac3]{max-width:14rem}}.divide-x>div[data-v-830cadb6]{padding:0 .5rem}.divide-x span[data-v-830cadb6]{color:var(--c-secondary-500)}.streaming-lang-switcher[data-v-db25ba85] [id^=headlessui-menu-items]{left:-250px;right:calc(-420px + 100%)}@media (max-width:640px){.background-waves{display:none}}.video-streaming-screen .controls-panel{background:var(--c-primary-300);padding:2px 8px 6px}@media (min-width:640px){.video-streaming-screen .controls-panel{border-radius:0 0 18px 18px}}.video-streaming-screen .controls-panel .form-range{margin-top:-2px}.video-streaming-screen .controls-panel .form-range .range::-webkit-slider-thumb{background:#fff!important;height:16px;width:16px}.video-streaming-screen .controls-panel .form-range>.flex{display:none}.video-streaming-screen .streaming-lang-switcher .text-label{color:#fff;font-size:11px}.video-streaming-screen .video-url input{border-width:3px;height:48px}.video-streaming-screen .video-url input:hover:not(:focus){border-color:var(--c-secondary-400)}.video-streaming-screen .play-a-random-stream svg{font-size:1em}.streaming-demo__btn{font-size:5rem;height:200px;position:relative;transition:all 1s;width:200px}.streaming-demo__btn:hover{transform:scale(1.07)}.streaming-demo__btn-inner{transition:all 1s}.streaming-demo__btn-circle{display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.streaming-demo__btn-circle:before{animation:pulsate 2s linear infinite;border:1px solid var(--c-secondary-200);border-radius:50%;content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1.75);width:100%;z-index:1}.streaming-demo__btn-circle.circle2:before{animation-delay:.5s}.streaming-demo__btn-circle.circle3:before{animation-delay:1s}.streaming-demo__btn-circle.circle4:before{animation-delay:1.5s}.streaming-demo.s--loading .streaming-demo__btn{border-color:var(--c-secondary-200)}.streaming-demo.s--loading .streaming-demo__btn-inner{background:var(--c-primary);border-color:var(--c-primary-400);cursor:default}.streaming-demo.s--active .streaming-demo__btn-circle{display:block}.streaming-demo.s--active .streaming-demo__btn{border-color:var(--c-secondary-200)}.streaming-demo.s--active .streaming-demo__btn-inner{background:var(--c-primary);border-color:var(--c-primary-400)}.streaming-demo .lang-to{align-items:center;background:var(--c-primary);border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;opacity:.85;transition:background .3s,transform .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px}.streaming-demo .lang-to.disabled{cursor:not-allowed}.streaming-demo .lang-to:hover:not(.disabled){opacity:1;transform:scale(1.1)}.streaming-demo .lang-to.active{background:var(--c-accent);opacity:1}.streaming-demo .btn-w-dropdown__items{background:var(--c-background-alt)}.streaming-demo .btn-w-dropdown__items .text-label.font-medium{font-size:.8rem;letter-spacing:-.025rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .streaming-demo.s--active .streaming-demo__btn,.dark .streaming-demo.s--loading .streaming-demo__btn{border-color:var(--c-secondary-100)}.pale-on-loading{transition:opacity .3s,transform .5s}.s--loading .pale-on-loading{opacity:.7;transform:scale(.85)}.element-select .btn-w-dropdown__items{margin-right:-1rem;margin-top:.25rem}.element-select .btn-w-dropdown__items .icon{color:var(--c-primary-50)}@keyframes pulsate{0%{opacity:0;transform:translate(-50%,-50%) scale(2)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}68%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}99%{opacity:0;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}