.welcome{display:flex;flex-direction:column;align-items:center}.welcome h2{font-size:1.8rem;text-align:center;font-weight:700;padding-top:2rem}.welcome p{font-size:1.2rem;text-align:center}.welcome img{margin-top:2rem}.main-footer{bottom:0;width:100%}.nav-menu{height:4rem;display:flex;justify-content:space-between;background-color:#fff;border-radius:1rem 1rem 0 0;-webkit-border-radius:1rem 1rem 0 0;-moz-border-radius:1rem 1rem 0 0;-ms-border-radius:1rem 1rem 0 0;-o-border-radius:1rem 1rem 0 0;box-shadow:0 -2px 4px #0000001a;padding:10px 0}.nav-menu__option{width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.nav-menu__option:first-of-type{border-right:1px solid rgba(0,0,0,.1098039216)}.nav-menu__option--active{color:#424242;font-weight:700}.nav-menu__option--active>img{opacity:1!important}.nav-menu__option p{color:#666}.nav-menu__option>img{width:20px;height:20px;margin-right:10px;opacity:.7}.main-header{height:9rem;width:100%;display:flex;background-color:#8eb826;border-radius:0 0 1rem 1rem;-webkit-border-radius:0 0 1rem 1rem;-moz-border-radius:0 0 1rem 1rem;-ms-border-radius:0 0 1rem 1rem;-o-border-radius:0 0 1rem 1rem;box-shadow:0 2px 4px #0000001a;justify-content:space-between;align-items:flex-end;padding:1rem 2rem}.main-header .logo{width:50%}.login-form{width:100%;display:flex;flex-direction:column;align-items:center;padding:3rem 0;background-color:#8eb826}.login-form__fields{width:80%;display:flex;flex-direction:column;align-items:center}.login-form__fields .submit-button{margin:2rem 0}.login-form .register-area{margin-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form .register-area .register-button{margin-top:1rem}.input{width:100%;margin:1rem 0}.input__field{display:flex;border-bottom:1px solid #000000;padding-bottom:5px}.input__field input{width:100%;height:30px;background-color:transparent;color:#000;padding:0 10px}.input__field input::-webkit-outer-spin-button,.input__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input__field input::-moz-placeholder{color:#000}.input__field input::placeholder{color:#000}.rounded .input__field{display:flex;border-bottom:none;background-color:#0000001c;border-radius:2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem;padding:0 10px}.rounded .input__field input{color:#424242;padding:20px 10px}.rounded .input__field input::-moz-placeholder{color:#666}.rounded .input__field input::placeholder{color:#666}button{border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;width:-moz-fit-content;width:fit-content;min-width:200px;display:flex;justify-content:center;align-items:center}button:disabled{background-color:#666;color:#999}.primary{background-color:#8eb826;color:#fff;border:none;padding:10px 30px;font-weight:700}.secondary{background-color:transparent;color:#f4c031;border:3px solid #f4c031;padding:10px 30px;font-weight:700}.inverse{background-color:#eee;color:#8eb826;border:none;padding:10px 30px;font-weight:700;min-width:0}.inverse>img{margin-right:10px}.warning{background-color:#f4c031;color:#eee;border:2px solid #eeeeee;padding:10px 30px;font-weight:700}.danger{background-color:#b32836;color:#eee;border:none;padding:10px 30px;font-weight:700}.header{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-top:4rem;min-height:220px;background-color:#8eb826}.header--login{padding-top:15rem}.header--register{border-radius:0 0 2rem 2rem;-webkit-border-radius:0 0 2rem 2rem;-moz-border-radius:0 0 2rem 2rem;-ms-border-radius:0 0 2rem 2rem;-o-border-radius:0 0 2rem 2rem}.header .logo{width:80%}.header .banner{width:80%;margin-top:2rem}#toast-container{z-index:100;position:fixed;top:1.5em;margin:0 10px;display:flex;flex-direction:column-reverse;gap:.6em;max-width:410px}.toast{position:relative;display:flex;align-items:center;gap:1em;min-height:4em;padding:1em;background-color:#eee;box-shadow:0 -2px 4px #0000001a;border-radius:.5em;-webkit-border-radius:.5em;-moz-border-radius:.5em;-ms-border-radius:.5em;-o-border-radius:.5em;animation:fadeinout 5s linear forwards;-webkit-animation:fadeinout 5s linear forwards;p-width:100%;p-font-size:1em}.toast .icon{align-self:flex-start;display:flex;align-items:center;justify-content:center;min-height:3em;min-width:3em;border-radius:50%}@keyframes fadeinout{0%,to{opacity:0;top:-50vh}5%,95%{opacity:1;top:0}}.toast[data-type=info]{color:#17a2b8;border-top:4px solid #17a2b8}.toast[data-type=info] .icon{background-color:#17a2b8;background-repeat:no-repeat;background-position:center;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%232d6b9c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>')}.toast[data-type=success]{color:var(--tt-color-success-text);border-top:.3em solid var(--tt-color-success-border)}.toast[data-type=success] .icon{background-color:var(--tt-color-success-icon-bg);background-repeat:no-repeat;background-position:center;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23568312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>')}.toast[data-type=warn]{color:var(--tt-color-warn-text);border-top:4px solid var(--tt-color-warn-border)}.toast[data-type=warn] .icon{background-color:var(--tt-color-warn-icon-bg);background-repeat:no-repeat;background-position:center;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23957d27" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>')}.toast[data-type=danger]{color:#fff;border-top:4px solid #B32836}.toast[data-type=danger] .icon{background-color:#e89099;background-repeat:no-repeat;background-position:center;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23cb382b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>')}.loader-container{z-index:100;width:100%;height:100%;position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;gap:.6em;max-width:430px;background-color:#0000001c}.loader-container .loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#eee;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.register-form__row{margin:2rem 0}.register-form__row--group{display:flex;justify-content:space-between;gap:15px;margin-top:1rem;margin-bottom:-1rem}.register-form__actions{display:flex;flex-direction:column;align-items:center;margin-top:2rem;gap:1rem}.confirm-register{background-color:#8eb826;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.confirm-register-form{width:100%;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center}.confirm-register-form .submit-button{margin:2rem 0}.confirm-register-form__fields{display:flex;width:80%;gap:1rem}.confirm-register img{margin:0 auto}.confirm-register p{text-align:center;margin-top:2rem}.trip-list{margin:0 2rem}@media only screen and (max-width: 375px){.trip-list{margin:0 1rem}}.trip-list h2{font-size:1.2rem;font-weight:700;color:#000}.trip{display:flex;margin:1rem 0}.trip .driver-image{padding-right:.5rem;padding-bottom:.2rem}@media only screen and (max-width: 375px){.trip .driver-image{padding-right:.2rem}}.trip>img{padding-right:10px}.trip .details__hour{display:flex;align-items:center;gap:.5rem}.trip .details__places{display:flex;gap:.5rem;font-size:14px}@media only screen and (max-width: 375px){.trip .details__places{font-size:14px}}@media only screen and (max-width: 320px){.trip .details__places{font-size:14px}}.trip .details__places span{display:flex;align-items:center;gap:.5rem;line-height:16px}.trip .details img{width:1rem}.card{width:100%;background-color:#0000001c;margin:1rem 0;padding:0 1rem;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}@media only screen and (max-width: 320px){.card{padding:.5rem}}.offer-trip{margin:0 2rem}@media only screen and (max-width: 375px){.offer-trip{margin:0 1rem}}.offer-trip>h3{margin:1rem 0;text-align:center}.modal{background-color:#eee;width:70%;max-width:400px;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;padding:1rem}.modal__bg{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.modal__header{display:flex;justify-content:center}.modal__body,.modal__actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.vehicle-list__message{text-align:center;color:#999;margin-top:3rem}.vehicle-list>button{margin:0 auto;margin-top:1rem}.vehicle-card{display:flex;align-items:center}.vehicle-card>img{padding-right:10px;width:4rem}.vehicle-card .vehicle-info,.vehicle-card .vehicle-capacity{display:flex}.vehicle-card .vehicle-info>img,.vehicle-card .vehicle-capacity>img{width:1rem;margin-right:10px}.vehicle-card .vehicle-info>p,.vehicle-card .vehicle-capacity>p{font-size:.8rem}.select{margin-top:1rem}.select__options{display:flex;align-items:center}.select__options>select{width:100%;padding:10px 20px;background-color:#0000001c;color:#000;border-radius:2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem}.select__options>img{width:30px;height:30px;margin-right:10px}.text-area{width:100%}.text-area__field{margin-top:.5rem;display:flex;border-bottom:1px solid #000000;padding-bottom:5px}.text-area__field textarea{width:100%;height:250px;background-color:transparent;color:#000;padding:0 10px}.text-area__field textarea::-webkit-outer-spin-button,.text-area__field textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-area__field textarea::-moz-placeholder{color:#000}.text-area__field textarea::placeholder{color:#000}.rounded .text-area__field{display:flex;border-bottom:none;background-color:#0000001c;border-radius:2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem;padding:0 10px}.rounded .text-area__field textarea{color:#424242;padding:20px 10px}.rounded .text-area__field textarea::-moz-placeholder{color:#666}.rounded .text-area__field textarea::placeholder{color:#666}.your-trip{margin:0 2rem}@media only screen and (max-width: 375px){.your-trip{margin:0 1rem}}.your-trip h2{margin:1rem 0;text-align:center}.passenger-card{display:flex;gap:10px;align-items:center;padding:.5rem 0}.passenger-card>img{width:3rem}.passenger-card__actions{display:flex;gap:10px;justify-content:center;margin-bottom:.5rem}.rate-driver{background-color:#8eb826;width:100%}.rate-driver>h2{text-align:center;margin-bottom:1rem}.rate-driver__info{display:flex;align-items:center;justify-content:center;margin-bottom:3rem}.rate-driver__info>img{padding-right:10px}.rate-driver__rate{display:flex;flex-direction:column;align-items:center;justify-content:center}.rate-driver__stars{display:flex;margin-bottom:1rem}.rate-driver__stars>img{width:30px;height:30px;margin:0 5px}.profile{margin:1rem 2rem}.profile>h2{font-size:1.2rem;font-weight:700;color:#000}.profile-card{display:flex;align-items:center;flex-wrap:wrap}.profile-card .details__row{display:flex;gap:8px}.profile-card .form__row{display:flex;-moz-column-gap:8px;column-gap:8px}.profile-card .add-vehicle__button{margin-top:16px;width:100%;justify-content:space-between}.form{width:100%}.form__row{display:flex;-moz-column-gap:8px;column-gap:8px}.form .cancel-button{margin-top:16px;width:100%}.rides-card{padding:1rem 0}.rides-card .rides-counts{display:flex;gap:20px;justify-content:center}.rides-card .rides-counts__info>div{display:flex;gap:8px}.rides-card .rides-amounts__money{display:flex;background-color:#8eb826;color:#eee;padding:1rem 2rem;margin:1rem 0;font-size:1.4rem;font-weight:700;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px}.rides-card .rides-amounts__money>img{margin-right:15px}.rides-card .rides-amounts__commissions{display:flex;background-color:#f4c031;color:#eee;padding:1rem 2rem;margin:1rem 0;font-size:1.4rem;font-weight:700;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px}.rides-card .rides-amounts__commissions>img{margin-right:15px}.rate-passengers{background-color:#8eb826;width:100%}.rate-passengers>h2{text-align:center;margin-bottom:1rem}.rate-passengers__info{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:3rem}.rate-passengers__info>img{padding-right:10px}.rate-passengers__rate{display:flex;flex-direction:column;align-items:center;justify-content:center}.rate-passengers__stars{display:flex;margin-bottom:1rem}.rate-passengers__stars>img{width:30px;height:30px;margin:0 5px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.absolute{position:absolute}.flex{display:flex}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{box-sizing:border-box;font-family:Roboto,sans-serif;color:#000}html,body{background-color:#eee}#root{display:flex;flex-direction:column;background-color:#eee;height:100vh;min-height:100%}h1{font-size:1.8rem;font-weight:700}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.3rem;font-weight:700}@media only screen and (max-width: 375px){h3{font-size:1.1rem}}h4{font-size:1.1rem;font-weight:700}h5{font-size:1rem;font-weight:700}p{font-size:1rem}@media only screen and (max-width: 375px){p{font-size:15px}}@media only screen and (max-width: 320px){p{font-size:12px}}
