@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8298327da6d5bcce-s.fb2d5852.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.0a39a854.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2b402d8aebffd579-s.ec7e94a5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a88409fdd7dc121c-s.62b55a98.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.9b7a96b4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8298327da6d5bcce-s.fb2d5852.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.0a39a854.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2b402d8aebffd579-s.ec7e94a5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a88409fdd7dc121c-s.62b55a98.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.9b7a96b4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Fallback;src:local(Arial);ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.0%;size-adjust:112.83%}.montserrat_6e10d485-module__N3H3AW__className{font-family:Montserrat,Montserrat Fallback;font-style:normal}
:root{--dark:#282728;--white:#fcfcfc;--gray-0:#f7f7fa;--gray-1:#e7e7e7;--gray-2:#c6c6c6;--gray-3:#9a9a9a;--gray-4:#717171;--orange:#f35816;--orange-3:#bd380f;--orange-opaque:#f3581633;--blue:#48beff;--blue-3:#197fb4;--success:#4caf50;--danger:#f44336}html{box-sizing:border-box;font-size:17px}@media (max-width:600px){html{font-size:16px}}html,body{height:100%;color:var(--dark);margin:0;line-height:1.4rem}p{margin:.25rem;padding:0}.m-0{margin:0!important}.p-0{padding:0!important}.p-1{padding:1rem}.pb-1{padding-bottom:1rem}h1{color:var(--gray-0);border-bottom:2px solid var(--blue);margin:0 0 2rem;padding:0 0 .75rem;font-size:1.9rem;font-weight:700;line-height:2.4rem;display:inline-block;position:relative}h2{font-size:1.6rem;line-height:1.9rem}h2,h3{color:var(--gray-1);border-bottom:1px solid var(--blue);padding-bottom:.5rem;display:inline-block;position:relative}h4{font-size:1.1rem}h1:before,h2:before,h3:before{content:" ";background:var(--blue-3);width:100%;height:4px;position:absolute;bottom:0}h2:before,h3:before{height:2px}.is-dark{color:var(--dark)}.is-blue{color:var(--blue)}.is-orange{color:var(--orange)}h4.chart-title{text-align:center;margin:0;padding:0 1rem 1rem;display:block}.content-blocks{max-width:900px}.content-blocks.is-full{max-width:100%}.content-blocks>div{margin-bottom:1.5rem}.content-blocks>div p{margin-bottom:.75rem}.chart-container-overflow{white-space:nowrap;padding-bottom:1rem;overflow:auto hidden}section{scroll-snap-type:y proximity;padding:3rem 1rem}section.is-light,div.is-light{background:var(--gray-0)}section.is-gray,div.is-gray{background:var(--gray-1)}section.bg-image{background:var(--dark);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;color:var(--gray-1);background:url(/ctw-bg-3.webp) 100%/cover no-repeat fixed}.text-sm{font-size:.8rem}.text-gray-3{color:var(--gray-3)}.text-gray-4{color:var(--gray-4)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.controls{flex-wrap:wrap;justify-content:space-around;padding:1rem .5rem;display:flex}.controls input,.controls select{width:100%;max-width:300px;padding:.25rem;font-family:inherit}.controls button,button.example-lr{color:var(--orange);border:1px solid var(--orange);background-color:var(--white);cursor:pointer;border-radius:.25rem;margin:.2rem;padding:.25rem;font-family:inherit}.controls button.invert{background-color:var(--orange);color:var(--white)}.controls button:disabled{opacity:.3}.controls .btn-space-placeholder{opacity:.3;border:1px solid var(--gray-3);border-radius:.25rem;margin:.2rem;padding:.1rem .25rem;font-size:.9rem;display:inline-block}.controls .button-group{background:var(--gray-3);border:1px solid var(--gray-3);border-radius:.5rem;flex-direction:row;align-items:center;gap:1px;padding:0;display:flex;overflow:hidden}.controls .button-group button{background-color:var(--gray-2);color:var(--white);border:none;border-radius:0;min-width:2rem;margin:0}.controls .button-group button.active{color:var(--orange);background-color:var(--gray-0)}.controls .button-group button:disabled{color:var(--gray-1);background-color:var(--gray-2);opacity:.9}.controls select{color:var(--orange);border:1px solid var(--orange);border-radius:.25rem;padding:.25rem}.controls>div{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-top:1rem;display:flex}.controls .control-buttons{align-items:center;gap:1rem;display:flex}.controls .control-buttons>div{background:var(--gray-0);border:1px solid var(--gray-2);border-radius:.25rem;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.controls .control-buttons>div>div.control-dropdown-container{position:absolute;top:1.4rem}.controls .control-buttons>div>div.control-dropdown-container .control-dropdown{flex-wrap:wrap}.controls .control-buttons span{border-left:1px solid var(--gray-2);border-right:1px solid var(--gray-2);background:var(--white);margin:0;padding:0 .25rem;font-size:.7rem;line-height:1.4rem;display:block;position:relative}.controls .control-buttons button{color:var(--orange);background:0 0;border:none;border-radius:0;margin:0;padding:0 .5rem;font-size:1rem;line-height:1.4rem}.controls .avg-container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.controls .avg-container>div{text-align:center}.controls .table-container{max-height:16.5rem;overflow:auto}.controls table{border-collapse:collapse;width:100%;margin:0 auto;font-size:.75rem}.controls table td,.controls table th{border-bottom:1px solid var(--gray-1);padding:.25rem}.controls table td.warning{background:var(--orange-opaque)}button.is-cta{padding:.5rem 1rem;font-size:1.2rem}input.file-input{cursor:pointer;width:100%;max-width:900px;position:relative}.file-input::-webkit-file-upload-button{visibility:hidden}.file-input:before{background:var(--white);content:"Select your own .fit files to analyse";color:var(--orange);border:1px solid var(--orange);white-space:nowrap;-webkit-user-select:none;cursor:pointer;border-radius:.25rem;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:1.2rem;display:inline-block}.file-input:hover:before,.file-input:active:before{border-color:var(--blue);background:var(--white)}.file-input:disabled:before{content:"We are processing your files...";border-color:var(--gray-2);background:var(--gray-0);color:var(--gray-4)}.average-watts{justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.average-watts:after{content:"";background:linear-gradient(87deg,#fff 0%,#ffffffb3 5%,#fff0 50%,#ffffffb3 95%,#fff 100%);width:100%;position:absolute;inset:0}.average-watts:hover:after,.average-watts:focus:hover{background:#fff0!important}.average-watts.no-overlay:after{display:none}.average-watts div{text-align:center;min-width:2.5rem;color:var(--gray-4);border-right:1px solid var(--gray-2);padding:.15rem;font-size:.9rem}.average-watts div:last-child{border-right:none}.average-watts div.actual{min-width:3.5rem;color:var(--dark);padding:.3rem;font-size:1rem;font-weight:600}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-container div{color:var(--white);border-bottom:1px solid var(--blue);padding-bottom:.75rem;font-size:2rem;position:relative}.logo-container div:before{content:" ";background:var(--orange-3);width:100%;height:3px;position:absolute;bottom:0}@media (max-width:600px){section.chart-section{padding:3rem .15rem}.logo-container div{display:none}.full-chart-container{padding-bottom:.25rem}.full-chart-container .uplot .u-legend{font-size:.6rem;padding:.1rem!important}}section.chart-section.is-tt{padding:0}section.chart-section.is-tt .tt-child-padding{padding:2rem .15rem 3rem}.average-watts div span{color:var(--gray-3);font-size:.8rem;display:block}section .about{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}section .about img{border-radius:50%;max-width:100px}footer{background:var(--dark);color:var(--white);flex-direction:column;justify-content:center;align-items:center;gap:4rem;padding:4rem 1rem;display:flex}footer h4{margin:0;padding:0;font-size:2rem}a{color:var(--orange);text-decoration:underline}a.transparent{color:initial;text-decoration:none}ul{margin:0 0 0 1rem;padding:.5rem}ul li{padding:.5rem .25rem}ul li::marker{color:var(--blue)}ul li>ul{margin:0 0 0 .5rem}.x-paddingless{padding-inline:0}.text-center{text-align:center}.cta-container{justify-content:center;width:100%;display:flex}.cta-container a{text-decoration:none}.cta{color:var(--orange);border:1px solid var(--orange);background-color:var(--white);cursor:pointer;border-radius:.25rem;margin:0 0 1rem;padding:.5rem .75rem;font-family:inherit;font-size:1.2rem;display:block}.compare{width:1100px;max-width:100%;margin:0 auto}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:inherit;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;z-index:100;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;z-index:100;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.uplot{position:relative}.full-chart-container .uplot .u-legend{color:#fff;background:#000c;border-radius:.25rem;padding:.5rem;display:none;position:absolute;top:0;left:2rem}.full-chart-container .uplot .u-legend .u-series{text-align:left;margin:0;display:block}.full-chart-container.is-tt .uplot .u-legend{color:var(--dark);border:1px solid var(--gray-2);background:#fffffff2;padding:.2rem;font-size:.6rem;left:2.5rem}.full-chart-container.is-tt .uplot .u-legend .u-series:first-child,.full-chart-container.is-tt .uplot .u-legend .u-series:nth-child(2){display:none}.zoom-sliders{display:none!important}@media (hover:none){.zoom-sliders{padding:.25rem;margin:0!important;display:block!important}.zoom-slider{align-items:center;gap:.5rem;display:flex}.zoom-slider>div{min-width:2rem;font-size:.9rem}.zoom-sliders input[type=range]{width:1000px;max-width:95%;margin:.5rem auto;display:block}}.small-screen-warning{color:var(--blue-3);padding-top:1rem;display:none}.cursor-pointer{cursor:pointer}.cursor-info{cursor:help}@media (max-width:900px){.full-chart-container.is-tt .uplot .u-legend{left:2rem}.controls{flex-wrap:nowrap;overflow:auto}.controls>div{max-width:70%}.controls .control-buttons{flex-direction:column;gap:.5rem}.controls .average-watts{flex-direction:column;padding:0 1rem;overflow:hidden}.controls .average-watts>div{border-right:none;border-bottom:1px solid var(--gray-1);justify-content:space-between;width:100%;font-size:.7rem;display:flex}.controls .average-watts>div:last-child{border-bottom:none}.controls .average-watts.no-overlay{flex-direction:initial;gap:2rem;display:flex}.controls .average-watts.no-overlay>div{width:initial;border:none;min-width:auto}.controls .average-watts>div.actual{font-size:1rem}.controls .average-watts>div span{font-size:.7rem}.average-watts{max-width:100vw}.average-watts div{min-width:2.5rem;max-width:100vw;padding:.05rem;font-size:.8rem;overflow:auto}.average-watts:after{background:0 0}.average-watts div.actual{min-width:3rem;padding:.2rem}.small-screen-warning{display:block}}.modal{z-index:1;background-color:#0006;width:100%;height:100%;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:.25rem;width:100%;max-width:1000px;margin:15% auto;position:relative}.modal-content .is-flex{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:.5rem;display:flex}.modal-content .is-flex.content-center{justify-content:center}