.app,body,html{position:relative;overflow:hidden;display:flex;justify-content:space-between}.app,.vis,body,html{width:100%;height:100%}.vis{position:fixed;top:0;left:0}.form-container{padding:1rem;width:20%;min-width:300px;height:100%}.form-container .form{width:100%;height:100%;padding:.5rem 1.5rem 1.5rem;border-radius:5px;background:rgba(30,35,41,.8)}.form-container .ant-picker{background:transparent}.form-container .section>.title{font-size:.8rem;border-bottom:.5px solid var(--fallback-bc,oklch(var(--bc)/1));padding-bottom:.3rem}.form-container .tabs{display:flex}.form-container .tabs .tab{cursor:pointer;flex:1 0 0;font-weight:300;opacity:.5}.form-container .tabs .tab.active{font-weight:700;opacity:1}.form-container .desc{font-size:.9rem}.form-container .desc .title{border-bottom:.5px solid var(--fallback-bc,oklch(var(--bc)/1));padding-bottom:.3rem;margin-bottom:.5rem}.form-container .desc .item{display:flex;justify-content:space-between;gap:10px}.form-container .desc .item span:first-child{font-weight:300}.form-container .desc .legend{width:100%;height:10px;display:flex;gap:0;align-items:center;justify-content:space-evenly}.form-container .desc .legend>span{height:3px;flex:1 0 0}.form-container .desc .legend-label{display:flex;justify-content:space-between}.analysis-container{padding:1rem;width:30%;min-width:300px;height:100%}.analysis-container .content{width:100%;height:100%;padding:1rem 1.5rem 1.5rem;border-radius:5px;background:rgba(30,35,41,.8);overflow:scroll}.analysis-container .content-body{display:flex;flex-direction:column;font-size:.9rem;gap:6px}.analysis-container .head{display:flex;justify-content:space-between;align-items:center;font-size:1rem;border-bottom:.5px solid var(--fallback-bc,oklch(var(--bc)/1));padding-bottom:.3rem}.analysis-container .head .close path{stroke:oklch(var(--bc)/1)}.analysis-container svg{overflow:visible}.analysis-container svg text{font-size:.7rem;fill:oklch(var(--bc)/1)}.analysis-container .recharts-legend-wrapper{font-size:.8rem}.analysis-container .item-container{padding:.5rem 0}.analysis-container .item-container>.title{border-bottom:.5px solid var(--fallback-bc,oklch(var(--bc)/1));padding-bottom:.3rem;margin-bottom:.5rem}.analysis-container .item-container .item{display:flex;justify-content:space-between;gap:10px}.analysis-container .item-container .item span:first-child{font-weight:300}.analysis-container .item-container .item-title{font-weight:300;display:flex;align-items:center;gap:5px}.analysis-container .item-container .item-title .chip{flex-shrink:0;width:13px;height:13px}.analysis-container .item-container .chart{margin-top:20px}.analysis-container .recharts-default-tooltip{border:none!important;background-color:#38414c!important}.time-range-container{padding-top:1rem;padding-bottom:2.5rem;display:flex;align-items:center;justify-content:center;width:100%}.time-range-container .slider{position:relative;width:100%}.time-range-container .slider__left-value,.time-range-container .slider__range,.time-range-container .slider__right-value,.time-range-container .slider__track{position:absolute}.time-range-container .slider__track{height:.25rem;border-radius:var(--rounded-box,1rem);background-color:var(--fallback-bc,oklch(var(--bc)/.1));width:100%;z-index:1}.time-range-container .slider__range{border-radius:var(--rounded-box,1rem);--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));z-index:2;height:20px;top:-10px;box-sizing:content-box}.time-range-container .slider__left-value,.time-range-container .slider__right-value{color:#dee2e6;font-size:12px;margin-top:20px}.time-range-container .slider__left-value{left:4px}.time-range-container .slider__right-value{right:4px}.time-range-container input[type=range]{width:100%;-webkit-appearance:none;background:transparent!important;--range-shdw:none}.time-range-container .thumb,.time-range-container .thumb::-webkit-slider-thumb{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.time-range-container .thumb{pointer-events:none;position:absolute;overflow:hidden}.time-range-container .thumb--zindex-3{z-index:3}.time-range-container .thumb--zindex-4{z-index:4}.time-range-container .thumb--zindex-5{z-index:5}.time-range-container .thumb::-webkit-slider-thumb{height:1.25rem;width:1.25rem;border-radius:var(--rounded-box,1rem);border-style:none;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--range-shdw:var(--fallback-bc,oklch(var(--bc)/1));--filler-size:0rem;--filler-offset:0rem;box-shadow:0 0 0 3px var(--range-shdw) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);cursor:pointer;pointer-events:all;position:relative}.time-range-container .thumb::-moz-range-thumb{height:1.25rem;width:1.25rem;border-radius:var(--rounded-box,1rem);border-style:none;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--range-shdw:var(--fallback-bc,oklch(var(--bc)/1));--filler-size:0rem;--filler-offset:0rem;box-shadow:0 0 0 3px var(--range-shdw) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);cursor:pointer;pointer-events:all;position:relative}