@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:2}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff;border-radius:10px}.login-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px;height:auto;margin:10px;padding:10px}.login-form-container h1{font-size:22px;margin-bottom:5px}.login-form-container form{display:flex;flex-direction:column;width:100%}.login-form-container input{width:100%;height:35px;font-size:15px;border:none;background:none}.label-container{width:100%;border:solid 1px rgb(210,210,210);border-radius:5px;box-sizing:border-box}#login-credential-input{border-bottom:solid 1px rgb(210,210,210);box-sizing:border-box;padding:10px;outline:none}#login-credential-input:focus{border:solid 2px black;border-radius:5px}#login-password-input{box-sizing:border-box;padding:10px;outline:none}#login-password-input:focus{border:solid 2px black;border-radius:5px}#login-password-input:focus .login-form-container>h1{border-bottom:solid 10px rgb(210,210,210)}.errors{margin:5px;font-size:.95rem;color:#b44848;font-style:italic}.startButton{margin-top:10px;width:100%;font-size:16px;height:35px;border-style:none;border-radius:7px;color:#fff;background-color:var(--rausch-color)}.login-form-container .startButton{margin-bottom:8px}.startButton:hover{cursor:pointer;background-color:var(--darkred-color)}.startButton[disabled]{cursor:default;background-color:#bbb8b9}.Demouser-login{margin-top:7px;font-size:17px;text-align:center;text-decoration:underline;border:none;background:none;height:30px}.Demouser-login:hover{cursor:pointer;background-color:var(--darkred-color);border-style:none;border-radius:5px;color:#fff;text-decoration:unset}.oauth-button{width:calc(100% - 16px);display:grid;grid-template-columns:25px 1fr 25px;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:5px;border:1px solid black;margin-top:5px;margin-bottom:5px;text-decoration:none;color:#000;height:25px}.oauth-button:first-child{margin-top:10px}.oauth-button:hover{background-color:#f5f5f5}.logoicon{padding-left:5px}.google-login{display:inline;text-align:center;font-size:14px}.div-or{overflow:hidden;text-align:center;margin:5px 0}.div-or span{padding:0 5px}.div-or:before,.div-or:after{background-color:#000;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:49%}.div-or:before{right:.5px;margin-left:-50%}.div-or:after{left:.5px;margin-right:-50%}.signup-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:auto;margin:10px;padding:10px}.signup-form-container form{display:flex;flex-direction:column;width:100%}.signup-form-container input{width:100%;height:35px;font-size:15px;border:none;border:solid 1px rgb(210,210,210);background:none;box-sizing:border-box;padding:10px;outline:none}#signup-firstname-input{border-top-left-radius:5px;border-top-right-radius:5px}#signup-confirmedpassword-input{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.signup-form-container input:focus{border:solid 2px black;border-radius:5px}.profile-dropdown{position:absolute;top:55px;right:-3px;background-color:#fff;border:solid 1px rgb(200,200,200);min-width:150px;border-radius:15px;padding:0;font-size:18px;box-shadow:1px 1px 1px #c8c8c8}.profile-dropdown>p{margin:0;padding:5px 5px 5px 10px}.profile-dropdown>p:first-child{margin-top:10px}.profile-dropdown>p:last-child{margin-bottom:10px}.profile-dropdown>p:hover{cursor:pointer;background-color:#f0eeee}p.hello-user:hover{cursor:default;background-color:#fff}.hello-email{font-size:15px;width:auto}.hidden{display:none}.right-memu-container{display:flex;gap:15px;position:relative}.creat-spot-button{border:none;background-color:#fff;border-radius:25px;font-weight:700;font-size:15px;padding:10px}.creat-spot-button:hover{cursor:pointer;background-color:#c8c8c8}.user-icons-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;background-color:#fff;border:solid 1px rgb(197,197,197);border-radius:25px;padding:8px 8px 8px 14px}.user-icons-container:hover{cursor:pointer;box-shadow:2px 2px 2px #c8c8c8}.nav-container{width:100vw;position:sticky;top:0;padding-top:10px;padding-bottom:12px;z-index:1;background-color:#fff;border-bottom:1px solid grey}.nav-inner-container{display:flex;justify-content:space-between;align-items:center;width:calc(100vw - 100px);max-width:2400px;margin:auto}.profile-button-container{font-size:larger;width:auto;height:auto;height:60px;display:flex;align-items:center}.nav-container>img:hover{cursor:pointer}.spot-card-container{width:100%;height:auto;text-decoration:none;position:relative;margin-top:13px}.spot-card-container>img{object-fit:cover;width:calc((95vw - 100px)/6);max-width:380px;height:calc((95vw - 100px)/6);max-height:380px;border-radius:12px}.spot-card-container span{color:gray}.spot-card-container .tooltiptext{visibility:hidden;background-color:#fff;color:#000;text-align:center;padding:2px 8px;border-radius:15px;position:absolute;top:5px;left:10px}.spot-card-container:hover .tooltiptext{visibility:visible}.spot-card-address-review{display:flex;justify-content:space-between}.price-tag-container{display:flex;flex-direction:row;column-gap:4px;align-items:center;color:#000}.price-tag-container>span{color:#000}.price-tag{font-weight:700}.spots-container{display:grid;grid-template-columns:repeat(6,1fr);column-gap:1vw;row-gap:1vw;width:100%;margin-top:20px}.spots-container>a{text-decoration:none}@media screen and (max-width: 2080px){.spots-container{grid-template-columns:repeat(5,1fr);column-gap:1vw}.spot-card-container>img{width:calc((96vw - 102px)/5);height:calc((96vw - 102px)/5)}}@media screen and (max-width: 1700px){.spots-container{grid-template-columns:repeat(4,1fr);column-gap:1vw}.spot-card-container>img{width:calc((97vw - 102px)/4);height:calc((97vw - 102px)/4)}}@media screen and (max-width: 1300px){.spots-container{grid-template-columns:repeat(3,1fr);column-gap:2vw}.spot-card-container>img{width:calc((96vw - 102px)/3);height:calc((96vw - 102px)/3)}}@media screen and (max-width: 800px){.spots-container{grid-template-columns:repeat(2,1fr);column-gap:3vw}.spot-card-container>img{width:calc((97vw - 102px)/2);height:calc((97vw - 102px)/2)}}@media screen and (max-width: 550px){#root .page-container{width:calc(100vw - 30px);margin-left:17px;margin-right:15px}.nav-inner-container{display:flex;justify-content:space-between;align-items:center;width:calc(100vw - 30px);max-width:520px;margin:auto}.spots-container{grid-template-columns:repeat(1,1fr);column-gap:0}.spot-card-container>img{width:calc(100vw - 32px);max-width:520px;height:calc(100vw - 32px);max-height:520px}}.rating-star{display:flex;margin-right:4px}.rating-star .filled{color:#000}.rating-star .empty{color:#bebebd}.review-container>h3{display:flex;align-items:center;gap:10px}.star-date{display:flex;flex-direction:center;gap:20px;width:400px}.rating-star-input{display:flex;margin-right:4px}.rating-star-input .filled{color:#000}.rating-star-input .empty{color:#bebebd}.review-form-container{padding:10px 0;align-items:center;min-width:300px}.review-form-container>h3{text-align:center}.review-form-container>form{display:flex;flex-direction:column;align-items:center;width:100%}.review-context{min-width:250px;width:100%;height:100px}.review-star-container{display:flex;justify-content:center}.review-form-container .startButton{width:250px}.delete-review-container{padding:10px;margin:10px;display:flex;min-width:250px;height:auto;flex-direction:column;align-items:center;gap:10px}.delete-review-container>form{display:flex;flex-direction:column;gap:8px}.delete-button{width:250px;height:30px;color:#fff;border-radius:3px}.delete-button:hover{cursor:pointer}.yes-button{background-color:var(--rausch-color)}.yes-button:hover{background-color:var(--darkred-color);box-shadow:2px 2px 5px #000}.no-button{background-color:var(--grey-bg-color)}.no-button:hover{background-color:var(--darkgrey-bg-color);box-shadow:2px 2px 5px #000}.spotshow-page-container{display:flex;flex-direction:column;width:100%;margin-top:20px}.spotshow-img-container{display:flex;width:100%;height:30vw;column-gap:10px;margin-top:15px;padding:0;box-sizing:0}.spotshow-img-container>img{width:50%;border-top-left-radius:13px;border-bottom-left-radius:13px;object-fit:cover}.spotshow-imgs-right{width:50%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px}.spotshow-imgs-right>img{width:100%;height:14.5vw;object-fit:cover}.spotshow-imgs-right img:nth-child(2){border-top-right-radius:13px}.spotshow-imgs-right img:nth-child(4){border-bottom-right-radius:13px}.details-info-container{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;margin-top:25px;padding-bottom:20px;border-bottom:solid 2px grey}.spot-owner-description-container{display:flex;flex-direction:column;height:auto;width:70%}.spot-owner-description-container>h2,.spot-owner-description-container>p{margin-bottom:10px}.price-review-box{display:flex;flex-direction:column;justify-content:space-between;border:solid 2px grey;padding:15px;gap:15px;border-radius:15px;min-width:270px;max-width:50%;margin-top:10px}.price-review-box>p{display:flex;justify-content:space-between;gap:30px}.review-list-container{margin-top:15px}.review-list-container>h2{margin-top:5px}.reserve-button{align-self:center;color:#fff;width:80%;font-size:16px;height:35px;background-color:var(--rausch-color);border-radius:5px}.reserve-button:hover{cursor:pointer;background-color:var(--darkred-color);box-shadow:2px 2px 5px #000}.review-list-container>button{width:150px;text-align:center;font-size:14px;background-color:var(--babu-color);border:1px solid black;border-radius:4px;color:#fff;margin:10px 10px 15px 0;padding:5px}.review-list-container>button:hover,.review-control-buttons>button:hover{cursor:pointer;background-color:var(--darkgrey-bg-color);box-shadow:2px 2px 5px #000}.review-list-container>button:hover{background-color:var(--darkbabu-color)}.review-container{margin-top:8px}.review-control-buttons{display:flex;gap:9px}.review-control-buttons>button{width:85px;margin-top:5px;margin-bottom:8px;font-size:15px;padding:1px 10px;background-color:var(--grey-bg-color);border-radius:3px;color:#fff}@media screen and (max-width: 900px){.spotshow-img-container{height:40vw}.spotshow-imgs-right>img{height:19vw}.details-info-container{width:100%}.spot-owner-description-container{width:80%}.price-review-box{width:20%;min-width:160px}.price-review-box>p{flex-direction:column;justify-content:space-between;align-items:center;gap:7px}.reserve-button{width:60%;font-size:14px;min-width:100px}}@media screen and (max-width: 550px){.spotshow-imgs-right{display:none}.spotshow-img-container{height:70vw}.spotshow-img-container>img{width:100%;height:62vw;border-radius:12px}.details-info-container{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:25px;padding-bottom:20px;border-bottom:solid 2px grey}.spot-owner-description-container{width:100%}.price-review-box{width:calc(100vw - 20px);max-width:100%;border:none;border-radius:unset;border-top:1px solid black;flex-direction:row;position:fixed;z-index:1;bottom:0;background-color:#fff;padding:10px 15px}.price-review-box>p{flex-direction:column;align-items:flex-start;gap:3px}.reserve-button{width:30%;font-size:14px;min-width:100px}.spotshow-page-container+footer{margin-bottom:45px}}.manage-menu{display:flex;flex-direction:column;margin-left:0;align-items:flex-start;width:calc(100vw - 100px);margin-top:10px}.manage-spot-button{display:flex;gap:7px;margin-top:7px}.manage-spot-button>button{background-color:var(--grey-bg-color);min-width:80px;width:40%;font-size:15px;font-weight:500;padding-top:1.5px;padding-bottom:1.5px;border-radius:3px;color:#fff}.manage-spot-button>button:hover{cursor:pointer;background-color:var(--darkgrey-bg-color);box-shadow:2px 2px 2px #000}.spot-button-container>a{text-decoration:none}.manage-spot-creat-spot-button{margin-top:10px;background-color:var(--babu-color);font-size:15px;color:#fff;padding:5px 10px;border-radius:8px}.manage-spot-creat-spot-button:hover{cursor:pointer;background-color:var(--darkbabu-color);box-shadow:2px 2px 2px #000}.spot-form-page-title{margin-top:20px;margin-bottom:15px}.spot-from-container{display:flex;flex-direction:column}.city-state-container,.lat-lng-container{display:flex;flex-direction:row;align-items:flex-end}.city-container,.state-container,.lat-container,.lng-container{display:flex;flex-direction:column}.city-container{width:60%}.city-input{width:98%}.state-container{width:38%;margin-left:10px}.lat-container,.lng-container{width:49%}.lng-container{margin-left:10px}.lat-input{width:98%}.title-intro{margin-top:15px;padding-top:15px;border-top:1.5px solid var(--babu-color)}.description-textarea{height:80px}.paragraph-intro{margin-top:5px;max-width:500px;margin-bottom:8px}.price-container{width:100%;display:flex;gap:5px}.price-input{width:97%}#position-line{width:100;height:30px;margin-top:30px;border-top:2px solid var(--babu-color)}.spot-spot-button{margin:auto;display:grid;border:1.5px solid black;border-radius:7px;padding:3px 10px;font-size:15px;color:#fff;background-color:var(--rausch-color)}.spot-spot-button:hover{cursor:pointer;background-color:var(--darkred-color);box-shadow:2px 2px 5px #000}.spotimage-input{width:100%}.update-image-info{color:var(--babu-color);font-style:italic}.lat-lng-container.hidden{display:none}footer{display:flex;flex-direction:column;justify-content:flex-start;margin-top:30px;padding-top:30px;padding-bottom:20px;margin-right:auto;width:100%;border-top:1px solid grey}:root{--rausch-color: rgb(255, 90, 95);--darkred-color: rgb(238, 53, 53);--arches-color:rgb(252, 100, 45);--babu-color: rgb(0, 166, 153);--darkbabu-color: rgb(1, 141, 129);--grey-bg-color: rgb(163, 160, 160);--darkgrey-bg-color: rgb(104, 102, 102)}*{font-family:Nunito Sans,sans-serif;margin:0;padding:0}#root{display:flex;justify-content:center;width:100%;margin:0;padding:0}.header-page-container{display:flex;flex-direction:column;align-items:center}.page-container{display:flex;flex-direction:column;align-items:center;width:calc(100vw - 102px);max-width:2400px;margin:0 50px 20px;padding:0;border:0px;position:relative}