.gain-trend-chart{flex-direction:column;gap:6px;width:100%;display:flex}.gain-trend-chart__body{flex-direction:column;gap:6px;display:flex;position:relative}.gain-trend-chart__scale{flex-direction:column;align-items:flex-end;width:100%;display:flex}.gain-trend-chart__scale--top .gain-trend-chart__value{color:var(--Adam-Brand-Color-Button-light-green,#b7f9d0)}.gain-trend-chart__scale--bottom{margin-top:-4px}.gain-trend-chart__scale--bottom .gain-trend-chart__value{color:#f9a3a3}.gain-trend-chart__label{color:#fff;font-size:10px;font-weight:500;line-height:13px}.gain-trend-chart__value{color:var(--General-Color-White,#fff);font-size:10px;font-weight:500;line-height:13px}.gain-trend-chart__divider{background-image:linear-gradient(90deg,#ffffff4d 50%,#0000 50%);background-repeat:repeat-x;background-size:6px 1px;width:100%;height:1px}.gain-trend-chart__chart{justify-content:flex-start;width:100%;padding-top:8px;display:flex;position:relative}.gain-trend-chart__chart svg{flex-shrink:0}.gain-trend-chart__reader{z-index:1;background:linear-gradient(#ffffff4d 0%,#fff0 77.34%);border-radius:10px;flex-direction:column;align-items:center;width:42px;padding-top:6px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden;transform:translate(-50%)}.gain-trend-chart__reader span{color:var(--reader-color,#fff);white-space:nowrap;font-size:8px;font-weight:500;line-height:10px;transition:color .3s}.gain-trend-chart__labels{justify-content:flex-start;align-items:center;gap:5px;width:100%;min-height:10px;padding:5px 5px 0;display:flex}.gain-trend-chart__labels span{color:#ffffff80;text-align:center;letter-spacing:-.01em;flex:none;width:50px;font-size:8px;font-weight:500;line-height:10px;transition:color .3s}.gain-trend-chart__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}}html.font-arabic .how-much-gain .score-details-container .over-score h1,html.font-arabic .how-much-gain .score-details-container .over-score h1 span{font-family:var(--font-english)}