.button-size{pointer-events:all}@keyframes slide-front-right{0%{transform:translate(0)}to{transform:translate(120%)}}@keyframes slide-left-front{0%{transform:translate(-120%)}to{transform:translate(0)}}@keyframes slide-front-left{0%{transform:translate(0)}to{transform:translate(-120%)}}@keyframes slide-right-front{0%{transform:translate(120%)}to{transform:translate(0)}}.bar-rails.slide-front-right .first{animation:slide-front-right .4s ease-in-out both}.bar-rails.slide-front-left .first{animation:slide-front-left .4s ease-in-out both}.bar-rails.slide-left-front .first{animation:slide-left-front .4s ease-in-out both}.bar-rails.slide-right-front .first{animation:slide-right-front .4s ease-in-out both}.bar-rails.slide-front-right .second{animation:slide-front-right .4s ease-in-out both}.bar-rails.slide-front-left .second{animation:slide-front-left .4s ease-in-out both}.bar-rails.slide-left-front .second{animation:slide-left-front .4s ease-in-out both}.bar-rails.slide-right-front .second{animation:slide-right-front .4s ease-in-out both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.playfield-gradient .table-view.loaded table tr{animation:fade-in .2s ease-in-out both}.playfield-gradient .table-view.unloaded table tr{animation:fade-out .1s ease-in-out both}.playfield-gradient .table-view.loaded table tr:nth-child(1){animation-delay:0ms}.playfield-gradient .table-view.loaded table tr:nth-child(2){animation-delay:25ms}.playfield-gradient .table-view.loaded table tr:nth-child(3){animation-delay:50ms}.playfield-gradient .table-view.loaded table tr:nth-child(4){animation-delay:75ms}.playfield-gradient .table-view.loaded table tr:nth-child(5){animation-delay:.1s}.playfield-gradient .table-view.loaded table tr:nth-child(6){animation-delay:125ms}.playfield-gradient .table-view.loaded table tr:nth-child(7){animation-delay:.15s}.playfield-gradient .table-view.loaded table tr:nth-child(8){animation-delay:175ms}.playfield-gradient .table-view.loaded table tr:nth-child(9){animation-delay:.2s}.playfield-gradient .table-view.loaded table tr:nth-child(10){animation-delay:225ms}.playfield-gradient .table-view.loaded table tr:nth-child(11){animation-delay:.25s}.playfield-gradient .table-view.loaded table tr:nth-child(12){animation-delay:275ms}.playfield-gradient .table-view.loaded table tr:nth-child(13){animation-delay:.3s}.playfield-gradient .table-view.loaded table tr:nth-child(14){animation-delay:325ms}.playfield-gradient .table-view.loaded table tr:nth-child(15){animation-delay:.35s}.playfield-gradient .table-view.loaded table tr:nth-child(16){animation-delay:375ms}.playfield-gradient .table-view.loaded table tr:nth-child(17){animation-delay:.4s}.radio-select{padding:4px 12px;cursor:pointer;pointer-events:all}.radio-select.selected{background-color:#00938c;color:#fff}@font-face{font-family:Roboto;src:url(https://cdn.opptylab.com/hi/assets/roboto-regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(https://cdn.opptylab.com/hi/assets/roboto-bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Staatliches;font-weight:400;font-style:normal;src:url(https://cdn.opptylab.com/fonts/02278014-ee91-4aa7-ac04-80c4b46d21a6.ttf)}.playfield-gradient *{box-sizing:initial}.playfield-gradient{background:linear-gradient(135deg,#00aca1,#006d67);position:relative;font-family:Roboto;--bar-bright: white;--bar-light: #bfeae9;--bar-mid: #82d7d5;--bar-dark: #4fc6c4;--bar-midwire: #82d7d577;--bar-wire: #4fc6c422}.table-grid{display:grid;gap:10px;grid-template-columns:repeat(6,1fr);width:100%}.table-grid>table{width:100%}@media(max-width:1500px){.table-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);grid-auto-flow:column}}@media(max-width:800px){.table-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);grid-auto-flow:column}}.playfield-gradient .table-view{padding:20px;color:var(--bar-light)}.playfield-gradient .table-view table{margin-left:auto;margin-right:auto;border-collapse:collapse}.table-view~.gui-overlay{bottom:initial;height:80px}@media(max-width:800px){.table-view~.gui-overlay{bottom:initial;height:114px}}.playfield-gradient .table-view .table-spacer{width:4%;opacity:0}.playfield-gradient .table-view table td{padding:4px 8px}.playfield-gradient .table-view table tr:nth-child(2n) td{background-color:#ffffff26}.playfield-gradient .table-view table tr:nth-child(odd) td{background-color:#ffffff0d}.playfield-header{height:2em;display:flex}.playfield-footer{display:flex;padding:2em 5%;color:#fff;gap:2%}.playfield-footer>span{display:flex}.playfield-footer .dark-box,.playfield-footer .mid-box,.playfield-footer .bright-box{display:flex;height:20px;width:30px;margin-right:8px;background-color:var(--bar-light)}.playfield-footer .dark-box{background-color:var(--bar-dark)}.playfield-footer .mid-box{background-color:var(--bar-mid)}.playfield-footer span{align-items:center}.table-view sup,.playfield-footer sup{font-size:.6em;vertical-align:baseline;position:relative;top:-.6em}.playfield{position:relative;width:100%;height:400px;overflow:hidden}.bar-rails{display:flex;flex-direction:row;height:100%;position:absolute;inset:0;pointer-events:none}.bar-space{position:absolute;display:flex;align-items:self-end;width:90%;height:100%;justify-self:start;left:5%;gap:1%}.bar-wrapper{width:15%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:initial}.bar-wrapper:hover .mid-bar,.bar-wrapper:hover .bottom-bar{background-color:#fff}.bar-label{width:100%;height:10%;display:flex;font-size:12px;align-items:center;justify-content:center;position:relative}.payload-label{position:absolute;color:var(--bar-bright)}.payload-price{position:absolute;margin-top:-400px;z-index:2;text-align:center;background-color:azure;padding:7px;opacity:0;justify-content:center;transition:opacity .4s;transition-delay:.2s}.bar-wrapper:hover .payload-price{opacity:1}.bar-wrap{width:100%;height:90%;display:flex;flex-direction:column-reverse;animation-name:bargrow;animation-duration:.8s;transform-origin:50% 90%;animation-fill-mode:both}.bar-wrap.positive{animation-name:bargrowPositive}.bar-wrap.negative{animation-name:bargrowNegative}.negative-space{background-color:#0000}.top-bar{min-width:100%;background-color:var(--bar-dark);opacity:1}.mid-bar{min-width:100%;background-color:var(--bar-mid);opacity:1;transition:opacity .4s}.bottom-bar{min-width:100%;background-color:#00938c;background-color:var(--bar-light)}.gui-overlay{position:absolute;inset:0;pointer-events:none}.gui-date,.gui-display,.gui-tax,.gui-energy,.gui-period{display:flex;align-self:center;align-items:anchor-center}.gui-label{margin-right:8px;opacity:.8;color:#fff;font-size:14px}.gui-date input[type=date]{font-family:inherit;font-size:1rem;padding:3px 6px;border:0px solid #ccc;outline:none;background-color:#00000045;color:#fff}.gui-date input[type=date]:focus{background-color:#00000045;color:#fff}.gui-period{padding-left:5%}.gui-energy{padding-right:4.5%}.check-select,.radio-select{padding:4px 12px;pointer-events:all;-webkit-user-select:none;user-select:none;background-color:#bfeae924;cursor:pointer}.check-select:hover,.radio-select:hover{background-color:#bfeae9}.check-select.selected,.radio-select.selected{background-color:#00000045;color:#fff}.check-select{position:relative;display:flex;padding-left:32px;margin-top:-4px}.check-select svg{fill:#fff;width:20px;position:absolute;left:8px;top:0}.bottom-right-glue,.bottom-left-glue{position:absolute;bottom:8px}.bottom-right-glue{transform:rotate(-90deg);right:1.2%}.bottom-left-glue{transform:rotate(90deg);left:1.5%}.gui-overlay svg.button-size{width:40px;height:auto;fill:#fff}.gui-overlay svg.button-size:hover{cursor:pointer;fill:#000}.grid-overlay{position:absolute;inset:0;pointer-events:none}.horizontal-lines{position:absolute;inset:0 4.5% 10%;pointer-events:none}.vertical-lines{position:absolute;left:4.5%;width:91%;top:0;bottom:4%;pointer-events:none}.grid-horizontal{position:absolute;left:0;right:0;height:1px;background-color:var(--bar-wire);background:linear-gradient(90deg,#4fc6c466,#4fc6c422)}.grid-vertical{position:absolute;top:20px;bottom:0;left:0;width:1px;background-color:var(--bar-midwire)}.bar-legenda{position:absolute;left:1%;width:8%;bottom:10%;height:90%;pointer-events:none}.bar-year{position:absolute;top:10px;right:0;color:#fff}.playfield.day .bar-year{display:none}.playfield.day .bar-space{gap:0%;left:4.5%;width:91%}.playfield.day .bar-wrap{width:75%;align-self:center}.playfield.day .payload-label{margin-left:20px}.legenda-label{margin-bottom:-9.2px;margin-left:8px;position:absolute;font-size:12px;color:var(--bar-bright)}@keyframes bargrowPositive{0%{transform:skew(-2deg,1deg) scaleY(0)}50%{transform:skew(0) scaleY(1.1)}to{transform:skew(0) scaleY(1)}}@keyframes bargrowNegative{0%{transform:skew(-2deg,1deg) scaleY(0)}to{transform:skew(0) scaleY(-.5)}}.month .delay-0{animation-delay:0ms}.month .delay-1{animation-delay:16.13ms}.month .delay-2{animation-delay:32.26ms}.month .delay-3{animation-delay:48.39ms}.month .delay-4{animation-delay:64.52ms}.month .delay-5{animation-delay:80.65ms}.month .delay-6{animation-delay:96.78ms}.month .delay-7{animation-delay:.11291s}.month .delay-8{animation-delay:.12904s}.month .delay-9{animation-delay:.14517s}.month .delay-10{animation-delay:.1613s}.month .delay-11{animation-delay:.17743s}.month .delay-12{animation-delay:.19356s}.month .delay-13{animation-delay:.20969s}.month .delay-14{animation-delay:.22582s}.month .delay-15{animation-delay:.24195s}.month .delay-16{animation-delay:.25808s}.month .delay-17{animation-delay:.27421s}.month .delay-18{animation-delay:.29034s}.month .delay-19{animation-delay:.30647s}.month .delay-20{animation-delay:.3226s}.month .delay-21{animation-delay:.33873s}.month .delay-22{animation-delay:.35486s}.month .delay-23{animation-delay:.37099s}.month .delay-24{animation-delay:.38712s}.month .delay-25{animation-delay:.40325s}.month .delay-26{animation-delay:.41938s}.month .delay-27{animation-delay:.43551s}.month .delay-28{animation-delay:.45164s}.month .delay-29{animation-delay:.46777s}.month .delay-30{animation-delay:.4839s}.month .delay-31{animation-delay:.5s}.year .delay-0{animation-delay:0ms}.year .delay-1{animation-delay:41.67ms}.year .delay-2{animation-delay:83.34ms}.year .delay-3{animation-delay:.12501s}.year .delay-4{animation-delay:.16668s}.year .delay-5{animation-delay:.20835s}.year .delay-6{animation-delay:.25002s}.year .delay-7{animation-delay:.29169s}.year .delay-8{animation-delay:.33336s}.year .delay-9{animation-delay:.37503s}.year .delay-10{animation-delay:.4167s}.year .delay-11{animation-delay:.45837s}.year .delay-12{animation-delay:.5s}.day .delay-0{animation-delay:0ms}.day .delay-1{animation-delay:5.21ms}.day .delay-2{animation-delay:10.42ms}.day .delay-3{animation-delay:15.63ms}.day .delay-4{animation-delay:20.84ms}.day .delay-5{animation-delay:26.05ms}.day .delay-6{animation-delay:31.26ms}.day .delay-7{animation-delay:36.47ms}.day .delay-8{animation-delay:41.68ms}.day .delay-9{animation-delay:46.89ms}.day .delay-10{animation-delay:52.1ms}.day .delay-11{animation-delay:57.31ms}.day .delay-12{animation-delay:62.52ms}.day .delay-13{animation-delay:67.73ms}.day .delay-14{animation-delay:72.94ms}.day .delay-15{animation-delay:78.15ms}.day .delay-16{animation-delay:83.36ms}.day .delay-17{animation-delay:88.57ms}.day .delay-18{animation-delay:93.78ms}.day .delay-19{animation-delay:99ms}.day .delay-20{animation-delay:.10421s}.day .delay-21{animation-delay:.10942s}.day .delay-22{animation-delay:.11463s}.day .delay-23{animation-delay:.11984s}.day .delay-24{animation-delay:.12505s}.day .delay-25{animation-delay:.13026s}.day .delay-26{animation-delay:.13547s}.day .delay-27{animation-delay:.14068s}.day .delay-28{animation-delay:.14589s}.day .delay-29{animation-delay:.1511s}.day .delay-30{animation-delay:.15631s}.day .delay-31{animation-delay:.16152s}.day .delay-32{animation-delay:.16673s}.day .delay-33{animation-delay:.17194s}.day .delay-34{animation-delay:.17715s}.day .delay-35{animation-delay:.18236s}.day .delay-36{animation-delay:.18757s}.day .delay-37{animation-delay:.19278s}.day .delay-38{animation-delay:198ms}.day .delay-39{animation-delay:.20321s}.day .delay-40{animation-delay:.20842s}.day .delay-41{animation-delay:.21363s}.day .delay-42{animation-delay:.21884s}.day .delay-43{animation-delay:.22405s}.day .delay-44{animation-delay:.22926s}.day .delay-45{animation-delay:.23447s}.day .delay-46{animation-delay:.23968s}.day .delay-47{animation-delay:.24489s}.day .delay-48{animation-delay:.2501s}.day .delay-49{animation-delay:.25531s}.day .delay-50{animation-delay:.26052s}.day .delay-51{animation-delay:.26573s}.day .delay-52{animation-delay:.27094s}.day .delay-53{animation-delay:.27615s}.day .delay-54{animation-delay:.28136s}.day .delay-55{animation-delay:.28657s}.day .delay-56{animation-delay:.29178s}.day .delay-57{animation-delay:297ms}.day .delay-58{animation-delay:.30221s}.day .delay-59{animation-delay:.30742s}.day .delay-60{animation-delay:.31263s}.day .delay-61{animation-delay:.31784s}.day .delay-62{animation-delay:.32305s}.day .delay-63{animation-delay:.32826s}.day .delay-64{animation-delay:.33347s}.day .delay-65{animation-delay:.33868s}.day .delay-66{animation-delay:.34389s}.day .delay-67{animation-delay:.3491s}.day .delay-68{animation-delay:.35431s}.day .delay-69{animation-delay:.35952s}.day .delay-70{animation-delay:.36473s}.day .delay-71{animation-delay:.36994s}.day .delay-72{animation-delay:.37515s}.day .delay-73{animation-delay:.38036s}.day .delay-74{animation-delay:.38557s}.day .delay-75{animation-delay:.39078s}.day .delay-76{animation-delay:.39599s}.day .delay-77{animation-delay:.4012s}.day .delay-78{animation-delay:.40642s}.day .delay-79{animation-delay:.41163s}.day .delay-80{animation-delay:.41684s}.day .delay-81{animation-delay:.42205s}.day .delay-82{animation-delay:.42726s}.day .delay-83{animation-delay:.43247s}.day .delay-84{animation-delay:.43768s}.day .delay-85{animation-delay:.44289s}.day .delay-86{animation-delay:.4481s}.day .delay-87{animation-delay:.45331s}.day .delay-88{animation-delay:.45852s}.day .delay-89{animation-delay:.46373s}.day .delay-90{animation-delay:.46894s}.day .delay-91{animation-delay:.47415s}.day .delay-92{animation-delay:.47936s}.day .delay-93{animation-delay:.48457s}.day .delay-94{animation-delay:.48978s}.day .delay-95{animation-delay:495ms}.day .delay-96{animation-delay:.5s}.playfield-header.mobile{display:none}.playfield-header.desktop{display:flex;gap:1%;padding:10px 0}@media only screen and (max-width:1200px){.playfield-header.desktop{display:none}.playfield-header.mobile{display:flex;flex-wrap:wrap;gap:8px;height:fit-content;padding:10px}.gui-period{padding-left:0}.gui-label{display:none}}@media only screen and (max-width:600px){.bar-space{position:absolute;display:flex;align-items:self-end;width:84%;height:100%;justify-self:start;left:12%;gap:1%}.playfield.day .bar-space{width:85%;left:11%}.horizontal-lines{left:12%}.vertical-lines{left:11.2%;width:85%}.payload-label{font-size:8px}.gui-overlay{bottom:20px}.bar-label{white-space:nowrap}.bar-label .payload-label{transform:rotate(45deg)}.playfield-gradient .table-view table td{padding:4px 2px}.playfield-gradient .table-view .table-spacer{width:2px;opacity:0}.playfield-gradient .table-view table td:nth-child(5),.playfield-gradient .table-view table td:nth-child(1){padding-left:5px}.playfield-gradient .table-view table td:nth-child(3),.playfield-gradient .table-view table td:nth-child(7){padding-right:5px}}