@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}h1,h2,h3{font-weight:600;margin-top:10px;margin-bottom:10px}h1{font-size:30px}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}.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}@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}}