:root{--bg:rgb(10, 11, 15);--bg-header:rgb(26, 26, 34);--bg-container:rgb(22, 24, 34);--primary-color:rgb(99, 102, 241);--bg-field:rgb(30, 32, 48);--border:#2d3142;--primary-text-color:hsl(0, 0%, 95%)}body{background-color:var(--bg);color:var(--primary-text-color);font-family:Inter,Arial;margin:0;padding:0}header{display:flex;justify-content:space-between;align-items:center;width:100%;height:80px;background-color:var(--bg-header)}header div{height:100%;display:flex;align-items:center}.logo{box-sizing:border-box;height:100%;padding:10px;margin-left:5px}.navbar{width:100%;gap:55px;justify-content:center;margin-left:-85px}.navbar a{color:var(--primary-text-color);text-decoration:none;font-weight:300;transition:transform .15s}.navbar a:hover{transform:scale(1.06)}button{cursor:pointer}.title{font-weight:700;text-align:center;padding:25px 0;color:#fff;background:#0059ff;margin-top:0;background:radial-gradient(circle,#0059ff 0,#090979 64%,#020024 100%)}.main-container{display:flex;flex-direction:column;align-items:center;gap:50px}.heatmap-title{font-size:24px;display:flex;width:622px;justify-content:center;font-weight:500}.heatmap-title p{padding:0 0 20px 0;margin:0}.grid-form-container{display:flex;flex-direction:row;width:100%;justify-content:center;gap:50px}.v-plane{display:grid;grid-template-columns:repeat(12,50px);grid-template-rows:repeat(12,50px);column-gap:2px;row-gap:2px;margin:0;width:622;height:622;background:0 0}.inner-element-grid{display:flex;border-radius:5px;text-align:center;justify-content:center;align-items:center;color:var(--primary-text-color);font-weight:400;cursor:default;transition:transform 30ms}.inner-element-grid:hover{transform:scale(1.2);cursor:default}.input-field{font-size:20px;padding:5px;border-radius:10px}.forms,.heatmap-full{background-color:var(--bg-container);border:1px solid var(--border)}.forms{padding:40px 50px 30px 50px;width:400px;display:flex;flex-direction:column;align-items:start;border-radius:29px}.forms p{margin:0;padding:20px 0 10px 0;font-size:16px;font-weight:200}.calculate-profit-button,.form-fields input{box-sizing:border-box;width:100%;height:40px;border-radius:6px;padding:0 15px;font-size:17px;border:1px solid var(--border);background-color:var(--bg-field);color:var(--primary-text-color)}.form-fields input:focus{border-color:var(--primary-color);outline:0}.form-fields{width:100%;margin-bottom:1px}.time-div{display:flex;flex-direction:row;justify-content:space-between;gap:10px;width:100%}.time-div input{flex:1}.calculate-profit-button{background-color:var(--primary-color);color:var(--primary-text-color);font-size:20px;border-width:0;width:100%;margin-top:54px;cursor:pointer;transition:transform .15s,box-shadow .15s;height:50px}.calculate-profit-button:hover{transform:translateY(-5px);box-shadow:0 3px 15px 0 var(--primary-color)}.calculate-profit-button:active{transition:none;transform:translateY(-3px);box-shadow:0 3px 15px 0 var(--primary-color)}.x-grid-label{font-size:12px;width:52px}.y-grid-label{font-size:12px;height:52px;display:flex;justify-content:center;align-items:center}.x-labels{width:622px;height:35px;display:flex;margin-top:5px}.y-labels{width:50px;height:622px;margin-right:10px;display:flex;flex-direction:column;align-items:end}.heatmap-full{position:relative;display:flex;flex-direction:column;align-items:end;width:682px;padding:30px 90px 55px 75px;border-radius:29px}.heatmap-container{display:flex;flex-direction:row;width:682px;height:662px}.checkbox-div label{padding-left:0;margin-left:0}.checkbox-div input{margin-left:102px}.display-button-div,.option-div{box-sizing:border-box;display:flex;flex-direction:row;padding:5px;width:100%;height:46px;border:1px solid var(--border);margin-top:0;border-radius:7px;background-color:var(--bg-field)}.display-button,.option-button{flex:1;box-sizing:border-box;height:100%;background-color:var(--bg-field);color:var(--primary-text-color);border:0;transition:background-color .15s,color .15s;margin:0;padding:0;border-radius:4px}.active-btn,.active-display-btn{background-color:var(--primary-color);color:var(--primary-text-color)}.display-title{width:622px;font-size:14px;font-weight:200}.display-button-div{box-sizing:border-box;width:622px;height:50px;margin-top:6px}.x-legend{width:622px;display:flex;justify-content:center;align-items:center}.x-legend p{text-align:center;padding:0;margin:0;font-size:14px;font-weight:400}.y-legend{position:absolute;left:-30px;top:406px;transform:translateY(-50%) rotate(-90deg);font-size:14px;font-weight:400;color:var(--primary-text-color);white-space:nowrap;transform-origin:center}.info-div{border-radius:29px;max-width:1401px;width:100%;background-color:var(--bg-container);border:1px solid var(--border);margin-bottom:50px;padding-bottom:52px}.info-title{color:var(--primary-text-color);padding:30px 52px;font-size:26px;font-weight:200}.info-content{display:flex;flex-direction:column;gap:15px;color:var(--primary-text-color);padding:0 52px;font-size:16px;font-weight:200}.info-content p{margin:0;padding:0}#disclaimer{text-align:center;font-size:14px;padding:0 30px}@media screen and (max-width:1300px){.grid-form-container{gap:0}}@media screen and (max-width:1200px){body,html{margin:0;padding:0}.main-container{gap:30px}.heatmap-full{max-width:848.6px;width:100%;box-sizing:border-box;padding:calc(2vw) calc(5vw);justify-content:center;align-items:center}.grid-form-container{gap:30px;display:flex;flex-direction:column;width:100%;align-items:center}.forms{max-width:848.6px;width:100%;padding:50px 80px;box-sizing:border-box}.info-div{max-width:848.6px;width:100%;box-sizing:border-box}.y-labels{width:auto}.y-legend{left:-30px}}@media screen and (max-width:884px){.y-legend{left:-50px}#disclaimer{padding:0 15px}}@media screen and (max-width:827px){.y-legend{left:-60px}}@media screen and (max-width:808px){.y-legend{left:-70px}}@media screen and (max-width:786px){.y-legend{opacity:0}}@media screen and (max-width:744px){body{margin:10px}.title{font-size:30px}.main-container{width:100%;gap:20px}.grid-form-container{gap:20px;display:flex;flex-direction:column;width:100%;align-items:center}.y-legend{opacity:0}.heatmap-title{width:90%}.heatmap-full{width:100%;padding-right:0;padding-left:0;padding-top:18px;box-sizing:border-box;align-items:center;justify-content:center}.heatmap-container{width:100%;height:calc(80vw + 35px);margin-bottom:1vw;display:flex;justify-content:center;box-sizing:border-box;aspect-ratio:1;margin-right:-10px}.display-button-div{box-sizing:border-box;max-width:622px;width:100%;height:50px;margin-top:6px;margin-bottom:10px}.display-title{max-width:622px;width:90%;font-size:14px;font-weight:200;margin-top:10px}.x{aspect-ratio:1;width:80%}.forms{padding:35px 35px 35px 35px;width:100%;display:flex;flex-direction:column;align-items:start;box-sizing:border-box;border-radius:29px}.v-plane{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);column-gap:2px;row-gap:2px;margin:0;width:100%;aspect-ratio:1;background:0 0}.display-button-div{width:90%}.inner-element-grid{aspect-ratio:1;font-size:calc(2.3vw)!important}.y-labels{height:calc(80vw);margin-left:-40px;width:auto;margin-right:5px}.y-grid-label{flex:1;font-size:calc(2.3vw)}.x-grid-label{width:calc(80vw + 8px);font-size:calc(2.3vw)}.x-legend{width:100%}.y-box{height:calc(80vw)}.x-labels{width:calc(80vw)}.info-content{padding:0 35px}.info-title{padding:30px 35px}}