.client-sentiment .skeleton-item .skeleton-market{height:44px;justify-self:flex-start;width:100px;grid-area:market}@media (max-width:576px){.client-sentiment .skeleton-item .skeleton-market{width:150px}}.client-sentiment .skeleton-item .skeleton-sentiment{height:44px;width:80px;grid-area:signal}@media (max-width:576px){.client-sentiment .skeleton-item .skeleton-sentiment{justify-self:flex-end;width:150px}}.client-sentiment .skeleton-item .skeleton-percentage{height:44px;width:50px}.client-sentiment .skeleton-item .skeleton-percentage.vol-long{grid-area:long}@media (max-width:576px){.client-sentiment .skeleton-item .skeleton-percentage.vol-long{justify-self:flex-start;width:100px}}.client-sentiment .skeleton-item .skeleton-percentage.vol-short{grid-area:short}@media (max-width:576px){.client-sentiment .skeleton-item .skeleton-percentage.vol-short{justify-self:flex-end;width:100px}}.client-sentiment .skeleton-item .skeleton-progress{width:100%;height:10px;grid-area:progress}@media (max-width:576px){.client-sentiment .skeleton-item .skeleton-progress{margin-bottom:16px}}.client-sentiment .skeleton-progress,.client-sentiment .skeleton-text{border-radius:10px;position:relative;overflow:hidden;background-color:#e6e8f1}@keyframes shimmer{100%{transform:translateX(100%)}}.client-sentiment .skeleton-progress::after,.client-sentiment .skeleton-text::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:""}.client-sentiment .skeleton-progress{width:200px;height:20px}.client-sentiment .skeleton-toggle{grid-area:toggle}.client-sentiment{border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.14)}.client-sentiment__header{background:#12225c;background:linear-gradient(225deg,#0954b5 0,#12225c 100%);font-size:40px;line-height:50px;display:flex;justify-content:space-between;align-items:center;padding:25px 50px;color:#fff;border-top-right-radius:10px;border-top-left-radius:10px}@media (max-width:1439px){.client-sentiment__header{font-size:36px;line-height:46px}}@media (max-width:767px){.client-sentiment__header{font-size:30px;line-height:40px}}@media (max-width:576px){.client-sentiment__header{flex-direction:column;align-items:flex-start;padding:15px}}.client-sentiment__date{font-size:14px;line-height:20px}.client-sentiment__content{padding:35px 50px;background-color:#fff;display:grid;row-gap:40px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}@media (max-width:576px){.client-sentiment__content{padding:15px;row-gap:5px}}.client-sentiment__grid-market{grid-area:market;justify-self:flex-start}.client-sentiment__grid-signal{grid-area:signal;justify-self:flex-start}@media (max-width:1024px){.client-sentiment__grid-signal{justify-self:center}}@media (max-width:576px){.client-sentiment__grid-signal{justify-self:flex-end}}.client-sentiment__grid-long{grid-area:long;justify-self:flex-end}@media (max-width:576px){.client-sentiment__grid-long{justify-self:flex-start}}.client-sentiment__grid-short{grid-area:short;justify-self:flex-start}@media (max-width:576px){.client-sentiment__grid-short{justify-self:flex-end}}.client-sentiment__grid-progress{grid-area:progress}.client-sentiment__grid-toggle{grid-area:toggle}.client-sentiment .skeleton-item,.client-sentiment__head,.client-sentiment__list-item{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr)) 88px 3fr 88px 44px;grid-template-areas:"market signal long progress short toggle" "historical historical chart chart chart chart";-moz-column-gap:35px;column-gap:35px}@media (max-width:1024px){.client-sentiment .skeleton-item,.client-sentiment__head,.client-sentiment__list-item{grid-template-columns:repeat(2,minmax(100px,1fr)) 88px 3fr 88px 44px;grid-template-areas:"market signal long progress short toggle" "historical historical historical historical historical historical" "chart chart chart chart chart chart";-moz-column-gap:10px;column-gap:10px}}.client-sentiment__head{justify-items:center;align-items:center}@media (max-width:576px){.client-sentiment__head{display:none}}.client-sentiment__head__item{font-size:16px;line-height:22px;font-weight:600;color:#12225c}.client-sentiment .skeleton-item,.client-sentiment__list-item{position:relative;justify-items:center;align-items:center}@media (max-width:576px){.client-sentiment .skeleton-item,.client-sentiment__list-item{grid-template-columns:repeat(3,auto) 44px;grid-template-areas:"market . signal toggle" "long long short short" "progress progress progress progress" "historical historical historical historical" "chart chart chart chart";gap:5px}}.client-sentiment .skeleton-item:not(:last-child):after,.client-sentiment__list-item:not(:last-child):after{content:'';position:absolute;bottom:-20px;border:1px solid #b0b8ba;width:100%}@media (max-width:576px){.client-sentiment .skeleton-item:not(:last-child):after,.client-sentiment__list-item:not(:last-child):after{bottom:0}}.client-sentiment__market-name,.client-sentiment__percentage,.client-sentiment__progress,.client-sentiment__sentiment,.client-sentiment__toggle{display:flex;justify-content:center;align-items:center}.client-sentiment__market-name{height:44px;color:#0954b5}@media (max-width:1024px){.client-sentiment__historical-data{flex-direction:column;align-items:center}}@media (max-width:768px){.client-sentiment__historical-data{align-items:normal}}@media (max-width:576px){.client-sentiment__historical-data{margin-bottom:16px}}.client-sentiment__historical-data__chart{grid-area:chart;margin-top:35px;position:relative;padding-left:55px;padding-top:10px;width:100%}@media (max-width:576px){.client-sentiment__historical-data__chart{overflow:hidden}}@media (max-width:576px){.client-sentiment__historical-data__chart .canvas-container-wrapper{overflow-x:auto}}.client-sentiment__historical-data__chart .canvas-container{position:relative;margin-bottom:55px;padding-right:10px}@media (max-width:1024px){.client-sentiment__historical-data__chart .canvas-container{min-width:498px}}.client-sentiment__historical-data__info{grid-area:historical;margin-top:35px;align-self:flex-start;display:flex;flex-direction:column}@media (max-width:1024px){.client-sentiment__historical-data__info{align-items:center;text-align:center}}.client-sentiment__historical-data__info-title{font-size:14px;line-height:20px;font-weight:600;color:#12225c}.client-sentiment__historical-data__info-description{font-size:14px;line-height:20px;margin-bottom:10px}.client-sentiment__historical-data__info-legend{list-style:none;padding:0;display:flex;flex-direction:column}@media (max-width:1024px){.client-sentiment__historical-data__info-legend{flex-direction:row;justify-content:center;-moz-column-gap:35px;column-gap:35px}}.client-sentiment__historical-data__info-legend li{font-size:14px;line-height:20px;display:flex;align-items:center}.client-sentiment__historical-data__info-legend .legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:10px}.client-sentiment__historical-data__info-legend .legend-dot.long{background-color:#ad1f32}.client-sentiment__historical-data__info-legend .legend-dot.short{background-color:#0e6937}.client-sentiment__progress{width:100%;-moz-column-gap:5px;column-gap:5px}@media (max-width:576px){.client-sentiment__progress{margin-bottom:16px}}.client-sentiment__progress-bar{height:10px;border-radius:10px}.client-sentiment__progress-bar.vol-long{background-color:#00850f}.client-sentiment__progress-bar.vol-short{background-color:#ad1f32}.client-sentiment__percentage{height:44px}.client-sentiment__percentage__value{font-size:16px;line-height:22px;padding:2px 10px;border-radius:5px}@media (max-width:576px){.client-sentiment__percentage__value{font-size:14px;line-height:20px;font-weight:600}}.client-sentiment__percentage__description{font-size:14px;line-height:20px;display:none}@media (min-width:576px){.client-sentiment__percentage__description.hovered{display:block;position:fixed;top:0;left:0;transform:translate(12px,-8px);background:#fff;padding:5px 10px;border-radius:48px;box-shadow:0 0 10px 0 rgba(0,0,0,.14);z-index:10;color:#000}}@media (max-width:576px){.client-sentiment__percentage__description{display:block}}.client-sentiment__percentage.vol-long{color:#00850f}.client-sentiment__percentage.vol-long .highlight{background-color:#00850f;color:#fff}@media (max-width:576px){.client-sentiment__percentage.vol-long .highlight{margin-right:5px}}.client-sentiment__percentage.vol-short{color:#ad1f32}.client-sentiment__sentiment{height:44px}.client-sentiment__sentiment.bullish{color:#00850f}.client-sentiment__sentiment.bearish{color:#ad1f32}.client-sentiment__sentiment.neutral{color:#000}.client-sentiment__toggle{height:44px;width:44px}.client-sentiment__toggle::after{content:"";cursor:pointer;background-image:url(../../../images/chevron-down-dark.svg);background-repeat:no-repeat;background-size:12px;width:12px;height:12px;transition:transform .5s}.client-sentiment__toggle.expanded::after{transform:rotate(180deg)}.y-label{position:absolute;top:10px;left:0;height:100%}.y-label__content{font-size:10px;line-height:12px;letter-spacing:.01em;position:absolute;transform:translateY(-50%);display:inline-flex;align-items:flex-end;pointer-events:none;-moz-column-gap:5px;column-gap:5px}.y-label__value{display:inline-block;text-align:right;flex:0 0 40px}.x-label{font-size:10px;line-height:12px;letter-spacing:.01em;font-weight:600;position:absolute;transform:translateX(-50%);display:inline-flex;flex-direction:column;align-items:center;pointer-events:none}.x-label__container{position:absolute;bottom:0;left:0}.x-label__separator{transform:rotate(90deg)}.x-label__day{font-weight:600}.x-label__month{color:#707070}.x-label__day,.x-label__month,.x-label__separator{display:inline-block}.chart__tooltip{font-weight:600;position:absolute;background:#fff;border-radius:4px;pointer-events:none;transition:all .3s ease;padding:10px 25px;box-shadow:0 0 10px 0 rgba(0,0,0,.14);z-index:1}.chart__tooltip::after{content:'';position:absolute;border-width:12px;border-style:solid}.chart__tooltip--left::after,.chart__tooltip--right::after{transform:translateY(-50%);top:50%}.chart__tooltip--middle{transform:translate(-79px,-95px)}.chart__tooltip--middle::after{border-style:solid;height:0;width:0;border-color:#fff rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0);border-width:10px 10px 0 10px;left:50%;top:100%;transform:translateX(-50%)}.chart__tooltip--left{transform:translate(11px,-42px)}.chart__tooltip--left::after{border-style:solid;height:0;width:0;border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);border-width:10px 10px 10px 0;left:-10px;top:50%;transform:translateY(-50%)}.chart__tooltip--left.chart__tooltip--top{transform:translate(11px,-12px);border-top-left-radius:0}.chart__tooltip--left.chart__tooltip--top::after{border-style:solid;height:0;width:0;border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);border-width:10px 10px 10px 0;left:-10px;top:0;transform:translateY(0)}.chart__tooltip--right{transform:translate(-170px,-42px)}.chart__tooltip--right::after{border-style:solid;height:0;width:0;border-color:rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #fff;border-width:10px 0 10px 10px;left:100%}.chart__tooltip--right.chart__tooltip--top{transform:translate(-170px,-12px);border-top-right-radius:0}.chart__tooltip--right.chart__tooltip--top::after{border-style:solid;height:0;width:0;border-color:rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #fff;border-width:10px 0 10px 10px;left:100%;top:0;transform:translateY(0)}.chart__tooltip--top{transform:translate(-79px,12px)}.chart__tooltip--top::after{border-style:solid;height:0;width:0;border-color:rgba(255,255,255,0) rgba(255,255,255,0) #fff rgba(255,255,255,0);border-width:0 10px 10px 10px;top:-10px;left:50%}.chart__tooltip__header{display:flex;justify-content:space-between;gap:25px}.chart__tooltip__item{display:flex;flex-direction:column;align-items:center}.chart__tooltip__item__short .chart__tooltip__item__label{color:#ad1f32}.chart__tooltip__item__short .chart__tooltip__item__value{align-self:flex-end}.chart__tooltip__item__long .chart__tooltip__item__label{color:#0e6937}.chart__tooltip__item__long .chart__tooltip__item__value{align-self:flex-start}.chart__tooltip__item__label{font-size:16px;line-height:22px;font-weight:600}.chart__tooltip__item__value{font-size:14px;line-height:20px;color:#000}.chart__tooltip__footer{font-size:10px;line-height:12px;letter-spacing:.01em;font-weight:500;color:#b0b8ba;margin-top:10px;text-align:end}