.stream{box-shadow:0 1px 20px rgba(14,27,45,.15);background:RGB(var(--color-base-lightest));position:relative;width:100%;overflow:hidden}@media(min-width:768px){.stream{width:initial;border-radius:8px}}.stream__container{width:100%;height:100%;display:none}.stream__container.visible{display:grid}.stream__live-wrap{display:flex;height:100%;position:absolute;top:0;left:0}.stream__live-wrap svg{width:80px;height:100%}@media(min-width:768px){.stream__live-wrap svg{width:auto}}.stream__live-wrap>div{display:none}.stream__wrapper{position:relative;padding:16px 20px 20px 12px;background-image:url(../images/streams/stream-hover-ellipse.svg);background-size:154px;background-repeat:no-repeat;background-position:128%;animation:streamHoverLive .65s linear}.stream__wrapper:hover{animation:streamHover .65s linear;background-position:-28%}@media(min-width:768px){.stream__wrapper{background-size:244px;background-position:150%}}.stream__close{position:absolute;right:16px;top:16px;color:RGB(var(--color-base-medium-darken));cursor:pointer;z-index:1}@media(min-width:768px){.stream__close{right:12px;top:12px}}.stream__link{position:relative}.stream__link:hover .stream__author,.stream__link:hover .stream__title{color:RGB(var(--color-blue))}.stream__wrap{padding-left:80px}@media(min-width:768px){.stream__wrap{padding-left:142px}}.stream__title{display:flex;align-items:center;color:RGB(var(--color-base-darkest));margin-bottom:14px;padding-right:20px}@media(min-width:768px){.stream__title{margin:14px 0 8px}}@media(min-width:1024px){.stream__title{margin:14px 0 5px}}.stream__author{color:RGB(var(--color-base-darken))}.stream__author-name{color:RGB(var(--color-blue))}@keyframes slideLeftStream{100%{left:40px}}@keyframes slideTopStream{100%{top:60px}}@keyframes slideBottomStream{100%{bottom:0}}.stream-popup{animation:slideBottomStream 1.5s forwards;position:fixed;z-index:9;bottom:-100%;right:0;max-width:320px;left:0;justify-content:center;min-height:108px;height:auto}@media(min-width:768px){.stream-popup{top:-100%;bottom:inherit;min-width:426px;animation:slideTopStream 1s forwards;left:50%;transform:translateX(-50%);min-height:144px}}@media(min-width:1024px){.stream-popup{animation:slideLeftStream 1s forwards;bottom:30px;left:-100%;min-width:464px;right:inherit;top:inherit;transform:translateX(0)}}.stream__rec{-webkit-animation:stream__rec 2.5s cubic-bezier(0,0,0,.58) infinite;animation:stream__rec 2.5s cubic-bezier(0,0,0,.58) infinite}@-webkit-keyframes stream__rec{0%{fill:rgba(0,0,0,0)}58%{fill:#e52c2b}100%{fill:rgba(0,0,0,0)}}@keyframes stream__rec{0%{fill:rgba(0,0,0,0)}58%{fill:#e52c2b}100%{fill:rgba(0,0,0,0)}}@keyframes streamHover{0%{background-position:128%}90%{background-position:-38%}100%{background-position:-28%}}@keyframes streamHoverLive{0%{background-position:-28%}90%{background-position:138%}100%{background-position:128%}}@media(min-width:768px){@keyframes streamHover{0%{background-position:150%}90%{background-position:-38%}100%{background-position:-28%}}@keyframes streamHoverLive{0%{background-position:-28%}90%{background-position:160%}100%{background-position:150%}}}.vip .stream__container{background-color:#1d1d21}.vip .stream__author,.vip .stream__close,.vip .stream__link,.vip .stream__title{color:RGB(var(--color-white))}.vip .stream__author-name{color:RGB(var(--color-yellow))}.vip .stream__link:hover .stream__author,.vip .stream__link:hover .stream__title{color:RGB(var(--color-yellow))}.vip .stream__wrapper{background-image:url(../images/streams/stream-hover-ellipse-vip.svg)}.vip .stream__live{fill:RGB(var(--color-white))}