@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;--price-up: rgb(77, 175, 74);--price-down: rgb(228, 26, 28)}body{font-family:Poppins,sans-serif;height:auto}a{text-decoration:none;color:#000}p{line-height:1.6}ul{list-style:none}li{line-height:2.2}h1,h2,h3{font-weight:600;margin-top:10px;margin-bottom:10px}h1{font-size:2.5rem}h2{font-size:25px}h3{font-size:20px}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.active{color:green;font-weight:700;text-transform:uppercase}.header{display:flex;justify-content:space-between;align-items:center;padding-top:5px;padding-bottom:5px;margin:5px 0;border-bottom:1px solid #e6e6e6}.sector-header header{margin-top:0;padding-top:0}.system-page-content{display:flex;flex-direction:row}.system-data{width:25%}.system-visuals{width:75%;display:flex;flex-direction:column;padding:20px 0}.system-inputs{display:flex;flex-direction:column;width:100%;padding:20px}.system-inputs>div{padding:5px;margin-top:10px}.system-inputs>.slider-input{padding:7px 5px;margin:5px;border:1px solid rgba(0,0,0,.23);border-radius:4px}.system-inputs>.slider-input:hover{border:1px solid rgba(0,0,0,.87)}.slider-data-input>.slider-number{margin-right:2px;width:35px}.slider-data-input>#equity,.slider-data-input>#stopAmount,.slider-data-input>#exitAmount{margin-right:2px;width:55px}.date-input>div{padding:5px;margin-bottom:10px}.slider-input label{display:block;text-align:center;font-size:14px}.links{border-radius:5px}.header ul,.page-links,.futures-links,.equities-links,.analysis-links,.vol-links,.link-items{display:flex;align-items:center;justify-content:space-between}.futures-links,.equities-links,.vol-links,.analysis-links{flex-direction:row;margin:5px 10px}.header ul li,.analysis-links .link-title,.futures-links .link-title,.equities-links .link-title,.vol-links .link-title,.link-items div{margin:5px 10px}.header ul li a,.header .page-links a{display:flex;align-items:center}@media (hover: hover){.header ul li a:hover,.header .page-links a:hover{color:#777}}.header ul li a svg{margin-right:5px}.header .logo,.header .home-link{margin:5px 0}.home-link a{font-size:1.2rem;font-weight:700}.link-title div{font-weight:700}.link-items{flex-direction:row}header.title h3{margin-bottom:20px;text-decoration:underline}.sector-returns header.title h3{margin-bottom:10px;text-decoration:none}header.title{display:flex;flex-direction:column;align-items:center}.returns-chart{padding-top:30px}.trend-barcharts{display:grid;grid-template-columns:repeat(2,1fr);margin:20px 0}.trend-returnschart{margin:20px 0}.market-chart-container{margin-top:20px}.market-charts{margin:20px;display:flex;flex-wrap:wrap;gap:15px}.asset-returns{font-size:12px}.btn{padding:10px 20px;border:1px solid #000;border-radius:5px;background:#000;color:#fff;font-size:16px;font-weight:700;cursor:pointer;text-align:center;-webkit-appearance:button;-moz-appearance:button;appearance:button;display:flex;align-items:center;justify-content:center}.btn svg{margin-right:8px}.btn-reverse{background:#fff;color:#000}.btn-block{width:100%;margin-bottom:20px}.btn-sm{padding:5px 15px;font-size:13px}.btn-danger{background:#8b0000;border:none}.btn-back{width:150px;margin-bottom:20px}.btn:hover{transform:scale(.98)}.btn-close{background:none;border:none;color:#000;position:absolute;top:5px;right:5px;font-size:16px;cursor:pointer}.btn-close:hover{color:red;transform:scale(.98)}footer{position:sticky;top:95vh;text-align:center}.loadingSpinnerContainer{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:5000;display:flex;justify-content:center;align-items:center}.loadingSpinner{width:64px;height:64px;border:8px solid;border-color:#000 transparent #555 transparent;border-radius:50%;animation:spin 1.2s linear infinite}input[type=number]{width:30px;text-align:right;font-size:.8rem;border:none}input[type=radio]{vertical-align:middle}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-nav-bar{width:100%;padding:8px 0;margin-bottom:0;border-bottom:1px solid #ddd}.app-nav-items{display:flex;justify-content:space-evenly;align-items:center;list-style:none;margin:0;padding:0}.app-nav-items a{font-family:Poppins,sans-serif;font-size:.9rem;font-weight:400;color:#000;text-decoration:none}.app-nav-items a:hover{color:#777}.app-nav-items a.active{color:green;font-weight:700;text-transform:uppercase}.prices-choice-button-group{width:20%;padding:7px 5px;margin-top:5px;margin-bottom:20px}.prices-choice-button-group .MuiButtonGroup-root{width:100%}.prices-choice-button-group .MuiButton-root{flex:1}.prices-choice-button-group .MuiFormLabel-root{display:block;text-align:center;font-size:14px;margin-bottom:8px}.prices-choice-button-group .MuiButton-contained{background-color:#333;color:#f5f5f5}.prices-choice-button-group .MuiButton-contained:hover{background-color:#333}.prices-choice-button-group .MuiButton-outlined{border-color:#333;color:#333}.prices-choice-button-group .MuiButton-outlined:hover{background-color:#0000000a;border-color:#333}.render-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.heatmap-table{border-collapse:separate;border-spacing:.5px;width:100%;max-width:100%;margin:0 auto;background-color:#e0e0e0;table-layout:auto;font-size:0}.heatmap-header{background-color:#f5f5f5;font-weight:600;text-align:center;padding:3px 1px;border:1px solid #d0d0d0;font-size:10px;color:#333;white-space:nowrap;line-height:1.1}.heatmap-asset-label{background-color:#fafafa;font-weight:500;text-align:left;padding:3px 2px;border:1px solid #d0d0d0;font-size:10px;color:#333;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.heatmap-cell{text-align:center;padding:2px 1px;border:1px solid #ddd;font-size:10px;font-weight:600;white-space:nowrap;transition:all .2s ease;line-height:1.1;min-width:0}.heatmap-cell:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003;z-index:10;position:relative}.asset-returns .heatmap-table{margin-top:15px;border-radius:6px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.heatmap-analytics{margin-top:12px;padding:8px 12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:clamp(8px,1vw,10px);font-family:SF Mono,Menlo,Consolas,monospace}.analytics-row{display:flex;justify-content:space-between;margin-bottom:3px}.analytics-row:last-child{margin-bottom:0}.analytics-label{color:#495057;font-weight:500}.analytics-value{color:#212529;font-weight:600}.market-charts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;justify-items:center;max-width:1200px;margin:20px auto}.individual-market-chart{width:100%;min-width:0}.chart-container{width:100%;height:auto}.trend-barcharts{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px auto;max-width:1200px;padding:0 10px}.trend-Up,.trend-Down,.trend-Neutral,.trend-Strongly{width:100%;height:750px;min-width:0;display:flex;justify-content:center}.constituent-drawdown{position:relative;margin:40px 0 20px}.drawdown-chart-frame{position:relative;container-type:inline-size;padding:15px 10px 10px;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 8px #0000001a}.drawdown-muted-label{font-size:10px;fill:#6b7280}.drawdown-band-bear{fill:#eef0f3}.drawdown-band-correction{fill:#f6f7f9}.drawdown-grid{stroke-opacity:.1}.drawdown-share{font-size:11px;fill:currentColor}.drawdown-median{stroke:#111827;stroke-width:2;stroke-linecap:round}.drawdown-dot{stroke:#fff;stroke-width:.75;cursor:pointer}.drawdown-dot.active{stroke:#111827;stroke-width:1.5}.drawdown-index-line{stroke:#111827;stroke-width:1.5;stroke-dasharray:5 4}.drawdown-index-label{font-size:11px;font-weight:600;fill:#111827}.drawdown-legend text{font-size:11px;fill:currentColor}.drawdown-legend .drawdown-muted-label,.drawdown-band-label,.drawdown-share-header{font-size:10px;fill:#6b7280}.drawdown-axis-label{fill:currentColor}.drawdown-summary{width:fit-content;max-width:100%;margin:15px auto 0;padding:12px 24px;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:13px;font-weight:600;line-height:1.8;text-align:left;color:#374151}.drawdown-summary ul{margin:0;padding-left:24px;list-style:disc outside}.drawdown-summary ul ul{list-style:circle outside}.drawdown-tooltip{position:absolute;pointer-events:none;background-color:#fffffff2;border:1px solid #333;border-radius:4px;padding:6px 8px;font-size:12px;line-height:1.4;text-align:left;white-space:nowrap;color:#333;z-index:10}.drawdown-key{width:fit-content;max-width:100%;margin:calc(100cqw * 8 / 1160) auto calc(100cqw * 20 / 1160) auto;padding:calc(100cqw * 6 / 1160) calc(100cqw * 14 / 1160) calc(100cqw * 8 / 1160);border:1px solid #d1d5db;border-radius:6px}.drawdown-zoom{display:flex;justify-content:center;align-items:center;margin:4px 0}.drawdown-zoom span{padding-right:calc(100cqw * 8 / 1160);font-size:calc(100cqw * 10 / 1160);color:#6b7280}.drawdown-zoom input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(100cqw * 375 / 1160);height:20px;margin:0;background:transparent}.drawdown-zoom input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#d1d5db}.drawdown-zoom input::-moz-range-track{height:4px;border-radius:2px;background:#d1d5db}.drawdown-zoom input::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:16px;margin-top:-6px;border:none;border-radius:1px;background:#333}.drawdown-zoom input::-moz-range-thumb{width:4px;height:16px;border:none;border-radius:1px;background:#333}@media only screen and (max-width: 1920px){.heatmap-header,.heatmap-asset-label{font-size:10px}.heatmap-cell{font-size:9px}}@media only screen and (max-width: 1600px){.heatmap-header,.heatmap-asset-label{padding:3px 1px}.heatmap-cell{padding:2px 1px}.heatmap-asset-label{min-width:120px}.heatmap-table{border-spacing:.5px}}@media only screen and (max-width: 1400px){.heatmap-header,.heatmap-asset-label,.heatmap-cell{padding:2px 1px}.heatmap-asset-label{min-width:110px}}@media only screen and (max-width: 1230px){.heatmap-header,.heatmap-asset-label{font-size:7px;padding:2px 1px}.heatmap-cell{font-size:7px;padding:1px .5px}.heatmap-asset-label{min-width:100px}.heatmap-table{border-spacing:.3px}}@media only screen and (max-width: 890px){.heatmap-header,.heatmap-asset-label,.heatmap-cell{font-size:6px;padding:2px 1px}.heatmap-asset-label{min-width:90px}}@media only screen and (max-width: 768px){.heatmap-header,.heatmap-asset-label,.heatmap-cell{font-size:5px;padding:3px 1px}.heatmap-asset-label{min-width:80px}.heatmap-table{border-spacing:.25px}}@media only screen and (max-width: 630px){.heatmap-header,.heatmap-asset-label,.heatmap-cell{font-size:4px}}@media only screen and (max-width: 530px){.heatmap-header,.heatmap-asset-label,.heatmap-cell{font-size:3px;padding:3px .5px}.heatmap-asset-label{min-width:75px}.heatmap-table{border-spacing:.15px}}@media only screen and (max-width: 480px){.heatmap-header,.heatmap-asset-label{font-size:3px;padding:3px .5px}.heatmap-cell{font-size:3px;padding:3px .25px}.heatmap-asset-label{min-width:70px}.heatmap-table{border-spacing:.1px}}@media only screen and (max-width: 1024px){.trend-barcharts{grid-template-columns:repeat(2,1fr);margin:15px 0;gap:10px}.trend-returnschart,.market-chart{margin:15px 0}.container{width:95%;padding:0 15px}}@media only screen and (max-width: 900px){.prices-choice-button-group{width:30%}}@media only screen and (max-width: 768px){h1{font-size:25px}h2{font-size:20px}h3{font-size:15px}.trend-barcharts{grid-template-columns:1fr;margin:12px 0;gap:8px}.trend-returnschart,.market-chart{margin:12px 0}.market-chart-container{margin-top:15px}.market-charts{margin:15px 10px;gap:10px}.container{width:98%;padding:0 10px}.trend-title h3{font-size:1.1rem;margin-bottom:15px}.top-trends{padding:0 5px}.header{flex-direction:column;gap:0px;margin-bottom:10px}.header ul,.page-links,.futures-links,.equities-links,.analysis-links,.vol-links{flex-wrap:wrap;justify-content:center;gap:5px}.header ul li,.analysis-links .link-title,.futures-links .link-title,.equities-links .link-title,.vol-links .link-title{margin:2px 5px}.system-page-content{flex-direction:column}.system-data,.system-visuals{width:100%}.system-visuals{padding:15px 0}.system-inputs{padding:15px}}@media only screen and (max-width: 560px){.links{font-size:12px}h1{font-size:20px;margin:5px 0}h2{font-size:16px;margin:5px 0}h3{font-size:12px;margin:5px 0}.prices-choice-button-group{width:40%}}@media only screen and (max-width: 480px){.trend-barcharts{grid-template-columns:1fr;margin:10px 0;gap:6px}.trend-returnschart,.market-chart{margin:10px 0}.market-chart-container{margin-top:10px}.market-charts{margin:10px 5px;gap:8px;flex-direction:column}.container{width:100%;padding:0 8px}.trend-title h3{font-size:1rem;margin-bottom:12px}.top-trends{padding:0 2px}.btn{padding:8px 16px;font-size:14px}.btn-sm{padding:4px 12px;font-size:12px}.header{gap:0px;margin-bottom:5px}.futures-links,.equities-links,.analysis-links,.vol-links{flex-direction:column;align-items:center}.link-items{gap:5px}}@media only screen and (max-width: 430px){.links{font-size:10px}.prices-choice-button-group{width:50%}}@media only screen and (max-width: 370px){.links{font-size:8px}}@media only screen and (max-width: 360px){.trend-barcharts{margin:8px 0;gap:4px}.trend-returnschart,.market-chart{margin:8px 0}.market-charts{margin:8px 2px;gap:6px}.container{padding:0 5px}.trend-title h3{font-size:.9rem;margin-bottom:10px}.top-trends{padding:0 1px}.btn{padding:6px 12px;font-size:13px}.btn-sm{padding:3px 10px;font-size:11px}}@media only screen and (max-width: 400px){.market-charts{grid-template-columns:repeat(2,1fr);gap:10px;margin:15px}}@media only screen and (max-width: 1600px){.trend-Up,.trend-Down,.trend-Neutral,.trend-Strongly{height:650px}}@media only screen and (max-width: 1250px){.trend-Up,.trend-Down,.trend-Neutral,.trend-Strongly{height:600px}}@media only screen and (max-width: 1100px){.trend-Up,.trend-Down,.trend-Neutral,.trend-Strongly{height:550px}}@media only screen and (max-width: 950px){.trend-Up,.trend-Down,.trend-Neutral,.trend-Strongly{height:450px}}@media only screen and (max-width: 768px){.trend-barcharts{grid-template-columns:1fr;gap:10px;margin:15px auto;padding:0 5px}.trend-Up,.trend-Down,.trend-Neutral,.trend-Strongly{height:725px}}@media only screen and (max-width: 600px){.trend-Up,.trend-Down,.trend-Neutral,.trend-Strongly{height:625px}}@media only screen and (max-width: 525px){.trend-Up,.trend-Down,.trend-Neutral,.trend-Strongly{height:525px}}@media only screen and (max-width: 450px){.trend-Up,.trend-Down,.trend-Neutral,.trend-Strongly{height:450px}}