:root{--gray:#3e3e3e;--orange:#ff8c00;--blueSky:rgba(155,239,254,.475);--blueOcean:#48cce9;--delete:#ff5043;--edit:#65c1b6;--purple:#8080ff;--white:#fff;--black:#000;--heavyShadow:rgba(0,0,0,.2);--cloud:rgba(111,200,255,.173);--red:red;--blue:#00f;--wellBlue:#00d9ff;--buttonHover:#0091ff;--cardHover:rgba(196,237,255,.153);--editButton:#65c1b6}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}body,p{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container-button{align-items:center;background-color:var(--black);border-radius:3px;display:inline-block;justify-content:center;padding:1rem 3rem}.container-button:hover{background-color:var(--buttonHover);cursor:pointer}.lable-button{color:var(--white);font-size:12px;font-weight:700}.addButton{background-color:var(--purple);border-radius:2rem;padding:1rem 1.2rem}.signupButton{background-color:transparent;border-color:var(--white);border-radius:10px}.loginButton,.signupButton{border-style:solid;border-width:1;display:flex}.loginButton{background-color:var(--black);border-radius:5px}@media (max-width:600px){.signupButton{padding:16px}}@media (max-width:480px){.loginButton{padding:14px}.signupButton{align-self:center}}.cardContainer{align-items:center;background-color:var(--white);border-bottom:5px solid var(--wellBlue);border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:grid;grid-template-columns:2fr 1fr;height:10rem;height:200px;justify-content:center;justify-self:center;padding:15px;width:70%}.cardContainer:hover{background-color:var(--cardHover)}.labelContainer{gap:1rem}.buttonsWrap,.labelContainer{display:flex;flex-direction:column}.buttonsWrap{align-items:center;gap:10px;justify-content:center}.deleteIcon{background-color:var(--delete)}.deleteIcon,.editIcon{cursor:pointer;padding:8px}.editIcon{background-color:var(--editButton)}.modal{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;top:0;width:100%}.modal-main{align-items:center;background:var(--white);display:flex;flex-direction:column;height:auto;justify-content:center;left:50%;padding:3rem 0;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.display-block{display:block}.display-none{display:none}.button-wrap{margin-top:20px}.idField{background-color:#e4cccc;border-radius:5px;padding:.5rem}.idWrap{font-size:16px;font-weight:700;margin-bottom:1rem}.form{align-items:center;justify-content:center}.input{background-color:var(--blueSky)}.exitIcon{cursor:pointer;height:1.5rem;position:fixed;right:30px;top:30px;width:1.5rem}@media (max-width:700px){.modal-main{width:100%}.label{width:10rem}}.containerDashboard{display:grid}.header{align-items:center;background-color:#14537b;display:flex;gap:1rem;justify-content:space-between;padding:2rem 1rem}.headerTitle{font-size:32px;font-weight:700}.logout{cursor:pointer;font-size:24px;font-weight:800}.nav{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;justify-content:center;margin:1rem;padding:20px 0}.userSectionButton{border-bottom:5px solid var(--wellBlue)}.stationSectionButton,.userSectionButton{align-items:center;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:grid;font-size:28px;font-weight:700;justify-content:center;padding:3rem}.stationSectionButton{border-bottom:5px solid var(--orange)}.navButton{align-items:center;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:grid;font-size:28px;font-weight:700;justify-content:center;padding:3rem}.navButton:hover{cursor:pointer}.activeNavBottom{align-items:center;border-bottom:5px solid var(--delete);border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:grid;font-size:28px;font-weight:700;justify-content:center;padding:3rem}.sectionContainer{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr}.addWrap{align-items:center;background-color:var(--cloud);border-radius:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.19);display:flex;gap:1rem;margin:2rem;padding:20px}@media (max-width:850px){.sectionContainer{grid-template-columns:1fr 1fr}.addWrap{flex-direction:row;padding:10px}}@media (max-width:580px){.nav,.sectionContainer{grid-template-columns:1fr}}.button-wrap{flex-direction:column}.label{margin:0 1rem}@media (max-width:700px){.main-wrap{width:29rem}.label{width:11rem}}@media (max-width:480px){.main-wrap{background-color:#f700ff}}.section-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:8rem}.main-wrap{grid-gap:14px;background-color:#fff;box-shadow:5rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:grid;gap:14px;grid-template-columns:2fr 1fr;height:30rem;width:60rem}.left-section,.right-section{align-items:center;display:flex;justify-content:center}.right-section{background-color:var(--gray);flex-direction:column;gap:2rem}.welcome{color:#f0f8ff;font-size:24px;font-weight:700;text-align:center}.button-register{align-items:center;display:flex;justify-content:center}@media (max-width:800px){.main-wrap{width:40rem}.section-wrap{margin:6rem}}@media (max-width:700px){.main-wrap{width:32rem}.section-wrap{margin:5.5rem}.label{width:15rem}}@media (max-width:500px){.main-wrap{background-color:var(--white)}.main-wrap,.right-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.right-section{height:30%;width:100%}}.container-loginForm{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.button-wrap{align-items:flex-end;display:flex;justify-content:flex-end;margin:1rem;width:100%}.title{font-size:24px;font-weight:700}.form{gap:1rem;padding:1rem}.form,.label{display:flex;flex-direction:column;width:20rem}.label{gap:.5rem}.input{background-color:hsla(0,0%,61%,.475);border:none;border-radius:5px;padding:10px}.errorText{color:red;font-size:12px}.payment{color:var(--red);font-size:28px;font-weight:700;text-align:center}@media (max-width:500px){.form{flex-direction:column}.button-wrap,.form{align-items:center;display:flex;justify-content:center}}
/*# sourceMappingURL=main.1641ffd2.css.map*/