@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pace-calculator{background-color:#1a1a1a;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;flex-direction:row;font-family:Poppins,sans-serif;gap:2rem;margin:0 auto;max-width:1200px;padding:1rem}.calculator-section{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:400px;padding:1rem}.calculator-section form{display:flex;flex-direction:column;width:100%}.graph-section{display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-top:0;min-width:400px}.pace-calculator h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#dbdeff,#dbdeff);-webkit-background-clip:text;color:#dbdeff;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.mode-toggle,.unit-toggle{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.toggle-button{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#2c3e50;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;letter-spacing:.5px;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-button.active{background:linear-gradient(45deg,#a9f6d3,#a9f6d3);border:none;box-shadow:0 4px 15px #a9f6d333;color:#2c3e50}.toggle-button:hover:not(.active){background-color:#e9ecef;transform:translateY(-2px)}.light-mode .toggle-button.active,.light-mode button[type=submit]{background:linear-gradient(45deg,#3697ff,#3697ff)!important;border:none;box-shadow:0 4px 15px #3697ff33;color:#fff!important}.light-mode .toggle-button.active:hover,.light-mode button[type=submit]:hover{background:#3697ff!important;box-shadow:0 6px 18px #3697ff2e;color:#fff!important}.input-group{margin-bottom:1.5rem;width:100%}.input-group label{color:#fff;display:block;font-size:1rem;font-weight:500;letter-spacing:.5px;margin-bottom:.75rem;text-shadow:0 1px 2px #0003}.input-group input,.input-group select{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-sizing:border-box;color:#2c3e50;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#3498db;box-shadow:0 0 10px #3498db1a;outline:none}.pace-inputs,.time-inputs{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;width:100%}.pace-inputs .input-group{margin-bottom:0;width:100%}.pace-inputs .input-group input{box-sizing:border-box;font-size:.9rem;padding:.5rem;text-align:center;width:100%}.pace-unit{align-items:flex-end;color:#fff;display:flex;font-size:.9rem;font-weight:500;padding-bottom:.5rem}button[type=submit]{background:linear-gradient(45deg,#a9f6d3,#a9f6d3);border:none;border-radius:12px;color:#2c3e50;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem;text-transform:uppercase;transition:all .3s ease;width:100%}button[type=submit]:hover{box-shadow:0 5px 15px #a9f6d333;transform:translateY(-2px)}.result-section{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;margin-top:0;min-width:400px}.result{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.result h3{color:#2c3e50;font-size:1.1rem;font-weight:500;margin-bottom:.75rem}.result p{-webkit-text-fill-color:#2c3e50;background:linear-gradient(45deg,#a9f6d3,#a9f6d3);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin:0}.strategy-toggle{display:flex;gap:1rem;margin:1.5rem 0}.strategy-inputs{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.strategy-section{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;box-sizing:border-box;margin-bottom:1rem;padding:1rem;width:100%}.strategy-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .75rem;text-shadow:0 1px 2px #0003}.strategy-section .pace-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:0;width:100%}.strategy-section .pace-inputs .input-row{grid-gap:.75rem;align-items:end;display:grid;gap:.75rem;grid-template-columns:1.2fr repeat(3,1fr);width:100%}.strategy-section .input-group{display:flex;flex:1 1;flex-direction:column;width:100%}.strategy-section .input-group label{color:#ccc;display:block;font-size:.8rem;margin-bottom:.25rem}.strategy-section .input-group input{box-sizing:border-box;font-size:.9rem;padding:.5rem;text-align:center;width:100%}.strategy-section .pace-unit{font-size:.9rem;height:100%}.strategy-section .pace-unit,.strategy-section .quarter-label{align-items:flex-end;color:#fff;display:flex;font-weight:500;padding-bottom:.5rem}.strategy-section .quarter-label{font-size:1rem;text-shadow:0 1px 2px #0003;white-space:nowrap}.pace-graph{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:0;padding:1.5rem}.pace-graph h3{color:#dbdeff;font-size:1.1rem;margin:0 0 1rem}.chart-container{height:300px;position:relative;width:100%}.time-result{background-color:#a9f6d3;border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.time-result h3{color:#333;margin:0 0 .5rem}.time-result p{color:#333;font-size:1.5rem;font-weight:700;margin:0}.time-result .average-pace{color:#333;font-size:.75rem;font-style:italic;margin:.5rem 0 0}.distance-select{-webkit-appearance:none;appearance:none;background-color:#333;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:2rem;border:1px solid #3a3a3a;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.distance-select:focus{border-color:#dae3fe;box-shadow:0 0 0 2px #dae3fe33;outline:none}.distance-select option{background-color:#333;color:#fff;padding:.5rem}.sector-times{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;margin-top:0;padding:1.5rem}.sector-times h3{color:#dbdeff;font-size:1.1rem;margin:0 0 1rem}.sector-times table{border-collapse:collapse;width:100%}.sector-times td,.sector-times th{border-bottom:1px solid #3a3a3a;padding:.75rem;text-align:left}.sector-times th{color:#dbdeff;font-size:.9rem;font-weight:500}.sector-times td{color:#fff;font-size:.9rem}.sector-times tr:last-child td{border-bottom:none}.pace-conversion{background-color:#fff;border:1px solid #3a3a3a;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.pace-conversion h3{color:#dbdeff;font-size:1.1rem;margin:0 0 1rem;text-align:center}.pace-conversion table{border-collapse:collapse;width:100%}.pace-conversion td,.pace-conversion th{border-bottom:1px solid #e9ecef;padding:.75rem;text-align:left}.pace-conversion th{font-weight:500}.pace-conversion td,.pace-conversion th{color:#2c3e50;font-size:.9rem}.pace-conversion tr:last-child td{border-bottom:none}.training-zones{background-color:#fff;border:1px solid #3a3a3a;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.training-zones h3{color:#dbdeff;font-size:1.1rem;margin:0 0 1rem;text-align:center}.training-zones table{border-collapse:collapse;width:100%}.training-zones td,.training-zones th{border-bottom:1px solid #e9ecef;padding:.75rem;text-align:left}.training-zones th{font-weight:500}.training-zones td,.training-zones th{color:#2c3e50;font-size:.9rem}.training-zones tr:last-child td{border-bottom:none}.pace-sensitivity{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.pace-sensitivity h3{color:#dbdeff;font-size:1.1rem;margin:0 0 1rem;text-align:center}.pace-sensitivity table{border-collapse:collapse;width:100%}.pace-sensitivity td,.pace-sensitivity th{border-bottom:1px solid #3a3a3a;padding:.75rem;text-align:center}.pace-sensitivity th{color:#dbdeff;font-size:.9rem;font-weight:500}.pace-sensitivity td{color:#fff;font-size:.9rem}.pace-sensitivity tr:last-child td{border-bottom:none}.pace-sensitivity .highlight{color:#a9f6d3;font-weight:500}.heading-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.calculator-logo{height:40px;width:40px}.light-mode .pace-conversion,.light-mode .pace-graph,.light-mode .pace-sensitivity,.light-mode .sector-times,.light-mode .training-zones{background-color:#f7f8fa!important;border-color:#e0e7ff!important;color:#2d3559!important}.light-mode .pace-conversion h3,.light-mode .pace-graph h3,.light-mode .pace-sensitivity h3,.light-mode .sector-times h3,.light-mode .training-zones h3{color:#2d3559!important}.light-mode .pace-sensitivity .highlight{color:#3697ff!important}.light-mode .result.time-result p,.light-mode .time-result p{-webkit-text-fill-color:#fff!important;background:none!important;color:#fff!important}@media (max-width:768px){.pace-calculator{flex-direction:column;margin:0 auto;padding:.5rem}.calculator-section,.graph-section,.result-section{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:400px;padding:.75rem;width:100%}.input-group input,.input-group select{font-size:16px;padding:.5rem}.toggle-button{font-size:.9rem;padding:.5rem 1rem}.pace-inputs,.strategy-section .pace-inputs .input-row,.time-inputs{gap:.5rem;grid-template-columns:1fr}.chart-container{height:250px}.pace-calculator h2{font-size:1.5rem}.pace-conversion,.pace-sensitivity,.training-zones{box-sizing:border-box;margin:1rem auto;width:100%}.pace-conversion table,.pace-sensitivity table,.training-zones table{font-size:.8rem;width:100%}.pace-conversion td,.pace-conversion th,.pace-sensitivity td,.pace-sensitivity th,.training-zones td,.training-zones th{padding:.5rem}}.world-records{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.world-records h3{color:#dbdeff;font-size:1.1rem;margin:0 0 1rem;text-align:center}.world-records table{border-collapse:collapse;width:100%}.world-records td,.world-records th{border-bottom:1px solid #3a3a3a;padding:.75rem;text-align:left}.world-records th{color:#dbdeff;font-size:.9rem;font-weight:500}.world-records td{color:#fff;font-size:.9rem}.world-records tr:last-child td{border-bottom:none}.light-mode .world-records{background-color:#f7f8fa!important;border-color:#e0e7ff!important;color:#2d3559!important}.light-mode .world-records h3,.light-mode .world-records td,.light-mode .world-records th{color:#2d3559!important}#root,body,html{box-sizing:border-box;width:100%}*,:after,:before{box-sizing:inherit}body{overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.App{background-color:#1a1a1a;color:#fff;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem 2rem 2rem 0;position:relative;text-align:center}.logo{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;height:120px;justify-content:center;left:2rem;position:absolute;top:2rem;width:120px;z-index:10}.logo img{border-radius:15px;height:100px;object-fit:cover;width:100px}.App-header{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-bottom:2rem}.App-logo{height:40px;margin-right:1rem;width:40px}.App-header h1{color:#dbdeff;font-size:2.5rem;font-weight:700}.App-header h1,.tagline{letter-spacing:1px;margin:0}.tagline{color:#7f8c8d;font-size:1.2rem;font-weight:400}main{margin:0 auto;max-width:1200px}.ad-box{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:1.5rem;width:300px}.ad-box h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;text-align:center}.ad-box p{color:#7f8c8d;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.ad-box img{border-radius:8px;margin-bottom:1rem;max-width:100%}.ad-box button{background:linear-gradient(45deg,#a9f6d3,#a9f6d3);border:none;border-radius:8px;color:#2c3e50;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.ad-box button:hover{box-shadow:0 5px 15px #a9f6d333;transform:translateY(-2px)}@media (max-width:1200px){.ad-box{display:none}main{align-items:center;flex-direction:column}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.branding{color:#dbe2fe;font-size:1.2rem;font-weight:500;margin-top:1rem;text-align:center}.theme-toggle{align-items:center;display:flex;gap:.5rem;left:1rem;position:fixed;top:1rem;z-index:1000}.switch{display:inline-block;height:22px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background:linear-gradient(90deg,#a9f6d3,#b100ff);border-radius:22px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:2px;width:18px}input:checked+.slider{background:linear-gradient(90deg,#e0e7ff,#a9f6d3)}input:checked+.slider:before{transform:translateX(18px)}.toggle-label{font-size:1.2rem;-webkit-user-select:none;user-select:none}.light-mode{background-color:#fff;color:#2d3559}.light-mode .App-header h1,.light-mode .ad-box h3,.light-mode .ad-box p,.light-mode .branding,.light-mode .calculator-section,.light-mode .graph-section,.light-mode .pace-calculator,.light-mode .pace-conversion,.light-mode .pace-sensitivity,.light-mode .result-section,.light-mode .tagline,.light-mode .training-zones,.light-mode main{color:#2d3559!important}.light-mode .ad-box,.light-mode .calculator-section,.light-mode .graph-section,.light-mode .pace-calculator,.light-mode .pace-conversion,.light-mode .pace-sensitivity,.light-mode .result-section,.light-mode .training-zones{background-color:#f7f8fa!important;border-color:#e0e7ff!important}.light-mode .ad-box button{background:linear-gradient(45deg,#b100ff,#3697ff);color:#fff}.light-mode .toggle-button.active{background:linear-gradient(45deg,#3697ff,#3697ff);border:none;box-shadow:0 4px 15px #3697ff33;color:#fff}.light-mode .result.time-result,.light-mode .time-result{background:#3697ff!important;border-radius:8px;box-shadow:0 2px 8px #3697ff14;color:#fff!important}.light-mode .result.time-result h3,.light-mode .result.time-result p,.light-mode .time-result h3,.light-mode .time-result p{color:#fff!important}.light-mode ::selection{background:#3697ff;color:#fff}.light-mode *{color:#2d3559!important}.light-mode .pace-calculator h2{-webkit-text-fill-color:initial!important;background:none!important;color:#2d3559!important}.toggle-button,button{touch-action:manipulation}
/*# sourceMappingURL=main.1492d122.css.map*/