.average-temperature{margin-top:100px}.average-temperature .size-info p{max-width:1440px}.average-temperature .all_product_label{background:#ff6800;border-radius:47px;font-size:16px;font-weight:600;text-transform:uppercase;line-height:24px;letter-spacing:0;min-height:44px;margin-top:20px;border:2px solid transparent}.average-temperature .all_product_label.button:after{box-shadow:none}.average-temperature .all_product_label:hover{background:transparent!important;color:#ff6800!important;border:2px solid #FF6800!important}.average-temperature-switcher{display:flex;align-items:center;justify-content:space-between}.average-temperature-info{margin-top:70px}.average-temperature-switcher>div{font-size:24px;color:#000;font-weight:700}.average-temperature-switcher~p{padding:0;margin:0;color:#000;font-size:12px;font-weight:500}.average-temperature-grid-container .grid-item{align-items:center;display:flex;grid-row-start:-2;text-align:center;z-index:2;padding-top:14px;font-size:12px;color:#000}.average-temperature-grid-container .grid-container{display:grid;grid-auto-columns:1fr;grid-column-gap:5px;border-top:1px solid}.Weather-temperature-fer{display:none;font-size:14px;font-weight:500;text-align:center;color:#000;padding-top:20px}.Weather-temperature-cel{font-size:15px;font-weight:500;color:#000;text-align:center;padding-top:20px}.fahrenheit-on~.Weather-temperature-fer{display:block}.fahrenheit-on~.Weather-temperature-cel{display:none}.average-temperature-switcher>div:before{content:"";display:block;width:150px;margin-bottom:25px;background-image:linear-gradient(to bottom,#ffbe4f,#ffa100,#fb7d26,#fd7416,#ff7617,#ff6f0c);height:6px}.temperature p{transform-origin:left;animation:revealing-bars 6s linear}@keyframes revealing-bars{0%{transform:scaleX(0)}15%{transform:scaleX(1)}}.chart-bottom-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:1451px;margin:70px auto auto}.custom_text{width:25%}.custompercentage{font-size:60px;font-weight:700;color:#000;line-height:50px;text-align:center;padding-bottom:10px}.customtext{color:#000;text-align:center;font-size:16px;font-weight:600;text-transform:uppercase}.temperature{display:flex;width:100%;margin-bottom:25px}.temperature span{display:inline-block;text-align:center;float:left;font-size:12px;line-height:25px;letter-spacing:0;font-weight:500}.temp-column{margin:0;display:inline-block;width:100%}.outside-temp-color{background-color:#ffa100;color:#000}.inside-temp-color{background-color:#ff6800;color:#fff}.grid-line{display:grid;grid-auto-columns:1fr;grid-column-gap:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-left:1px solid #F0F0F0}.grid-line-inner{align-items:center;display:flex;grid-row-start:-2;text-align:center;z-index:2;padding-top:0;color:#000;border-right:1px solid #F0F0F0;font-size:0}.average-temperature-grid-container{position:relative;padding-top:70px}.average-temperature-grid-container .grid-container{position:relative;z-index:1;background-color:#fff}.average-temperature-grid-container .grid-item{margin-left:-8px}.average-temperature-grid-container .grid-item:first-child{margin-left:0}.average-temperature-grid-container .grid-item:last-child:after{content:"45\b0";align-self:flex-end;display:flex;margin-right:-5px}.average-temperature-grid-container .fer-temp-grid .grid-item:last-child:after{content:"110\b0"}.average-temperature-grid-container .grid-item:last-child{justify-content:space-between}.temp-switch input[type=checkbox]{visibility:hidden}.temp-switch input[type=checkbox]:checked+label{background-color:#ffa100}.temp-switch input[type=checkbox]:checked+label:before{transform:translate(20px);background-color:#fff}.temp-switch label{display:flex;width:46px;height:25px;border-radius:99em;position:relative;transition:transform .1s ease-in-out;transform-origin:50% 50%;cursor:pointer;background-color:#ffa100;background-image:linear-gradient(to bottom,#ffbe4f,#ffa100,#fb7d26,#fd7416,#ff7617,#ff6f0c)}.temp-switch label:before{transition:transform .1s ease;transition-delay:.1s;content:"";display:block;position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;top:2.5px;left:3px}.temp-switch{margin-top:-22px;margin-left:17px;margin-right:17px}.temp-switch-main{display:flex;align-items:center;line-height:0}.temp-switch-text{font-size:16px;font-weight:600;color:#000}.average-temperature-info{margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:wrap}.average-temperature-grid-container .fer-temp-grid{display:none}.fahrenheit-on .fer-temp-grid{display:grid}.fahrenheit-on .cel-temp-grid,.fahrenheit-chart{display:none}.fahrenheit-on .fahrenheit-chart{display:block}.fahrenheit-on .celsius-chart,.fahrenheit-grid-line,.fahrenheit-on .celsius-grid-line{display:none}.fahrenheit-on .fahrenheit-grid-line{display:grid}.chart-info-text{font-size:12px;font-weight:500;display:flex;align-items:center;color:#000;margin-bottom:15px}.chart-info-text:before{content:"";display:inline-block;width:20px;height:20px;margin-right:15px;border-radius:50%}.chart-info-text.outside-info-text:before{background-color:#ffa100}.chart-info-text.inside-info-text:before{background-color:#ff6800}.chart-info-section{position:absolute;right:0;bottom:70px}.custompercentage p{margin:0}.custompercentage{display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 1080px) and (min-width: 767px){.average-temperature-content{max-width:80%}}@media (min-width: 768px){.mobile-chart-info{display:none}}@media (min-width: 1025px){.chart-info-section{right:56px}}@media screen and (max-width: 991px){.custom_text{width:50%;margin-bottom:20px}.custompercentage{font-size:48px}.customtext{font-size:13px}.average-temperature .size-info p{max-width:unset}.average-temperature .all_product_label{margin-top:0}.average-temperature-switcher>div{font-size:20px}.average-temperature{margin-top:50px}}@media screen and (max-width: 800px){.chart-bottom-section-container .chart-bottom-section{margin-top:30px;margin-bottom:-20px}.temperature{margin-bottom:12px}.average-temperature-grid-container{padding-top:15px}.chart-info-text,.average-temperature-info{margin-bottom:10px}.average-temperature-switcher>div{line-height:25px}}@media (max-width: 767px){.chart-info-section.mobile-chart-info{display:block;position:static}.average-temperature-content{margin-bottom:20px}.chart-info-section{display:none}.chart-bottom-section{margin:50px auto auto;border-top:1px solid #DADADA;padding-top:50px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/average-temperature.css.map */