.livestream-container[data-v-42c8ef5e]{max-width:1366px;margin:0 auto;padding:0 48px}.livestream-header[data-v-42c8ef5e]{position:sticky;top:0;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 0;border-bottom:1px solid #ccc;background-color:var(--bg-primary-color);z-index:1000}.livestream-header h1[data-v-42c8ef5e]{line-height:37px}.livestream-header svg path[data-v-42c8ef5e]{fill:var(--text-primary-color)}.livestream-content[data-v-42c8ef5e]{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;height:calc(100vh - 110px)}.livestream-embed-container[data-v-42c8ef5e]{position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:16/9;width:100%;height:auto;color:#fff;border:1px solid #ccc;background-color:#000}.livestream-embed-container.embed-lock-active[data-v-42c8ef5e]{cursor:pointer}.livestream-embed-frame[data-v-42c8ef5e]{width:100%;height:100%}.livestream-embed-frame.embed-pointer-disabled[data-v-42c8ef5e]{pointer-events:none}.livestream-embed-container[data-v-42c8ef5e] iframe{width:100%;height:100%}.livestream-image-container[data-v-42c8ef5e]{position:relative;width:100%;height:max-content;aspect-ratio:16/9}.livestream-image-container img[data-v-42c8ef5e]{display:block;width:100%;height:100%}.livestream-image-container[data-v-42c8ef5e]:after{content:"";position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.6) 90%),50%/cover no-repeat}.livestream-image-overlay[data-v-42c8ef5e]{position:absolute;bottom:0;padding:0 24px 24px;width:100%;font-size:15px;line-height:18px;color:#fff;z-index:1000}.livestream-time[data-v-42c8ef5e]{display:flex;align-items:center;height:22px}.livestream-countdown[data-v-42c8ef5e]{padding:2px 8px;border-radius:5px;background-color:grey}.livestream-description-wrapper[data-v-42c8ef5e]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.livestream-description-container[data-v-42c8ef5e]{margin-left:24px;max-width:392px}.livestream-description-container .rail[data-v-42c8ef5e],.livestream-text-container[data-v-42c8ef5e]{position:relative}.livestream-text-container p[data-v-42c8ef5e]{margin-bottom:0;font-size:15px;font-weight:300;line-height:18px;word-break:break-word}.livestream-text-container:not(.overlay-gradient)>p[data-v-42c8ef5e]:last-of-type{padding-bottom:32px}.livestream-text-container.overlay-gradient[data-v-42c8ef5e]:after{content:"";position:absolute;bottom:0;width:100%;height:80px;background:linear-gradient(0deg,var(--bg-primary-color,#fff) 38%,rgba(var(--bg-primary-color-rgb),0))}.livestream-text-container>button[data-v-42c8ef5e]{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;width:100%;color:var(--primary-color,#0076cc);cursor:pointer;z-index:100}.livestream-text-container>button svg path[data-v-42c8ef5e]{fill:var(--primary-color)}.livestream-switch-button-container[data-v-42c8ef5e]{position:relative;margin-top:16px;margin-left:24px;padding-bottom:24px;display:flex;justify-content:center}.livestream-switch-button[data-v-42c8ef5e]{display:flex;align-items:center;padding:7px 20px;border:1px solid var(--primary-color,#0076cc);border-radius:18px;background-color:var(--bg-primary-color,#fff)}.livestream-switch-button-icon[data-v-42c8ef5e]{mask:url(/static/img/radio-active.svg) center/contain no-repeat;-webkit-mask:url(/static/img/radio-active.svg) center/contain no-repeat;width:20px;height:20px;background-color:var(--primary-color,#0076cc)}.livestream-switch-button-text[data-v-42c8ef5e]{margin-left:4px;font-size:13px;color:var(--primary-color,#0076cc);white-space:nowrap}.livestream-title-options[data-v-42c8ef5e]{position:relative;display:flex;justify-content:space-between;align-items:center}.livestream-title-options h5[data-v-42c8ef5e]{margin-bottom:8px;line-height:20px}.livestream-title-options button[data-v-42c8ef5e]{display:flex;padding:8px;width:40px;height:40px;border-radius:100px}.livestream-title-options button.active[data-v-42c8ef5e],.livestream-title-options button[data-v-42c8ef5e]:hover{background-color:var(--grey-6,#7f7f7f)}.livestream-options-button svg circle[data-v-42c8ef5e]{fill:var(--primary-color,#0076cc)}.livestream-options-popup[data-v-42c8ef5e]{position:absolute;top:0;right:44px;display:flex;padding:4px 0;min-width:180px;border-radius:10px;background-color:var(--bg-popup-color,#fff);box-shadow:0 0 8px 0 rgba(0,0,0,.25);z-index:1000}.livestream-options-popup ul[data-v-42c8ef5e]{list-style-type:none;margin:0;padding:0;width:100%}.livestream-options-popup li[data-v-42c8ef5e]{padding:12px 16px;cursor:pointer}.livestream-options-popup li[data-v-42c8ef5e]:hover{background-color:var(--bg-secondary-color-2,#f0f0f0)}@media (max-width:768px){.livestream-container[data-v-42c8ef5e]{padding:0 0 24px}.livestream-description-container[data-v-42c8ef5e],.livestream-header[data-v-42c8ef5e]{padding:0 16px}.livestream-header[data-v-42c8ef5e]{position:sticky;top:0;padding:12px 16px;background-color:var(--bg-primary-color);z-index:1000}.livestream-header h1[data-v-42c8ef5e]{line-height:24px;font-size:20px;font-weight:400}.livestream-content[data-v-42c8ef5e]{flex-direction:column;align-items:normal}.livestream-image-overlay[data-v-42c8ef5e]{padding:0 16px 12px}.livestream-description-wrapper[data-v-42c8ef5e]{justify-content:normal}.livestream-description-container[data-v-42c8ef5e]{margin-top:12px;margin-left:0;max-width:100%}.livestream-description-container .rail[data-v-42c8ef5e]{margin:0 -16px}.livestream-text-container:not(.overlay-gradient)>p[data-v-42c8ef5e]:last-of-type{padding-bottom:16px}.livestream-text-container.overlay-gradient[data-v-42c8ef5e]:after,.livestream-text-container>button[data-v-42c8ef5e]{width:100%}.livestream-switch-button-container[data-v-42c8ef5e]{margin-left:0}.livestream-options-popup[data-v-42c8ef5e]{top:44px;right:0}}@media (min-width:769px){.livestream-description-wrapper[data-v-42c8ef5e]{overflow-y:auto}}