.gain-trend-graph{flex-direction:column;gap:6px;width:100%;display:flex}.gain-trend-graph__scale{flex-direction:column;align-items:flex-end;width:100%;display:flex}.gain-trend-graph__label{color:#ffffffb3;font-size:10px;font-weight:500;line-height:13px}.gain-trend-graph__value{color:var(--General-Color-White,#fff);font-size:10px;font-weight:500;line-height:13px}.gain-trend-graph__divider{background-image:linear-gradient(90deg,#ffffff4d 50%,#0000 50%);background-repeat:repeat-x;background-size:6px 1px;width:100%;height:1px}.gain-trend-graph__chart{width:100%;padding-top:26px;position:relative}.gain-trend-graph__reader{background:linear-gradient(#ffffff38 0%,#fff0 100%);border-radius:10px 10px 0 0;flex-direction:column;align-items:center;width:32px;padding-top:4px;display:flex;position:absolute;top:0;overflow:hidden;transform:translate(-50%)}.gain-trend-graph__reader span{color:var(--General-Color-White,#fff);white-space:nowrap;font-size:8px;font-weight:500;line-height:10px}.gain-trend-graph__labels{justify-content:space-between;width:100%;padding:5px 0 0;display:flex}.gain-trend-graph__labels span{color:#ffffff80;text-align:center;letter-spacing:-.01em;flex:1;font-size:8px;font-weight:500;line-height:10px;transition:color .3s}.gain-trend-graph__labels span.is-active{color:var(--General-Color-White,#fff)}
.how-much-gain{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--General-Color-Transparent-White-2,#ffffff1a);background:#fff3;border-radius:30px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:20px;width:529px;padding:20px;display:flex}.how-much-gain .title{color:var(--General-Color-White,#fff);letter-spacing:-.24px;font-size:24px;font-weight:500;line-height:36px}.how-much-gain .title span{color:var(--General-Color-White,#fff);letter-spacing:-.27px;font-family:SourceSerif4,serif;font-size:27px;font-style:italic;font-weight:600;line-height:36px}.how-much-gain .tag-switch-container{border:1px solid var(--General-Color-Transparent-White-2,#ffffff1a);background:var(--General-Color-Transparent-White-2,#ffffff1a);border-radius:50px;align-items:center;gap:3px;width:300px;padding:3px;display:flex}.how-much-gain .tag-switch-container .tag-switch{height:36px;color:var(--General-Color-White,#fff);text-align:center;letter-spacing:-.14px;cursor:pointer;border-radius:50px;flex:1 0 0;justify-content:center;align-items:center;font-size:14px;font-weight:500;line-height:18px;display:flex}.how-much-gain .tag-switch-container .tag-switch.active{background:var(--General-Color-Transparent-White-2,#ffffff1a);border-radius:50px}.how-much-gain .score-details-container{border:1px solid var(--General-Color-Transparent-White-2,#ffffff1a);background:0 0;border-radius:30px;justify-content:space-between;align-self:stretch;align-items:center;display:flex}.how-much-gain .score-details-container .over-score{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 30px;display:flex}.how-much-gain .score-details-container .over-score h1{color:var(--System-Color-Red-Text,#f9a3a3);letter-spacing:-2px;font-size:60px;font-weight:500;line-height:60px;transition:color .3s}.how-much-gain .score-details-container .over-score h1 span{color:#fff;font-size:24px;font-weight:500;line-height:36px}.how-much-gain .score-details-container .over-score.over-score--after h1{color:#25d366}.how-much-gain .score-details-container .over-score p{color:#fff;letter-spacing:-.08px;font-family:SourceSerif4,serif;font-size:12px;font-style:italic;font-weight:600;line-height:18px}.how-much-gain .score-details-container .graph-container{border:1px solid var(--General-Color-Transparent-White-2,#ffffff1a);background:var(--General-Color-Transparent-White-2,#ffffff1a);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;flex-direction:column;align-items:flex-start;width:310px;height:179px;padding:15px;display:flex;overflow:hidden}@media (max-width:575px){.how-much-gain{gap:30px;width:100%;padding:20px 20px 15px;display:flex}.how-much-gain .title{color:var(--General-Color-White,#fff);letter-spacing:-.18px;font-size:18px;font-weight:500;line-height:18px}.how-much-gain .title span{letter-spacing:-.18px;font-size:18px;font-weight:600;line-height:18px}.how-much-gain .tag-switch-container{gap:3px;width:100%;padding:3px;display:flex}.how-much-gain .tag-switch-container .tag-switch{letter-spacing:-.08px;font-size:13px;font-weight:500;line-height:18px}.how-much-gain .score-details-container{border:1px solid var(--General-Color-Transparent-White-2,#ffffff1a);background:0 0;border-radius:30px;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:center;display:flex}.how-much-gain .score-details-container .over-score{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 30px;display:flex}.how-much-gain .score-details-container .over-score h1{letter-spacing:-2px;font-size:45px;font-weight:500;line-height:45px}.how-much-gain .score-details-container .over-score h1 span{font-size:21px;font-weight:500;line-height:30px}.how-much-gain .score-details-container .over-score.over-score--after h1{color:#25d366}.how-much-gain .score-details-container .graph-container{border:1px solid var(--General-Color-Transparent-White-2,#ffffff1a);background:var(--General-Color-Transparent-White-2,#ffffff1a);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;flex-direction:column;align-items:flex-start;width:105%;height:179px;padding:15px;display:flex}}