@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b1f344208eb4edfe-s.woff2) format("woff2");unicode-range:u+0460-052f,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(/_next/static/media/48e2044251ef3125-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bf24a9759715e608-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1f173e5e25f3efee-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/904be59b21bd51cb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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(/_next/static/media/b1f344208eb4edfe-s.woff2) format("woff2");unicode-range:u+0460-052f,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(/_next/static/media/48e2044251ef3125-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/bf24a9759715e608-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1f173e5e25f3efee-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/904be59b21bd51cb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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.00%;size-adjust:112.83%}.__className_50e27d{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:rgba(243,88,22,0.20);--blue:#48BEFF;--blue-3:#197fb4;--success:#4CAF50;--danger:#f44336}html{font-size:17px;box-sizing:border-box}*,:after,:before{box-sizing:inherit}@media (max-width:600px){html{font-size:16px}}body,html{height:100%;margin:0;line-height:1.4rem;color:var(--dark)}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{margin:0 0 2rem;padding:0 0 .75rem;font-size:1.9rem;color:var(--gray-0);font-weight:700;display:inline-block;line-height:2.4rem;border-bottom:2px solid var(--blue);position:relative}h2{font-size:1.6rem;line-height:1.9rem}h2,h3{display:inline-block;color:var(--gray-1);padding-bottom:.5rem;border-bottom:1px solid var(--blue);position:relative}h4{font-size:1.1rem}h1:before,h2:before,h3:before{content:" ";position:absolute;bottom:0;height:4px;width:100%;background:var(--blue-3)}h2:before,h3:before{height:2px}.is-dark{color:var(--dark)}.is-blue{color:var(--blue)}.is-orange{color:var(--orange)}h4.chart-title{padding:0 1rem 1rem;margin:0;display:block;text-align:center}.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{overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:1rem}section{scroll-snap-type:y proximity;padding:3rem 1rem}section.chart-section{padding:0 1rem 3rem}div.is-light,section.is-light{background:var(--gray-0)}div.is-gray,section.is-gray{background:var(--gray-1)}section.bg-image{background:var(--dark);background:url(/ctw-bg-3.webp) no-repeat 100% fixed;background-size:cover;color:var(--gray-1)}.text-xs{font-size:.6rem}.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)}.config-controls{display:grid;grid-auto-flow:column;grid-template-columns:.5fr repeat(auto-fit,1fr);gap:1.5rem;margin:0 -1rem 1rem;background-color:var(--gray-0);padding:1rem}.config-controls button{font-family:inherit;padding:.25rem;max-width:200px;color:var(--gray-4);border:1px solid var(--gray-4);border-radius:.25rem;background-color:var(--white);cursor:pointer}.additional-fields-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.additional-fields-group{display:flex;flex-direction:column;gap:.35rem}.additional-fields-group+.additional-fields-group{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--gray-1)}.additional-fields-input{width:100%;text-align:left;display:flex;flex-direction:column;gap:.25rem;padding:.25rem;max-width:none!important;font-family:inherit;font-size:.85rem;border-radius:.25rem;border:1px solid var(--gray-3);background:var(--white);color:var(--gray-4);cursor:pointer}.additional-fields-file-name{font-weight:700}.additional-fields-list{border:1px solid var(--gray-2);border-radius:.25rem;background:var(--white);padding:.25rem;font-size:.85rem;max-height:14rem;overflow:auto}.additional-fields-item{display:flex;align-items:center;gap:.5rem;padding:.2rem 0}.controls{padding:1rem .5rem;display:flex;justify-content:space-around;flex-wrap:wrap}.controls input,.controls select{width:100%;max-width:320px;padding:.25rem;font-family:inherit;font-size:1rem;border-radius:3px;border:1px solid var(--gray-3)}.controls input.no-pad{padding:0}.controls .edit-container{width:100%}.controls .edit-container>div{margin-bottom:.75rem;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:center}.controls .edit-container>div>*{min-width:0}.controls .edit-container>div:first-child{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}.controls .edit-container>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.controls .edit-container>div:last-child button{width:100%}.controls button,button.example-lr{font-family:inherit;padding:.25rem;color:var(--orange);border:1px solid var(--orange);border-radius:.25rem;margin:.2rem;background-color:var(--white);cursor:pointer}.controls button.invert{background-color:var(--orange);color:var(--white)}.controls button:disabled{opacity:.3}.controls button.cancel{border-color:var(--gray-3);color:var(--gray-3)}.controls .btn-space-placeholder{margin:.2rem;padding:.1rem .25rem;font-size:.9rem;border-radius:.25rem;opacity:.3;border:1px solid var(--gray-3);display:inline-block}.controls .button-group{display:flex;flex-direction:row;gap:1px;align-items:center;border-radius:.5rem;overflow:hidden;background:var(--gray-3);border:1px solid var(--gray-3);padding:0}.controls .button-group button{background-color:var(--gray-2);color:var(--white);margin:0;min-width:2rem;border-radius:0;border:none}.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>div{padding-top:1rem;flex-direction:column;margin-bottom:1.5rem}.controls .control-buttons,.controls>div{display:flex;gap:1rem;align-items:center}.controls .control-buttons>div{display:flex;align-items:center;justify-content:center;padding:0;background:var(--gray-0);border:1px solid var(--gray-2);border-radius:.25rem;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{margin:0;position:relative;display:block;font-size:.7rem;padding:0 .25rem;border-left:1px solid var(--gray-2);border-right:1px solid var(--gray-2);line-height:1.4rem;background:var(--white)}.controls .control-buttons button{border:none;margin:0;color:var(--orange);background:transparent;border-radius:0;font-size:1rem;line-height:1.4rem;padding:0 .5rem}.controls .avg-container{display:flex;align-items:center;flex-direction:column;gap:.5rem}.controls .avg-container>div{text-align:center}.download-page{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;padding:1rem;margin:1rem auto 0;max-width:1000px}.download-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.download-card{background:var(--white);border:1px solid #d1d5db;border-radius:.5rem;padding:1rem;text-align:left}.download-card h4{margin:0 0 .5rem}.download-card p{margin:0;color:var(--gray-4);font-size:.9rem}.download-actions{padding-top:.75rem}.download-actions>div{display:flex;justify-content:center}.download-actions button{font-family:inherit;padding:.25rem;color:var(--orange);border:1px solid var(--orange);border-radius:.25rem;margin:.2rem;background-color:var(--white);cursor:pointer}.download-actions button.invert{background-color:var(--orange);color:var(--white)}.download-actions .download-link{display:inline-block;font-family:inherit;padding:1rem;color:var(--orange);border:1px solid var(--orange);border-radius:.25rem;margin:.2rem;background-color:var(--white);cursor:pointer;text-decoration:none;text-align:center}.download-actions .download-link.invert{background-color:var(--orange);color:var(--white)}.controls .table-container{overflow:auto;max-height:16.5rem}.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{font-size:1.2rem;padding:.5rem 1rem}input.file-input{width:100%;max-width:900px;cursor:pointer;position:relative}.file-input::-webkit-file-upload-button{visibility:hidden}.file-input:before{background:var(--white);content:"Select your own .fit files to analyse";display:inline-block;color:var(--orange);border:1px solid var(--orange);border-radius:.25rem;padding:.75rem 1rem;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer;font-family:inherit;font-size:1.2rem}.file-input:active:before,.file-input:hover: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{display:flex;position:relative;overflow:auto;justify-content:center;align-items:center}.average-watts:after{content:"";position:absolute;width:100%;top:0;right:0;bottom:0;left:0;background:rgb(255,255,255);background:linear-gradient(87deg,rgba(255,255,255,1),rgba(255,255,255,.7) 5%,rgba(255,255,255,0) 50%,rgba(255,255,255,.7) 95%,rgba(255,255,255,1))}.average-watts:focus:hover,.average-watts:hover:after{background:rgb(255,255,255,0)!important}.average-watts.no-overlay:after{display:none}.average-watts div{padding:.15rem;text-align:center;min-width:2.5rem;font-size:.9rem;color:var(--gray-4);border-right:1px solid var(--gray-2)}.average-watts div:last-child{border-right:none}.average-watts div.actual{font-size:1rem;min-width:3.5rem;padding:.3rem;font-weight:600;color:var(--dark)}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-container div{font-size:2rem;color:var(--white);border-bottom:1px solid var(--blue);padding-bottom:.75rem;position:relative}.logo-container div:before{content:" ";position:absolute;bottom:0;height:3px;width:100%;background:var(--orange-3)}@media (max-width:600px){section.chart-section{padding:0 .15rem 3rem}.config-controls{margin-left:-.15rem;margin-right:-.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{display:block;font-size:.8rem;color:var(--gray-3)}section .about{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}section .about img{border-radius:50%;max-width:100px}footer{display:flex;flex-direction:column;padding:4rem 1rem;background:var(--dark);color:var(--white);justify-content:center;align-items:center;gap:4rem}footer h4{font-size:2rem;margin:0;padding:0}a{text-decoration:underline;color:var(--orange)}a.transparent{text-decoration:none;color:initial}ul{padding:.5rem;margin:0 0 0 1rem}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{display:flex;width:100%;justify-content:center}.cta-container a{text-decoration:none}.cta{display:block;font-family:inherit;padding:.5rem .75rem;color:var(--orange);border:1px solid var(--orange);border-radius:.25rem;margin:0 0 1rem;font-size:1.2rem;background-color:var(--white);cursor:pointer}.compare{width:1100px;max-width:100%;margin:0 auto}.uplot,.uplot *,.uplot :after,.uplot :before{box-sizing:border-box}.uplot{font-family:inherit;line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.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{background:rgba(0,0,0,.07)}.u-cursor-x,.u-cursor-y,.u-select{position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{left:0;top:0;will-change:transform;z-index:100}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607d8b}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607d8b}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;z-index:100;background-clip:padding-box!important}.u-axis.u-off,.u-cursor-pt.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-select.u-off{display:none}.uplot{position:relative}.full-chart-container .uplot .u-legend{position:absolute;top:0;left:2rem;background:rgba(0,0,0,.8);color:white;border-radius:.25rem;padding:.5rem;transition:opacity .12s linear;opacity:0;pointer-events:none}.has-chart-hint{position:relative}.chart-hint-overlay{position:absolute;right:.5rem;bottom:1.5rem;z-index:120;max-width:min(24rem,calc(100% - 1rem));padding:.45rem .65rem;border-radius:.35rem;border:1px solid rgba(252,252,252,.2);background:rgba(40,39,40,.88);color:var(--white);font-size:.8rem;line-height:1.2rem;pointer-events:none;transform-origin:bottom right;animation:chart-hint-slide-in .8s cubic-bezier(.2,.8,.2,1);box-shadow:0 .5rem 1.2rem rgba(0,0,0,.2)}@media (hover:none){.chart-hint-overlay{display:none}}@keyframes chart-hint-slide-in{0%{opacity:0;transform:translate3d(-400px,0,0)}to{opacity:1;transform:translateZ(0)}}.full-chart-container .uplot .u-legend .u-series{display:block;text-align:left;margin:0}.full-chart-container.is-tt .uplot .u-legend{left:2.5rem;padding:.2rem;color:var(--dark);background:rgba(255,255,255,.95);font-size:.6rem;border:1px solid var(--gray-2);transition:opacity .12s linear}.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{display:block!important;margin:0!important;padding:.25rem}.zoom-slider{display:flex;align-items:center;gap:.5rem}.zoom-slider>div{min-width:2rem;font-size:.9rem}.zoom-sliders input[type=range]{display:block;margin:.5rem auto;width:1000px;max-width:95%}}.small-screen-warning{color:var(--blue-3);padding-top:1rem;display:none}.cursor-pointer{cursor:pointer}.cursor-info{cursor:help}@media (max-width:900px){.config-controls{grid-auto-flow:row;grid-template-columns:1fr}.hide-on-small{display:none}.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{display:flex;justify-content:space-between;width:100%;border-right:none;border-bottom:1px solid var(--gray-1);font-size:.7rem}.controls .average-watts>div:last-child{border-bottom:none}.controls .average-watts.no-overlay{display:flex;flex-direction:row;gap:2rem}.controls .average-watts.no-overlay>div{width:auto;border:none;min-width:auto}.controls .average-watts>div.actual{font-size:1rem}.controls .average-watts>div span{font-size:.7rem}.download-panel{grid-template-columns:1fr}.average-watts{max-width:100vw}.average-watts div{padding:.05rem;font-size:.8rem;min-width:2.5rem;max-width:100vw;overflow:auto}.average-watts:after{background:none}.average-watts div.actual{min-width:3rem;padding:.2rem}.small-screen-warning{display:block}}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,.4)}.modal-content{position:relative;background-color:#fefefe;margin:15% auto;border:1px solid #888;width:100%;max-width:1000px;border-radius:.25rem}.modal-content .is-flex{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:.5rem;&.content-center{justify-content:center}}