.stream-page,.stream-page__container{display:flex;height:100%}.stream-page__container{position:relative;width:100%;gap:20px;align-items:stretch;padding:20px 0}@media only screen and (max-width:1024px){.stream-page__container{display:block}}.stream-page__video{position:relative;width:100%;height:632px;flex:77%}@media only screen and (max-width:600px){.stream-page__video{height:500px}}.stream-page__video video{width:100%;height:100%;border-radius:20px;display:block;position:relative;object-fit:cover;outline:none}@media only screen and (max-width:1024px){.stream-page__video video{border-radius:0}}.stream-page__chat-wrapper{flex:33%;position:relative;display:flex;flex-direction:column;padding-bottom:20px}@media only screen and (max-width:1500px){.stream-page__chat-wrapper{padding-right:0}}@media only screen and (max-width:1024px){.stream-page__chat-wrapper{padding:10px 10px 20px}}@media only screen and (max-width:600px){.stream-page__chat-wrapper{margin-top:10px;padding-bottom:20px;padding-right:0;width:100%}.stream-page__chat-wrapper h3{display:none}}.stream-page__chat{position:relative;display:block;height:100%;overflow-y:auto}@media only screen and (max-width:1500px){.stream-page__chat{height:600px}}@media only screen and (max-width:1100px){.stream-page__chat{height:550px}}@media only screen and (max-width:919px){.stream-page__chat{height:500px}}@media only screen and (max-width:600px){.stream-page__chat{height:180px}}.stream-page__chat-header{display:flex;justify-content:space-between;align-items:center}.stream-page__chat-live{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.stream-page__chat-head{width:40px;height:20px;padding:2px 5px;font-weight:400;line-height:9px}.stream-page__chat-count,.stream-page__chat-head{display:inline-flex;justify-content:center;align-items:center;border-radius:6px;font-size:.5rem;color:#ef7318;box-shadow:0 5px 10px -4px rgba(34,60,80,.2)}.stream-page__chat-count{width:28px;height:15px}.stream-page__input{position:relative;width:100%}@media only screen and (max-width:600px){.stream-page__input{padding:0 10px}}.stream-page__input .input{width:100%;height:100%}.stream-page__input-svg{width:24px;height:24px;position:absolute;top:10px;right:15px;z-index:1;cursor:pointer}.stream-page__input-svg path{fill:var(--blue-500)}.stream-page__btn.btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:150px}