.graph-header-view{width:100%;min-height:72px;top:var(--header-height);z-index:100;background-color:var(--background);flex-direction:row;align-items:center;gap:1rem;margin-bottom:1rem;transition:gap .2s;display:flex;position:sticky}.graph-header-view.mobile{top:var(--header-height);display:none}@media (max-width:640px){.graph-header-view.mobile{width:calc(100% + 2rem);margin-inline:-1rem;padding-inline:1rem}.graph-header-view.mobile .right-view{right:1rem}}.graph-header-view.is-condensed{border-bottom:1px solid var(--color-extra-light-gray-change)}.graph-header-view.is-condensed .event-category-topic-container{display:none}@media (max-width:1024px){.graph-header-view{order:2;gap:.75rem;display:none}.graph-header-view.mobile{top:var(--header-height);background-color:var(--background);z-index:100;transition:gap .2s;display:flex;position:sticky;margin-bottom:1rem!important}}@media (max-width:767px){.graph-header-view.mobile{top:var(--header-height-md)}.graph-header-view.iframe-mobile{top:var(--header-iframe-height)}}.graph-header-view .back-btn{cursor:pointer;font-size:var(--font-sizes-xl);flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;display:flex}.graph-header-view .avatar-wrap{border-radius:.45rem;flex-shrink:0;display:flex;overflow:hidden}.graph-header-view .img-avtar{object-fit:cover;border-radius:4px!important;width:100%!important;height:100%!important}.graph-header-view .header-title-block{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.125rem;min-height:52px;display:flex}@media (max-width:1024px){.graph-header-view .header-title-block{min-height:40px}}.graph-header-view .event-title{font-size:var(--font-sizes-xxxl);line-height:1.2;font-weight:var(--font-weights-semi);text-align:left;color:var(--colors-shadeBlack);margin:0}.graph-header-view .event-category-topic-container{z-index:10;pointer-events:auto;align-items:center;gap:4px;display:flex;position:relative}.graph-header-view .event-category-topic-container .category-topic__link{height:24px;color:var(--color-text-secondary,#6b7280);font-size:14px;font-weight:var(--font-weights-semi);white-space:nowrap;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 2px;line-height:1;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.graph-header-view .event-category-topic-container .category-topic__link:first-child{padding-left:0}.graph-header-view .event-category-topic-container .category-topic__link:hover{color:var(--colors-gray3,#4b5563)}.graph-header-view .event-category-topic-container .category-topic__link:active{transform:scale(.97)}.graph-header-view .event-category-topic-container .category-topic__link:focus-visible{box-shadow:0 0 0 1px var(--bs-primary,#3b82f6);outline:none}.graph-header-view .event-category-topic-container .category-topic__link svg{color:var(--color-text-secondary,#6b7280);pointer-events:none;flex-shrink:0}.graph-header-view .event-category-topic-container .category-topic__separator{color:var(--color-text-secondary,#6b7280)}.graph-header-view .series-window-range{font-size:var(--font-sizes-md);line-height:1.3;font-weight:var(--font-weights-normal);color:var(--colors-textGray)}.graph-header-view span{font-size:var(--font-sizes-xxxl);line-height:1.2;font-weight:var(--font-weights-semi);text-align:left;color:var(--color-dark);-webkit-line-clamp:10;text-overflow:ellipsis;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;transition:all .2s ease-in;display:-webkit-box;overflow:hidden}.graph-header-view .right-view{flex-direction:row;align-items:center;gap:.25rem;display:flex}.graph-header-view .right-view .box{cursor:pointer;z-index:10;background-color:#0000;border-radius:50px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.graph-header-view .right-view .box[data-tooltip]:before{margin-top:-1px;margin-bottom:0;top:40px;bottom:auto}.graph-header-view .right-view .box[data-tooltip]:after{border-top:none;border-bottom:5px solid var(--colors-tooltipBackgroundDark);top:34px;bottom:auto}.graph-header-view .right-view .box .up{pointer-events:none;z-index:12;opacity:.5;font-size:12px;position:absolute;top:40px;left:-64px;transform:rotate(-180deg)}.graph-header-view .right-view .box .down{pointer-events:none;z-index:12;opacity:.5;font-size:12px;position:absolute;top:255px;left:-64px}.graph-header-view .right-view .box:hover{background-color:var(--color-extra-light-gray-change)}.graph-header-view .right-view .box i{color:var(--color-dark);font-size:var(--font-sizes-lg)}.graph-header-view .right-view .box i.active{color:var(--bs-primary)!important}.graph-header-view .right-view .box .drop-container-link{z-index:10;background-color:var(--background);border:1px solid var(--color-extra-light-gray-change);will-change:transform,opacity;width:180px;max-height:248px;box-shadow:var(--color-cardShadow);border-radius:12px;flex-direction:column;animation-name:transform;animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1);position:absolute;top:30px;left:-150px;overflow-y:auto}.graph-header-view .right-view .box .drop-container-link.footer{top:230px;left:30px}@media (max-width:1020px){.graph-header-view .right-view .box .drop-container-link.footer{left:-326px}}.graph-header-view .right-view .box .drop-container-link .item-link-view{-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:48px;padding-left:1rem;padding-right:1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.graph-header-view .right-view .box .drop-container-link .item-link-view.border{border-bottom:1px solid var(--color-extra-light-gray-change)}.graph-header-view .right-view .box .drop-container-link .item-link-view:hover{background-color:var(--colors-gray6_50)}.graph-header-view .right-view .box .drop-container-link .item-link-view i{opacity:.8;font-size:12px;transform:rotate(-90deg)}.graph-header-view .right-view .box .drop-container-link .item-link-view span{font-size:var(--fontSizes-md);color:var(--colors-shadeBlack);font-weight:var(--font-weights-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;overflow:hidden}.graph-strip-action-view{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}@media (max-width:1020px){.graph-strip-action-view{width:100%;margin-bottom:.75rem}}@media (max-width:1020px) and (max-width:550px){.graph-strip-action-view{order:1}}.graph-strip-action-view .left-view{flex-direction:row;align-items:center;gap:1rem;display:flex}.graph-strip-action-view .left-view .view-item-graph{flex-direction:row;align-items:center;display:flex;position:relative}.graph-strip-action-view .left-view .view-item-graph.hide-timer-desktop .bonus-element-card-view{display:none}@media (max-width:550px){.graph-strip-action-view .left-view .view-item-graph.hide-timer-desktop .bonus-element-card-view{display:flex}}.graph-strip-action-view .left-view .view-item-graph.hide-timer-desktop .expired-label-devider{display:block}@media (max-width:550px){.graph-strip-action-view .left-view .view-item-graph.hide-timer-desktop .expired-label-devider{display:none}}.graph-strip-action-view .left-view .view-item-graph.hide-timer-desktop .expired-label{display:none}@media (max-width:550px){.graph-strip-action-view .left-view .view-item-graph.hide-timer-desktop .expired-label{display:flex}.graph-strip-action-view .left-view .view-item-graph.hide-timer-mobile .expired-label,.graph-strip-action-view .left-view .view-item-graph.hide-timer-mobile .bonus-element-card-view{display:none}.graph-strip-action-view .left-view .view-item-graph.watch{visibility:hidden;display:none}}.graph-strip-action-view .left-view .view-item-graph .box-view{background-color:var(--color-extra-light-gray-change);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:32px;height:26px;margin-right:.75rem;display:flex}.graph-strip-action-view .left-view .view-item-graph .box-view i{font-size:var(--font-sizes-xsm)}.graph-strip-action-view .left-view .view-item-graph .watch{color:var(--color-light-dark);font-size:var(--font-sizes-md);order:1;margin-right:6px}.graph-strip-action-view .left-view .view-item-graph span{font-size:var(--font-sizes-xsm);line-height:1.25rem;font-weight:var(--font-weights-medium);letter-spacing:0;text-align:left;color:var(--gray-600);white-space:nowrap;flex-direction:row;order:2;align-items:center;gap:5px;display:flex}@media (max-width:1020px){.graph-strip-action-view .right-view .box .drop-container-link.footer{left:-326px}}.graph-strip-action-view .right-view{flex-direction:row;align-items:center;gap:.25rem;height:100%;display:flex;position:relative}.graph-strip-action-view .right-view .box{cursor:pointer;z-index:10;background-color:#0000;border-radius:100%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.graph-strip-action-view .right-view .box .up{pointer-events:none;z-index:12;opacity:.5;font-size:12px;position:absolute;top:40px;left:-64px;transform:rotate(-180deg)}.graph-strip-action-view .right-view .box .down{pointer-events:none;z-index:12;opacity:.5;font-size:12px;position:absolute;top:255px;left:-64px}.graph-strip-action-view .right-view .box:hover{background-color:var(--color-extra-light-gray-change)}.graph-strip-action-view .right-view .box i{color:var(--color-dark);font-size:var(--font-sizes-lg)}.graph-strip-action-view .right-view .box i.active{color:var(--bs-primary)!important}.graph-strip-action-view .right-view .box .drop-container-link{z-index:10;background-color:var(--background);border:1px solid var(--color-extra-light-gray-change);will-change:transform,opacity;width:180px;max-height:248px;box-shadow:var(--color-cardShadow);border-radius:12px;flex-direction:column;animation-name:transform;animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1);position:absolute;top:30px;left:-150px;overflow-y:auto}.graph-strip-action-view .right-view .box .drop-container-link.footer{top:230px;left:30px}@media (max-width:1020px){.graph-strip-action-view .right-view .box .drop-container-link.footer{left:-326px}}.graph-strip-action-view .right-view .box .drop-container-link .item-link-view{-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:48px;padding-left:1rem;padding-right:1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.graph-strip-action-view .right-view .box .drop-container-link .item-link-view.border{border-bottom:1px solid var(--color-extra-light-gray-change)}.graph-strip-action-view .right-view .box .drop-container-link .item-link-view:hover{background-color:var(--colors-gray6_50)}.graph-strip-action-view .right-view .box .drop-container-link .item-link-view i{opacity:.8;font-size:12px;transform:rotate(-90deg)}.graph-strip-action-view .right-view .box .drop-container-link .item-link-view span{font-size:var(--fontSizes-md);color:var(--colors-shadeBlack);font-weight:var(--font-weights-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;overflow:hidden}.new-tag-12qaw32145{font-size:var(--font-sizes-sm)!important;color:var(--color-yellow-600)!important;font-weight:var(--font-weights-medium)!important;text-transform:uppercase!important}.new-tag-12qaw32145 i{color:var(--color-yellow-600)!important;width:auto!important;height:auto!important;margin-top:-1px!important;font-size:10px!important}.live-tag-card-view{align-items:center;display:flex;font-size:var(--font-sizes-sm)!important;color:var(--color-incorrect)!important;font-weight:var(--font-weights-semi)!important;text-transform:uppercase!important;gap:7px!important}.live-tag-card-view .live-dot{background-color:var(--color-incorrect);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-incorrect) 45%, transparent);border-radius:50%;flex-shrink:0;animation:1.2s ease-out infinite live-dot-pulse;margin-top:-1px!important}@keyframes live-dot-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-incorrect) 45%, transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-incorrect) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-incorrect) 0%, transparent)}}
