.livestream-container[data-v-63c137b0]{max-width:1366px;margin:0 auto;padding:0 48px}.livestream-header[data-v-63c137b0]{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-63c137b0]{line-height:37px}.livestream-header svg path[data-v-63c137b0]{fill:var(--text-primary-color)}.livestream-content[data-v-63c137b0]{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px}.livestream-embed-container[data-v-63c137b0]{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-image-container[data-v-63c137b0]{position:relative;width:100%;height:max-content;aspect-ratio:16/9}.livestream-image-container img[data-v-63c137b0]{display:block;width:100%;height:100%}.livestream-image-container[data-v-63c137b0]: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-63c137b0]{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-63c137b0]{display:flex;align-items:center;height:22px}.livestream-countdown[data-v-63c137b0]{padding:2px 8px;border-radius:5px;background-color:grey}.livestream-description-container[data-v-63c137b0]{margin-left:24px;width:100%;max-width:392px}.livestream-description-container .rail[data-v-63c137b0]{position:relative}.livestream-text-container[data-v-63c137b0]{position:relative;height:100%}.livestream-text-container p[data-v-63c137b0]{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-63c137b0]:last-of-type{padding-bottom:32px}.livestream-text-container.overlay-gradient[data-v-63c137b0]: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-63c137b0]{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-63c137b0]{fill:var(--primary-color)}.livestream-title-options[data-v-63c137b0]{position:relative;display:flex;justify-content:space-between;align-items:center}.livestream-title-options h5[data-v-63c137b0]{margin-bottom:8px;line-height:20px}.livestream-title-options button[data-v-63c137b0]{display:flex;padding:8px;width:40px;height:40px;border-radius:100px}.livestream-title-options button.active[data-v-63c137b0],.livestream-title-options button[data-v-63c137b0]:hover{background-color:var(--grey-6,#7f7f7f)}.livestream-options-button svg circle[data-v-63c137b0]{fill:var(--primary-color,#0076cc)}.livestream-options-popup[data-v-63c137b0]{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-63c137b0]{list-style-type:none;margin:0;padding:0;width:100%}.livestream-options-popup li[data-v-63c137b0]{padding:12px 16px;cursor:pointer}.livestream-options-popup li[data-v-63c137b0]:hover{background-color:var(--bg-secondary-color-2,#f0f0f0)}@media (max-width:768px){.livestream-container[data-v-63c137b0]{padding:0 0 24px}.livestream-description-container[data-v-63c137b0],.livestream-header[data-v-63c137b0]{padding:0 16px}.livestream-header[data-v-63c137b0]{position:sticky;top:0;padding:12px 16px;background-color:var(--bg-primary-color);z-index:1000}.livestream-header h1[data-v-63c137b0]{line-height:24px;font-size:20px;font-weight:400}.livestream-content[data-v-63c137b0]{flex-direction:column}.livestream-image-overlay[data-v-63c137b0]{padding:0 16px 12px}.livestream-description-container[data-v-63c137b0]{margin-top:12px;margin-left:0;max-width:100%}.livestream-description-container .rail[data-v-63c137b0]{margin:0 -16px}.livestream-text-container:not(.overlay-gradient)>p[data-v-63c137b0]:last-of-type{padding-bottom:16px}.livestream-text-container.overlay-gradient[data-v-63c137b0]:after,.livestream-text-container>button[data-v-63c137b0]{width:100%}.livestream-options-popup[data-v-63c137b0]{top:44px;right:0}}