body,html{max-width:100vw;overflow-x:hidden;font-family:Roboto,sans-serif;background-color:#f5f5f5;min-height:100vh}.card,.center{display:grid;place-items:center}.card{min-width:40vw!important;padding-top:1rem}.title-container{display:grid;place-items:center;padding-top:2rem;padding-bottom:2rem}.form-container{display:grid;place-items:start;grid-row-gap:1.5rem;row-gap:1.5rem;padding-bottom:1rem}.button-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem;row-gap:1rem;justify-content:start}.textfield{width:30vw!important}.waypoint-container{padding-top:2rem;padding-bottom:2rem;display:grid;grid-row-gap:.3rem;row-gap:.3rem;grid-template-columns:auto;max-width:30vw;justify-content:start}.loading-spinner{padding-top:2rem}.waypoint-item-container{display:grid;grid-template-columns:auto 1fr;grid-row-gap:1rem;row-gap:1rem;grid-column-gap:.5rem;column-gap:.5rem;padding-left:1rem;align-items:center}.spacer{padding-top:2rem}.footer{display:grid;grid-template-columns:auto;align-items:center;grid-row-gap:1rem;row-gap:1rem}.footer-text{text-align:center;padding-bottom:1rem}.footer-button{max-width:100%;justify-self:center}.randomize-button{max-width:100%;justify-self:start;margin-bottom:1.5rem!important}@media (min-width:768px){.centeredSnackbar{left:50%;transform:translateX(-50%)}}@media (max-width:768px){.body{max-width:90vw}.textfield{width:80vw!important}.card{width:100%!important}.waypoint-container{max-width:80vw}}