.mixin-title-h1{font-family:'Roboto';font-weight:500;font-style:normal;font-size:42px;line-height:54px;letter-spacing:-1px}
@media(min-width:1024px){.mixin-title-h1{font-size:62px;line-height:76px;letter-spacing:-2px}
}
.mixin-title-h2{font-family:'Roboto';font-weight:500;font-style:normal;font-size:36px;line-height:48px}
@media(min-width:1024px){.mixin-title-h2{font-size:42px;line-height:54px}
}
.mixin-title-h3{font-family:'Roboto';font-weight:500;font-style:normal;font-size:20px;line-height:36px}
@media(min-width:1024px){.mixin-title-h3{line-height:28px}
}
.mixin-title-h4{font-family:'Roboto';font-style:normal;font-weight:500;font-size:16px;line-height:22px}
@media(min-width:1024px){.mixin-title-h4{font-size:18px;line-height:24px}
}
.mixin-paragraph{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:16px;line-height:32px}
@media(min-width:1024px){.mixin-paragraph{font-size:16px;line-height:24px}
}
.mixin-paragraph-bold{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:16px;line-height:32px;font-weight:bold}
@media(min-width:1024px){.mixin-paragraph-bold{font-size:16px;line-height:24px}
}
.mixin-text-small{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:14px;line-height:24px}
.mixin-text-medium{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:21px;line-height:30px}
.mixin-text-caption{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:12px;line-height:16px}
.mixin-text-button{font-family:'Roboto';font-weight:bold;font-style:normal;font-size:16px;line-height:24px}
.mixin-text-subtitle{font-family:'Roboto';font-style:normal;font-weight:500;font-size:18px;line-height:28px}
@media(min-width:1024px){.mixin-text-subtitle{font-size:20px}
}
.mixin-full-width{margin-left:-50vw;left:50%;position:relative;width:100vw}
.mixin-contanizr{max-width:1440px;padding:0 20px;float:none !important;margin:0 auto}
@media(min-width:1024px){.mixin-contanizr{padding:0 60px}
}
@media(min-width:1440px){.mixin-contanizr{padding:0 150px}
}
.lightChart{height:280px;background-color:#fafafa;border:2px solid #d5d8d7;border-radius:4px;margin-top:22px}
.lightChart .pricesLabel{display:flex;flex-direction:row;justify-content:space-between;width:936px;margin:auto;color:#143326;font-size:20px;font-weight:500;margin-top:54px;margin-bottom:24px}
@media(max-width:768px){.lightChart .pricesLabel{width:334px;font-size:16px}
}
.lightChart .pricesLabel .timeNow{height:28px;width:173px}
@media(max-width:768px){.lightChart .pricesLabel .timeNow{width:139px}
}
.lightChart .pricesLabel .dateSelected{height:28px;width:173px;text-align:right}
@media(max-width:768px){.lightChart .pricesLabel .dateSelected{width:86px}
}
.lightChart .lightPrices{display:flex;width:936px;height:42px;margin:auto}
@media(max-width:768px){.lightChart .lightPrices{width:308px}
}
.lightChart .hour{position:relative;width:39px;height:26px}
@media(max-width:768px){.lightChart .hour{width:13px}
}
.lightChart .active::before{content:"";position:absolute;top:-5px;right:0;bottom:-5px;width:2px;background-color:black}
.lightChart .activeHour:first-child:after{content:"01:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:first-child:after{font-size:10px}
}
.lightChart .activeHour:nth-child(2):after{content:"02:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(2):after{font-size:10px}
}
.lightChart .activeHour:nth-child(3):after{content:"03:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(3):after{font-size:10px}
}
.lightChart .activeHour:nth-child(4):after{content:"04:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(4):after{font-size:10px}
}
.lightChart .activeHour:nth-child(5):after{content:"05:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(5):after{font-size:10px}
}
.lightChart .activeHour:nth-child(6):after{content:"06:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(6):after{font-size:10px}
}
.lightChart .activeHour:nth-child(7):after{content:"07:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(7):after{font-size:10px}
}
.lightChart .activeHour:nth-child(8):after{content:"08:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(8):after{font-size:10px}
}
.lightChart .activeHour:nth-child(9):after{content:"09:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(9):after{font-size:10px}
}
.lightChart .activeHour:nth-child(10):after{content:"10:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(10):after{font-size:10px}
}
.lightChart .activeHour:nth-child(11):after{content:"11:00h";position:absolute;top:35px;right:-20px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(11):after{font-size:10px}
}
.lightChart .activeHour:nth-child(12):after{content:"12:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(12):after{font-size:10px}
}
.lightChart .activeHour:nth-child(13):after{content:"13:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(13):after{font-size:10px}
}
.lightChart .activeHour:nth-child(14):after{content:"14:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(14):after{font-size:10px}
}
.lightChart .activeHour:nth-child(15):after{content:"15:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(15):after{font-size:10px}
}
.lightChart .activeHour:nth-child(16):after{content:"16:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(16):after{font-size:10px}
}
.lightChart .activeHour:nth-child(17):after{content:"17:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(17):after{font-size:10px}
}
.lightChart .activeHour:nth-child(18):after{content:"18:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(18):after{font-size:10px}
}
.lightChart .activeHour:nth-child(19):after{content:"19:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(19):after{font-size:10px}
}
.lightChart .activeHour:nth-child(20):after{content:"20:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(20):after{font-size:10px}
}
.lightChart .activeHour:nth-child(21):after{content:"21:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(21):after{font-size:10px}
}
.lightChart .activeHour:nth-child(22):after{content:"22:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(22):after{font-size:10px}
}
.lightChart .activeHour:nth-child(23):after{content:"23:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(23):after{font-size:10px}
}
.lightChart .activeHour:nth-child(24):after{content:"24:00h";position:absolute;top:35px;right:-10px;font-size:14px}
@media(max-width:768px){.lightChart .activeHour:nth-child(24):after{font-size:10px}
}
.lightChart .hour:first-of-type{border-radius:4px 0 0 4px}
.lightChart .hour:nth-child(24){border-radius:0 4px 4px 0}
.lightChart .belowAverage{background-color:#186746}
.lightChart .average{background-color:#ffc738}
.lightChart .aboveAverage{background-color:#fd543d}
.lightChart .priceNow{color:#143326;font-size:20px;font-weight:500;display:block;text-align:center;margin-top:40px}
.caption{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:center}
@media(max-width:768px){.caption{text-align:center}
}