.portfolio-characteristics-wrapper{border-radius:16px;border:2px solid rgba(0,115,187,0.10);background:#f2f7fb;padding:16px 24px}
.portfolio-characteristics-wrapper .sectorPieChart{width:550px;height:550px}
.portfolio-characteristics-wrapper .portfolio-header{color:#333;text-align:center;font-family:Inter;font-size:20px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-0.2px}
.portfolio-characteristics-wrapper .portfolio-header{margin-bottom:24px}
.portfolio-source{margin-top:24px}
.portfolio-source p{color:#333;font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-0.1px}
.portfolio-content{display:flex;gap:64px}
.portfolio-table{max-width:545px;width:100%;padding:12px;border-radius:12px;background:#FFF;box-shadow:0 8px 16px 0 rgba(0,115,187,0.10)}
.portfolio-table tbody{display:block;max-height:482px;overflow-y:auto;scrollbar-gutter:stable}
.portfolio-table tbody tr:nth-child(even) td{background:#f6f6f6}
.portfolio-table th{padding:12px;color:#0073bb;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:150%;letter-spacing:-0.16px;text-align:start;border:unset;width:100%}
.portfolio-table table{width:100%;border-collapse:collapse;border:unset}
.portfolio-table thead{background:#f2f7fb;border-radius:8px;position:sticky;top:0;z-index:2;display:table;width:100%;table-layout:fixed}
.portfolio-table th:first-child,.portfolio-table tr td:first-child{border-right:1px solid #e6e7e8}
.portfolio-table tr td:first-child{display:flex;align-items:center;width:100%}
.portfolio-table tr .sector-dot{height:12px;width:12px;border-radius:50%;margin-right:12px;margin-left:4px}
.portfolio-table tr td{padding:11.5px;color:#333;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-0.16px;border:unset}
.portfolio-table tr{border-bottom:1px solid #e6e7e8;display:table;width:100%;table-layout:fixed}
.portfolio-table tr:last-child{border-bottom:0}
.portfolio-table tr td:last-child{font-weight:500;text-align:center;width:106px}
.portfolio-table th:nth-child(2){width:111px}
.portfolio-table tbody::-webkit-scrollbar-thumb{background-color:#a7a9ac;border-radius:21px;opacity:.6}
.portfolio-table tbody::-webkit-scrollbar{width:4px}
.portfolio-table tbody::-webkit-scrollbar-track{background:transparent}
.portfolio-content .chart-area{position:relative}
.portfolio-content .chart-area{position:relative;width:550px;height:550px}
@media screen and (max-width:768px){.portfolio-content{flex-direction:column-reverse}
.portfolio-characteristics-wrapper .sectorPieChart{width:280px;height:280px}
.portfolio-content{gap:16px}
.portfolio-content .chart-area{width:300px !important;height:300px !important;margin:0 auto}
.portfolio-characteristics-wrapper{padding:16px 12px}
.portfolio-table th{font-size:14px;padding:8px;border-right:unset}
.portfolio-table tr td{font-size:12px;padding:8px}
.portfolio-table tr .sector-dot{height:8px;width:8px;margin-right:8px;flex:none}
.portfolio-table{padding:8px;margin-top:-34px}
.portfolio-table tbody{max-height:421px}
.portfolio-table tr td:first-child{text-align:start}
.portfolio-table th:nth-child(2){width:112px;text-align:center}
.portfolio-table tr td:last-child{width:107px}
.portfolio-characteristics-wrapper .portfolio-header{font-size:16px;margin-bottom:-22px}
.portfolio-source p{font-size:8px}
.portfolio-source{margin-top:16px}
}