:root{--chart-color: #007bff;--chart-thickness: 2px;--border: 2px solid #e1e8ef}.predictions-container{display:flex}.predictions-container .predictions{width:70%;margin-left:16px}@media screen and (max-width: 768px){.predictions-container .predictions{width:100%;margin-left:0;margin-bottom:16px}}@media screen and (max-width: 1024px){.predictions-container .predictions{width:100%}}@media screen and (max-width: 768px){.predictions-container{flex-direction:column}}.predictions-container ul{list-style:none}.predictions-container a{text-decoration:none;color:inherit}.predictions-container .predictions__chart{display:flex;gap:18px;height:100%}.predictions-container .chart-wrapper{display:flex;gap:16px;padding:16px;border:var(--border);flex:2;border-radius:12px}@media screen and (max-width: 768px){.predictions-container .chart-wrapper{overflow-x:scroll}}.predictions-container .chart-wrapper .chart-y{padding-left:0}.predictions-container .chart-wrapper .chart-y li{padding:0 15px;font-size:14px;margin-top:40px}@media screen and (max-width: 768px){.predictions-container .chart-wrapper .chart-y li{padding:0 4px}}.predictions-container .chart-wrapper .chart-y li:last-child{margin-bottom:0}.predictions-container .chart-wrapper .chart-y li:first-child{margin-top:0}.predictions-container .chart-wrapper .chart-x{display:flex;flex-grow:1}@media screen and (max-width: 768px){.predictions-container .chart-wrapper .chart-x{padding-left:0}}.predictions-container .chart-wrapper .chart-x li{position:relative;display:flex;align-items:flex-end;flex:1;border-right:1px solid #f2f2f2;font-size:14px;padding-left:4px}@media screen and (max-width: 768px){.predictions-container .chart-wrapper .chart-x li{min-width:100px}}.predictions-container .chart-wrapper .chart-x li:hover{background:#f8f9fa;border-left:1px solid #dce2ea}.predictions-container .chart-wrapper .chart-x li:before,.predictions-container .chart-wrapper .chart-x li:after{content:"";position:absolute;left:0;background:var(--chart-color)}.predictions-container .chart-wrapper .chart-x li:before{top:0;width:100%;height:100%;clip-path:polygon(0 calc(100% - var(--start) - 40px),0 calc(100% - var(--start) - 40px),0 calc(100% - var(--start) - 40px),0 calc(100% - var(--start) - 40px));transition:clip-path .5s calc(var(--delay, 0) * .5s)}.predictions-container .chart-wrapper .chart-x li:after{top:calc(100% - var(--start));width:10px;height:10px;border-radius:50%;margin-left:-5px;transform:translateY(-50%)}.predictions-container .chart-wrapper .chart-x .future-year{background:#dff3ff}.predictions-container .chart-wrapper .chart-x .future-year:hover{background:#bae2ff;border-left:1px solid #007bff}.predictions-container .chart-wrapper .chart-x .tab.future-tab{background:#f1faff;padding:4px 16px;border-radius:12px;position:absolute;top:8px;left:8px;color:#007bff}.predictions-container .chart-wrapper .chart-x .tab.current{background:#eff3f5;padding:4px 16px;border-radius:12px;position:absolute;top:8px;right:8px;color:#1f2123}.predictions-container .chart-wrapper .chart-x .value-box{position:absolute;top:calc(104% - var(--start));width:fit-content;padding:4px 8px;border-radius:8px;transform:translate(-30%);background:#007bff;color:#fff;font-weight:700;text-align:start}@media screen and (min-width: 768px){.predictions-container .chart-wrapper .chart-x .value-box{display:none}}.predictions-container .chart-wrapper .chart-x .year-value{font-size:10px;font-weight:400;color:#fff;text-align:start}.predictions-container .chart-wrapper .page-footer{position:fixed;right:0;bottom:50px;display:flex;align-items:center;padding:5px;z-index:1;font-size:14px;background:#fff}.predictions-container .chart-wrapper .page-footer a{display:flex;margin-left:4px}@media (max-width: 700px){.predictions-container .predictions__chart{flex-direction:column}.predictions-container .chart-wrapper{order:-1}}@media (max-width: 768px){.predictions-container .chart-wrapper{padding:8px}}.predictions-container .predictions-cta{background:#eff3f5;border-radius:12px;padding:32px 16px;width:30%;height:fit-content}@media screen and (max-width: 1024px){.predictions-container .predictions-cta{width:100%}}.predictions-container .predictions-cta span{font-size:24px;font-weight:700;color:#1f2123;margin:0 0 16px;padding:0;text-align:center;line-height:32px;display:block}.predictions-container .predictions-cta p{color:#1f2123;font-weight:400;font-size:18px;margin-bottom:48px;text-align:center;min-height:76px}.predictions-container .predictions-cta .cta__company{display:flex;align-items:center;justify-items:center;width:100%;margin-bottom:16px}.predictions-container .predictions-cta .cta__company .logo{width:80px;height:80px;border-radius:16px;overflow:hidden;margin-left:16px;margin-right:auto}.predictions-container .predictions-cta .cta__company .logo img{object-fit:contain;width:80px;height:80px}.predictions-container .predictions-cta .cta__company span{color:#1f2123;font-size:24px;font-weight:700;padding:0;margin:0 0 0 auto;display:block}.predictions-container .predictions-cta .cta-btn{height:46px;border-radius:100px;width:100%;background:#fbbf0d;display:block;cursor:pointer;outline:none;border:none;color:#1f2123;text-align:center;justify-content:center;align-items:center;display:flex}.predictions-container .predictions-cta .cta-btn span{font-size:18px;font-weight:700;color:#1f2123;margin:0}.predictions-container .predictions-cta .cta-btn svg{margin-right:8px}@media screen and (min-width: 768px) and (max-width: 1024px){.predictions-container .predictions-cta{display:flex;align-items:center}.predictions-container .predictions-cta h3{text-align:right}.predictions-container .predictions-cta p{text-align:right;margin-bottom:0}.predictions-container .predictions-cta .cta__company{flex-direction:row}.predictions-container .predictions-cta .cta__company__container{margin-right:32px;width:100%}}.predictions-container .instrument .table-container,.predictions-container .instrument .table-wrapper{overflow-x:auto}.predictions-container .instrument table{width:100%!important;text-align:right;font-weight:700;font-size:14px;table-layout:fixed}.predictions-container .instrument table caption{caption-side:bottom;text-align:right;color:#7b8895;font-family:Almarai;font-size:14px;font-style:normal;font-weight:400;line-height:24px;background-image:url(../../img/CaptionIcon.svg)!important;background-size:18px;background-repeat:no-repeat;background-position:right 2% bottom 50%;padding:16px 48px}.predictions-container .instrument thead{background-color:#eff3f5}.predictions-container .instrument thead th{padding:16px;border-bottom:2px solid #e1e8ef}.predictions-container .instrument tbody tr{transition:background-color .3s ease}.predictions-container .instrument tbody tr:hover{background-color:#00000013}.predictions-container .instrument tbody td{padding:16px;word-wrap:break-word}.predictions-container .instrument .table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}@media screen and (max-width: 1024px){.predictions-container{flex-direction:column}}.loaded .chart-wrapper .chart-x li:before{clip-path:polygon(0 calc(100% - var(--start)),100% calc(100% - var(--end)),100% calc(calc(100% - var(--end)) + var(--chart-thickness)),0 calc(calc(100% - var(--start)) + var(--chart-thickness)))}
