:root{--color-main-first: #047cfc;--color-main-second: #0064ff;--color-main-third: #79a6f8;--color-side-first: #219a19;--color-side-second: #187312;--color-side-third: #2dc53a;--color-side-fourth: #013e01;--color-side-second-first: #3e2b97;--color-side-second-second: #e8650b;--color-main-background: #20242d;--color-side-background: #1c2028;--color-third-background: #272d39;--color-fourth-background: #242932;--color-fifth-background: #2d3340;--color-sixth-background: #232833;--color-seventh-background: #2e3542;--color-eighth-background: #191d25;--color-nineth-background: #373e4c;--color-tenth-background: #3d4656;--color-eleventh-background: #343b48;--color-twelvth-background: #495465;--color-thirtieth-background: #242831;--color-text-first: #828f9a;--color-text-second: #748198;--color-text-third: #6b768a;--color-text-fourth: #aab0bd;--color-text-fivth: #5e6a7f;--color-text-sixth: #d8d8d8;--color-text-placeholder: #828f9a;--color-white: #fff;--color-black: #000}.rightWrapper{position:relative;z-index:3;display:flex;flex-direction:column;flex-shrink:0;overflow-wrap:break-word;transition:all .2s}.rightWrapper .rightControls{display:flex;align-items:center;justify-content:flex-end;box-sizing:content-box;width:100%;margin:0 auto;padding:0;border-radius:0}.rightWrapper .rightControls button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0 6px;color:#748198;background:#272d39;border-radius:5px;cursor:pointer}.rightWrapper .rightControls button:last-child{margin-right:20px;margin-left:10px}@media (max-width: 900px){.rightWrapper .rightControls button:last-child{margin-right:10px}}.rightWrapper .rightControls button:hover{color:#fff;background:#2d3340}.rightWrapper .rightControls button:hover .btnContent .iconWrapper svg{fill:#fff}.rightWrapper .rightControls button .btnContent{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.rightWrapper .rightControls button .btnContent .iconWrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:32px;height:32px}.rightWrapper .rightControls button .btnContent .iconWrapper svg{font-size:14px;fill:#aab0bd}.rightWrapper .rightContent{display:flex;width:370px;height:100%;transition:all .3s}.rightWrapper .rightContent .rightContainer{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:0 0 10px;background:#1c2028;border-radius:10px}.rightWrapper .rightTabs{display:flex;flex:none;align-items:center;width:100%;margin-bottom:30px;padding:0 20px}.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem{position:relative;display:flex;flex:auto;align-items:center;justify-content:center;width:50%;margin-right:10px;padding:10px 15px;color:#828f9a;font-size:13px;line-height:18px;background-color:initial;border:0;border-radius:3px;outline:none;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:last-child{margin-right:0}.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem svg{width:14px;height:14px;margin-right:8px}.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:active,.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:focus,.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:hover{outline:none}.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem.rightCurrent,.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:hover{color:#fff;background:#272d39}@media (max-width: 1099px){.rightWrapper .rightTabs{margin-bottom:19px}}@media (min-width: 901px){.rightWrapper{width:0}.rightWrapper .rightContent{transform:translate(380px)}.rightWrapper.rightIsOpen{width:370px}.rightWrapper.rightIsOpen .rightContent{transform:translate(0)}}@media (max-width: 1099px){.rightWrapper .rightContent,.rightWrapper.rightIsOpen{width:315px}}@media (max-width: 900px){.rightWrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;width:100%!important;height:calc(100% - 50px);padding:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .3s}.rightWrapper .rightContent{width:100%!important}.rightWrapper .chatWrapper{padding-right:0;opacity:0;transition:all .3s;transition-delay:0s}.rightWrapper.rightIsOpen{-webkit-transform:translateY(0%);transform:translateY(0)}.rightWrapper.rightIsOpen .chatWrapper{opacity:1;transition-delay:.3s}.rightWrapper .rightContent .rightContainer{width:100%}.rightWrapper .rightTabs{display:none}.rightWrapper .rightContent .rightContainer .liveBox{height:calc(100% - 30px);padding:0 15px}.rightWrapper .rightContent .rightContainer .liveBox .liveParams{padding:10px 0 10px 5px}}