.graph-header-view{display:flex;align-items:center;width:100%;gap:1.5rem;flex-direction:row;margin-bottom:1rem}.graph-header-view.mobile{display:none}@media(max-width:1024px){.graph-header-view{gap:1rem;order:2;display:none}.graph-header-view.mobile{display:flex;background-color:var(--background);z-index:99;transition:all .2s ease;padding-bottom:1rem!important;margin-bottom:0!important}.graph-header-view span{font-size:20px!important}}.graph-header-view .img-avtar{width:64px!important;height:64px!important;border-radius:4px!important;object-fit:cover;transition:all .2s ease-in}@media(max-width:1024px){.graph-header-view .img-avtar{width:52px!important;height:52px!important}}.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);max-width:75%;transition:all .2s ease-in;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}@media(max-width:767px){.graph-header-view span{max-width:60%}}.graph-header-view .right-view{display:flex;flex-direction:row;align-items:center;gap:.25rem;position:absolute;right:0}@media(min-width:767px){.graph-header-view .right-view{right:28px}}.graph-header-view .right-view .box{width:26px;height:26px;display:flex;border-radius:6px;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);cursor:pointer;position:relative;z-index:10}.graph-header-view .right-view .box .up{top:40px;transform:rotate(-180deg)}.graph-header-view .right-view .box .down,.graph-header-view .right-view .box .up{position:absolute;pointer-events:none;left:-64px;z-index:12;font-size:12px;opacity:.5}.graph-header-view .right-view .box .down{top:255px}.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;position:absolute;top:30px;left:-150px;flex-direction:column;max-height:248px;background-color:var(--background);border:1px solid var(--color-extra-light-gray-change);border-radius:12px;width:180px;overflow-y:auto;animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity;animation-name:transform;box-shadow:var(--color-cardShadow)}.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{position:relative;display:flex;align-items:center;flex-direction:row;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;padding-left:1rem;padding-right:1rem;transition:.2s;width:100%;height:48px;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{font-size:12px;transform:rotate(-90deg);opacity:.8}.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;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis}.graph-strip-action-view{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}@media(max-width:1020px){.graph-strip-action-view{width:100%}}@media(max-width:1020px)and (max-width:550px){.graph-strip-action-view{order:1}}.graph-strip-action-view .left-view{display:flex;flex-direction:row;align-items:center;gap:1rem}.graph-strip-action-view .left-view .view-item-graph{display:flex;position:relative;flex-direction:row;align-items:center}.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 .bonus-element-card-view,.graph-strip-action-view .left-view .view-item-graph.hide-timer-mobile .expired-label{display:none}.graph-strip-action-view .left-view .view-item-graph.watch{display:none;visibility:hidden}}.graph-strip-action-view .left-view .view-item-graph .box-view{border-radius:4px;background-color:var(--color-extra-light-gray-change);margin-right:.75rem;width:32px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer}.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);margin-right:6px;order:1}.graph-strip-action-view .left-view .view-item-graph span{font-size:var(--font-sizes-md);line-height:1.25rem;font-weight:var(--font-weights-medium);letter-spacing:0;text-align:left;color:var(--gray-600);white-space:nowrap;display:flex;flex-direction:row;align-items:center;gap:5px;order:2}