.container{background-color:#eaeaea;flex-direction:column;min-height:100%;margin:0;display:flex;overflow-x:hidden}.editor{white-space:nowrap;background-color:#fff;border-radius:5px;flex:1;width:100%;max-width:1280px;margin:10px auto;padding:0 40px 0 50px;position:relative;overflow-x:hidden;box-shadow:0 0 27px -9px #00000059}.container>.footer{color:#fff;background-color:#000}a{color:#00c46a}.canvas{width:100%;max-width:1320px;height:100%;position:absolute;bottom:10px;overflow:visible hidden}.segments{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;margin-right:100px;padding-bottom:40px;display:flex;position:absolute;bottom:0}.fader{z-index:1;background-color:#ffffffe6;width:50000px;height:100%;position:absolute;inset:0}.cta{flex-flow:wrap;margin:10px auto;display:flex}.cta>.form-input{max-width:100px}.btn{text-align:center;cursor:pointer;background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;min-width:50px;font-size:13px;display:inline-block}.btn>svg{margin:0 auto;display:block}.btn-icon{width:30px;margin:0 auto}.btn-primary{color:#fff;background-color:#00c46a;padding:5px 20px}.btn-primary:hover{background-color:#27ae60}.btn-secondary{color:#000;background-color:#fff;padding:5px 20px}.btn-secondary:hover{background-color:#eee}.btn-square{color:#fff;width:50px;height:50px}.form-input{flex-direction:column;display:flex}.textInput{text-align:center;border:1px solid #d3d3d3;max-width:90px;font-size:20px}.selectInput{color:#fff;background-color:#000000b3;border-radius:5px;padding:10px;font-size:16px}label{text-align:center;padding:5px;font-size:10px}.actions{z-index:10;width:220px;margin:0 auto;padding:5px;position:absolute;top:0;left:0;right:0}.actions>button{color:#fff;cursor:pointer;background-color:#000000b3;border:0;border-radius:50%;margin:0 5px;padding:20px}.slider{position:absolute;top:10px;left:0}.workoutLength{display:inline-block}.alert{color:"red"}.info{text-align:left;flex-direction:row;width:100%;max-width:1360px;margin:0 auto;display:flex}.info>.title{flex:1}.info>.title>h1{margin:0;padding:10px 0}.info>.title>p{margin:10px 0 0;font-style:italic}.info>.workout{flex-direction:row;padding:10px 0 10px 10px;display:flex}.info>.workout>.form-input{padding:0 6px}.run-workout{flex-direction:row;width:100%;max-width:1360px;margin:0 auto;display:flex}.run-workout>.form-input{align-self:flex-end;padding-right:10px}.timePicker{width:120px}.timePicker>input{color:#000;font-family:monospace;font-size:18px}.time-picker-panel-input{font-family:monospace;font-size:18px}.time-picker-panel-select>ul>li{font-family:monospace;font-size:16px}.text-editor{align-self:center;width:100%;max-width:1360px;height:200px;display:flex}.text-editor-instructions{background-color:#f5f5f5;width:30%;margin:0 10px;padding:5px 20px;overflow-y:scroll}.text-editor-instructions>p{color:#333;margin:5px 0;font-size:14px;line-height:1.3}.text-editor-instructions>p>span{color:#fff;background-color:#db7093;padding:0 5px;font-size:14px}.text-editor-instructions>p>code{background-color:#d3d3d3;margin:5px 0;font-size:14px;display:block}.text-editor-instructions>h2{margin:0;padding:0;font-size:14px;line-height:2}.text-editor-instructions>h3{margin:10px 0;font-size:14px;line-height:1}.text-editor-textarea{box-sizing:border-box;border-radius:5px;width:70%;padding:20px;font-size:14px;box-shadow:0 0 27px -9px #00000059}
.segment{cursor:pointer;position:relative}.bar{border:1px solid #fff;border-radius:10px}.comment{color:gray;padding:5px;font-size:20px;position:absolute;top:-60px;left:105px}
.label{z-index:100;color:#fff;text-align:center;background-color:#000000b3;border-radius:5px;width:150px;margin:5px 0;padding:5px;font-size:14px;position:absolute;left:0}.label-bike{top:-112px}.label-run{top:-140px}.textField{color:#fff;background-color:#ffffff1a;border:0;border-bottom:0 solid #fff;font-size:14px}.cadence-row{display:flex}.cadence-row>.cadenceLabel{flex:1;font-size:14px}.cadence-row>.textField{flex:1;min-width:1px}
.trapeze{align-items:flex-end;display:flex}.trapeze-component{z-index:5;border-top:1px dotted gray}.trapeze-background{background-color:#00f;width:0;height:0;position:absolute;bottom:0;left:0}.trapeze-colors{width:100%;display:flex;position:absolute;bottom:0;left:0}.color:first-child{border-bottom-left-radius:5px}.color:last-child{border-bottom-right-radius:5px}.trapeze-svg-container{position:absolute;bottom:0;left:0}.trapeze-svg{fill:#0000}.trapeze-svg-off{fill:#fff;display:hidden}
.segment{position:relative}.freeRide{background-color:#d8d8d8;background-image:url("data:image/svg+xml,%3Csvg width='120' height='100' viewBox='0 0 150 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,16 C15.6,5.3 34.5,0 56.7,0 C88.6,0 94.4,30.7 114.8,30 C127.9,29.6 162.8,5.8 179.5,5.4 C202.2,5.4 213.7,40.2 237.9,40.1 C262.7,40.1 273.5,8.7 294.3,5.4 C327,5.4 322.5,39.6 346.9,40.1 C356.3,40.3 372.6,32.2 396,16 L396,126 L0,126 Z' fill='%23D8D8D8'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:cover;border:1px solid #fff;border-radius:0}
.interval-container{position:relative}.interval-selected{z-index:10}.intervals{flex-direction:row;align-items:flex-end;display:flex}.buttons{margin-top:-30px;position:absolute}.buttons>button{cursor:pointer}
.edit{background-color:#fff;padding:5px;display:inline-block}.line{z-index:0;border-left:1px dotted gray;width:1px;height:90vh;position:absolute;top:30px;left:0;right:0}.react-draggable{cursor:move;position:absolute}
.EditComment-module__Wj8Z1W__container{z-index:1000;background-color:#00000059;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.EditComment-module__Wj8Z1W__box{flex-direction:column;justify-content:center;align-items:center;min-width:50%;display:flex}.EditComment-module__Wj8Z1W__textArea{box-sizing:border-box;border-radius:5px;width:100%;height:200px;padding:20px;font-size:24px}.EditComment-module__Wj8Z1W__cta{align-content:center;width:50%;padding:10px;display:flex}.EditComment-module__Wj8Z1W__btnPrimary{color:#fff;background-color:#00c46a;border:0;border-radius:5px;flex:1;margin:0 5px;padding:10px 20px;font-size:16px}.EditComment-module__Wj8Z1W__btnPrimary:hover{background-color:#27ae60}.EditComment-module__Wj8Z1W__btnSecondary{color:#000;background-color:#fff;border:0;border-radius:5px;margin:0 5px;padding:5px 20px;font-size:16px}.EditComment-module__Wj8Z1W__btnSecondary:hover{background-color:#eee}.EditComment-module__Wj8Z1W__btnIcon{color:#000;background-color:#f3f3f3;border:0;border-radius:5px;margin:0 5px;padding:5px 20px;font-size:16px}
.popup-background{z-index:1000;background-color:#00000080;width:100%;height:100%;position:fixed;inset:0}.popup{background-color:#fff;border-radius:5px;align-self:center;margin:0 auto;padding:10px;position:fixed;top:50%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%);box-shadow:-5px 1px 51px #000000bf}.form-control{width:100%;margin:10px 0}.form-control>label{color:gray;text-align:left;font-size:14px;display:block}.form-control>input,.form-control>textarea{box-sizing:border-box;border:1px solid #aaa;border-radius:5px;width:100%;margin-top:10px;padding:10px;font-size:16px;display:block}.form-control>button{box-sizing:border-box;border:1px solid #eee;border-radius:5px;width:50%;margin-top:10px;padding:10px;font-size:16px}.close{color:#000;cursor:pointer;background-color:#fff;border:0;position:absolute;top:20px;right:10px}
.ToastMessage-module__0H4hMa__message{text-align:center;z-index:1000;border-radius:10px;width:400px;margin:0 auto;padding:20px;display:flex;position:absolute;top:50px;left:0;right:0}.ToastMessage-module__0H4hMa__text{flex:1}.ToastMessage-module__0H4hMa__loading{color:#fff;background-color:#000000b3}.ToastMessage-module__0H4hMa__error{color:#fff;background-color:#c40d0db3}.ToastMessage-module__0H4hMa__success{color:#fff;background-color:#00c46a}.ToastMessage-module__0H4hMa__close{float:right;color:#fff;cursor:pointer;background-color:#0000;border:0}
.form-check{padding:10px 10px 10px 0;display:inline-block}.form-check>label{color:gray;font-size:16px}
.left-right-toggle{color:#d3d3d3;flex-direction:row;display:flex}.left-right-toggle>.icon{padding:5px}.left-right-toggle>.icon.active{color:#00c46a}
.x-axis{border-top:1px solid gray;min-width:1320px;position:absolute;bottom:0;overflow:hidden}.x-axis>span{margin-top:20px;padding:0;display:inline-block;position:relative}.x-axis.x-axis-time>span{width:200px}.x-axis.x-axis-distance>span{width:100px}.x-axis>span:before{content:"";background-color:gray;width:1px;height:10px;position:absolute;top:-20px;left:0}
.zone-axis{color:gray;position:absolute;bottom:50px;left:2px}.zone-axis>div{position:absolute;bottom:0;left:0}.zone-axis>div:not(:first-child){border-top:1px solid gray}
.run-workout{flex-direction:row;width:100%;max-width:1360px;margin:0 auto;display:flex}.run-workout>.form-input{align-self:flex-end;padding-right:10px}.timePicker{width:120px}.timePicker .time-picker-input{color:#000;font-family:monospace;font-size:18px}.time-picker-panel-input{font-family:monospace;font-size:18px}.time-picker-panel-select>ul>li{font-family:monospace;font-size:16px}
.time-picker{width:130px;height:28px;display:inline-block;position:relative}.time-picker-clear{text-align:center;cursor:pointer;color:#999;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:50%;width:16px;height:16px;font-size:18px;font-weight:700;line-height:14px;transition:color .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.time-picker-clear:hover{color:#333}.time-picker-input{cursor:pointer;color:#000;box-sizing:border-box;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;width:100%;height:100%;padding:0 11px;font-family:monospace;font-size:18px;transition:all .2s}.time-picker-input:hover{border-color:#40a9ff}.time-picker-input:focus{border-color:#40a9ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.time-picker-panel{z-index:1050;background:#fff;border:1px solid #d9d9d9;border-radius:2px;position:absolute;top:calc(100% + 2px);left:0;right:0;box-shadow:0 2px 8px #00000026}.time-picker-panel-inner{outline:none;width:100%;display:block;position:relative}.time-picker-panel-input-wrap{border-bottom:1px solid #e8e8e8;padding:8px}.time-picker-panel-input{text-align:center;cursor:default;color:#000;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;width:100%;padding:6px 8px;font-family:monospace;font-size:18px}.time-picker-panel-selects{width:100%;max-height:192px;display:flex;overflow:hidden}.time-picker-panel-select{border-left:1px solid #e8e8e8;flex:1;max-height:192px;position:relative;overflow-y:auto}.time-picker-panel-select:first-child{border-left:0;margin-left:0}.time-picker-panel-select ul{width:100%;margin:0;padding:0;list-style:none}.time-picker-panel-select-option{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 0;font-family:monospace;font-size:16px;line-height:1.5;transition:background .15s}.time-picker-panel-select-option:hover{background:#f5f5f5}.time-picker-panel-select-option-selected{color:#fff;background:#1890ff;font-weight:600}.time-picker-panel-select-option-selected:hover{color:#fff;background:#40a9ff}.time-picker-panel-select::-webkit-scrollbar{width:6px}.time-picker-panel-select::-webkit-scrollbar-track{background:0 0}.time-picker-panel-select::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.time-picker-panel-select::-webkit-scrollbar-thumb:hover{background:#bfbfbf}