.welcomeWrapper{z-index:4;background-color:#ff1f00;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}.welcomeWrapper h2{letter-spacing:-2%;color:#fff;text-align:center;padding:20px 0;font-family:DM Sans,sans-serif;font-size:3rem}.welcomeSearchBar{text-align:center;z-index:2;color:#000;background:#f9f9f9;border:none;border-radius:20px;width:65vw;height:60px;margin-top:20px;padding:15px 36px;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:600;box-shadow:0 3px 8px #00000047}.welcomeSearchBar:focus-visible{outline:none}.trendingWrapper{justify-content:center;align-items:bottom;z-index:4;background-color:#fff;border-radius:15px;padding:10px;display:flex;position:fixed;bottom:40px;left:75px}.trendingCardWrapper{font-size:1.1rem}.trendingCardWrapper h2{padding:10px}.trendingCard{vertical-align:middle;color:#000;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:300px;height:160px;margin:5px 0;padding:5px;transition:all .1s ease-in-out;display:flex}.active,.trendingCard:hover{color:#fff;background-color:#9e1d1d}.trendingCard h3{letter-spacing:-2%;text-align:center;font-family:DM Sans,sans-serif;font-size:1.2rem}.trendingCard p{letter-spacing:-2%;text-align:center;width:260px;margin:0 auto;padding:10px 0;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:300;line-height:1.44rem}.addressSearchResults{z-index:-1;color:#000;background-color:#f9f9f9;border-radius:15px;width:65vw;margin-top:-35px;padding-top:35px}.addressSearchResults ul{flex-direction:column;display:flex}.addressSearchResults ul li{background-color:#000;padding:15px 20px;transition:background-color .2s}.addressSearchResults ul li:hover{color:#fff;cursor:pointer;cursor:pointer;background-color:#ff9d90;border-radius:15px}.onboardingWrapper{text-align:left;z-index:4;color:#fff;border-radius:15px;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.backgroundOverlay{z-index:3;flex-direction:column;width:100vw;height:100vh;position:absolute}.onboardingContent{z-index:4;background-color:#0c1821;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:800px;padding:50px 80px;display:flex;position:absolute}.rowSplit{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;display:flex}.rowSplitAddress{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.inputTextBox{background:#223646;border:none;border-radius:8px;width:100%;margin:10px 0;color:#fff!important}.inputTextBox::-webkit-input-placeholder{color:#ddd}.inputTextBox:-moz-placeholder-shown{color:#ddd;opacity:1}.inputTextBox::-moz-placeholder{color:#ddd;opacity:1}.inputTextBox:-ms-placeholder-shown{color:#ddd}.inputTextBox::placeholder{color:#ddd}.inputTextBox:focus{caret-color:#223600;outline:2px solid #5384ac}.smallInput{width:80px;padding:15px 20px}.bigInput{padding:15px 20px}.addressInput{z-index:4}.onboardingSearchButton{z-index:5}.onboardingWrapper form{width:100%}.onboardingResults{opacity:0;position:relative}.onboardingResults ul{z-index:1;background:#223646;border-radius:10px;flex-direction:column;margin-top:-100px;padding-top:50px;display:flex}.onboardingResults ul li{color:#fff;border-radius:15px;margin-bottom:10px;padding:15px 20px}.onboardingVerify{opacity:.8;letter-spacing:.3px;background:red;border:none;border-radius:8px;height:min-content;padding:15px 25px;font-family:Greycliff CF,sans-serif;font-size:.9rem;font-weight:700;color:#fff!important}.submitButton{letter-spacing:0%;color:#000;text-align:center;cursor:pointer;background:#ffd400;border:none;border-radius:50px;padding:15px 29px;font-family:Greycliff CF,sans-serif;font-size:.9rem;font-weight:900;transition:all .12s ease-out}.submitButton:hover{background:#ffae00}.rowSplitAddress button{z-index:5;position:absolute;right:90px}.onboardingWrapper h3{letter-spacing:.1px;color:#fff;margin-bottom:10px;padding:20px 0;font-family:Sofia-pro,sans-serif;font-size:2.2rem;font-weight:500}.onboardingWrapper p{color:#fff;font-family:Greycliff CF,sans-serif;font-size:.9rem;font-weight:300}.inputTextBox{color:#fff;font-family:Greycliff CF,sans-serif;font-size:.9rem;font-weight:500}@media screen and (min-width:768px){.welcomeSearchBar,.addressSearchResults{width:40vw}}