#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff;min-width:30%;min-height:40%;border-radius:10px}form#login-form{display:flex;flex-direction:column;align-items:center;gap:5px}#login-form>h2{margin-bottom:10px}#login-form>section{width:70%;display:flex;flex-direction:column;gap:10px}#login-form>section>div{display:flex;flex-direction:column}#login-form>button{width:100%}#login-form>a{font-weight:500;padding:20px}form#signup-form{width:80%;margin:auto;display:flex;flex-direction:column;align-content:center;gap:10px}#signup-form>h2,#signup-form input{width:100%}#signup-form>h2{text-align:center}#signup-form>button{margin-bottom:19px}nav{height:15vh;margin:0 auto;display:flex;justify-content:space-between;align-items:center;list-style:none}#logo{color:#005ce6;text-decoration:none;font-weight:500;display:flex}.login-signup{width:200px;margin:0;padding:0;list-style:none;display:flex;flex-direction:row-reverse;gap:15px}.login-signup>li>button{width:100px}.profile-dropdown{padding:10px;margin:10px;width:100%;min-height:100px;min-width:170px;max-width:230px;box-sizing:border-box;border:1px solid rgba(128,128,128,.3);background-color:#fff;list-style:none;border-radius:10px;position:absolute;z-index:1;display:flex;flex-direction:column}.profile-dropdown>li:nth-child(4),li:nth-child(5){transition:all .3s;padding:10px 0}.profile-dropdown>li:nth-child(4):active,li:nth-child(5):active{background-color:#8080804d}.profile-dropdown button{width:100%;margin:3px 0}nav .hidden{display:none}nav a{text-decoration:none;color:inherit}nav button{cursor:pointer;border-radius:3px;background-color:inherit;border:1px solid rgba(128,128,128,.3);font-weight:600}button.profile{border:1px solid rgba(128,128,128,.3);min-width:90px;min-height:48px;border-radius:20px;display:flex;justify-content:space-evenly;align-items:center;gap:9px}.profile-icon-logged-off{color:gray}hr{border-color:#80808033;border:0}main{margin:50px auto}#spots-container{display:flex;gap:25px;flex-wrap:wrap}.spot-card{box-sizing:border-box;cursor:pointer;border:0px solid rgba(128,128,128,.3);border-radius:10px;height:auto;min-width:250px;min-height:280px;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;text-decoration:none;color:inherit;flex:1 1 30%;display:flex;flex-direction:column;justify-content:space-between}.spot-card .img-container{height:90%}.spot-card img{width:100%;height:100%;object-fit:cover;border-radius:10px}.spot-card:hover .spot-card-info{color:#005ce6;border-color:#005ce6}.spot-card-info{transition:all .5s ease-out;box-sizing:border-box;width:100%;margin:10px auto;padding:10px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid white;border-radius:10px}.spot-card-info>.subcontainer{display:flex;justify-content:space-between;align-items:center}.spot-card .price{font-weight:600}.spinner.on{animation:rotating 1s linear infinite}.spinner.off{display:none}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#filtering{margin:30px 0 0;display:flex;gap:10px}#filtering>select,#filtering>input,#filtering>section>input{box-sizing:border-box;height:38px;border-radius:5px;border:1px solid lightgray;font-size:1em;padding-left:3px;color:#9e9c9c}#filtering>section{align-items:center}#filtering>button{border:0;margin:0;padding:0}#filter-tab{position:relative;display:flex;flex-direction:column;align-items:center}#filter-hide-open{position:absolute;font-size:25px;cursor:pointer;top:-35px;border-radius:50%;border:0px solid rgb(128,128,128);filter:drop-shadow(1px 1px 4px #808080cc);background:white;padding:10px;margin-bottom:5px;will-change:transform;transition:transform .6s ease}#filter-hide-open:active{transform:rotate(180deg)}.spot-details-container{display:flex;flex-direction:column;gap:20px;width:80%;margin:0 auto}.spot-details-container>.spot-details-head>.name{font-size:2em;margin-bottom:10px}.photos-container{height:50%}.photos-container .preview{width:50%;height:100%}.photos-container .preview img{width:100%;object-fit:cover}.photos-container .images{width:50%;display:grid;grid-template-columns:repeat(auto-fit,minmax(25px,48%));grid-template-rows:repeat(auto-fill,minmax(25%,50%))}.photos-container .images img{width:100%;height:100%;object-fit:cover}.property-description-container>.actions{border:2px solid black;box-sizing:border-box;padding:20px;border-radius:5px;display:flex;gap:10px}.property-description-container .price{font-weight:600;font-size:1.5em}.spot-details-map{border-top:2px solid black;padding-top:20px;width:100%;height:35vh}.spot-details-foot{border-top:2px solid black;padding-top:20px}.reviews-summary{font-size:25px;font-weight:600;padding-bottom:20px}.review-tile{display:flex;flex-direction:column;gap:5px}.review-tile>.reviewer{font-weight:600;font-size:1em}.review-tile>.udpatedAt{color:#d3d3d3}form.review-dialog-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}form.review-dialog-container>textarea{min-width:75%;max-width:75%;min-height:110px;max-height:130px;overflow-y:auto;border-color:inherit;box-sizing:border-box;padding:10px}form.review-dialog-container>div.stars-container{margin:15px 0;font-size:22px;display:flex;align-content:baseline}form.review-dialog-container>div.stars-container>span{margin-left:10px;font-size:18px}form.review-dialog-container svg{cursor:pointer}.confirm-modal-dialog-container{box-sizing:border-box;margin:0 20px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:10px}#new-spot-form-container{margin:0 auto 100px;max-width:430px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;align-items:center}#new-spot-form-container input{margin:15px 0}hr{width:100%}form input,textarea{box-sizing:border-box;height:38px;border-radius:5px;border:1px solid lightgray;font-size:1em;padding-left:3px}form input::placeholder,textarea::placeholder{color:#9e9c9c}#new-spot-form-container>input,#new-spot-form-container>label{width:100%}#new-spot-form-container>span{width:100%;text-align:center}form .sub-container{width:100%;display:flex;justify-content:space-between;align-items:baseline}#new-spot-form-container textarea{width:100%;height:200px}.error{color:red}#new-spot-form-container .error{box-sizing:border-box;text-align:start}.manage-spot-actions{display:flex;width:100%;gap:10px}@media screen and (width > 701px){nav{width:80%}#logo{font-size:1.5em;gap:5px}main{width:80%}#nav-button-container{display:flex;align-items:center;justify-content:end;gap:10px}#nav-button-container-mobile{display:none}img.spot-card-for-review{max-width:100%;border-radius:10px}.manage-spot-actions{justify-content:start}}@media screen and (width > 701px){.photos-container{display:flex;justify-content:space-between;gap:10px}.preview{flex-shrink:1}.preview>img{width:100%;height:100%}.images{width:100%;display:flex;flex-wrap:wrap;gap:5px}.images>img{flex-grow:1;width:46%}.property-description-container{margin-top:20px;display:flex;justify-content:space-between;align-items:start}.property-description-container h3{margin-top:0}.property-description-container>.actions{width:30%;flex-direction:column}.property-description-container .summary{display:flex;justify-content:space-between;align-items:baseline}.spot-card-for-review{margin:10px 0;display:flex;gap:10px}img.for-review{max-width:350px;border-radius:10px}}@media screen and (width >= 1370px){.spot-card{max-width:550px;flex:0 1 30%}}@media screen and (width < 1369px){.spot-card{flex:0 1 30%}#modal-content{min-width:40%;max-width:70%;max-height:80%}}@media screen and (width <= 700px){nav{width:90%}#filtering>button{size:30px}#logo{font-size:1.1em;display:flex;flex-direction:column}main{width:70%;padding:0 10px}#nav-button-container{display:none}#nav-button-container-mobile{align-self:self-end;display:flex;justify-content:end;align-items:center}#nav-button-container-mobile>button{font-size:35px;border:0}#filtering{flex-direction:column}}@media screen and (width <= 700px){.spot-details-container{width:90%}.photos-container{display:flex;gap:10px;flex-direction:column;flex:1 0 100%}.preview>img{width:100%}.images{display:flex;flex-wrap:wrap;gap:5px}.images>img{flex:1 0 23%;width:23%}.property-description-container{display:flex;flex-direction:column}.property-description-container>.actions{justify-content:space-between;align-items:start}.property-description-container>.actions button{align-self:center;flex-grow:1}.property-description-container .summary{width:50%;display:flex;flex-direction:column-reverse;gap:10px}}@media screen and (width <= 1000px){.spot-card{flex:0 1 40%}#modal-content{width:80%;max-height:80%}}@media screen and (width <= 700px){.spot-card{max-width:100%;flex:1 0 100%}img.for-review{max-width:100%;border-radius:10px}.manage-spot-actions{justify-content:space-between}.review-actions-container{display:flex;justify-content:space-between}}body{margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl,ol ol,ol ul,ul ol,ul ul{margin:0}hr{box-sizing:content-box;color:inherit;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}table{border-color:inherit;text-indent:0}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}button{cursor:pointer}button.primary{background:rgb(0,92,230);color:#fff;border-radius:5px;border:1px solid lightgrey;height:40px;font-size:medium}button.secondary{color:#005ce6;background-color:#fff;border-radius:5px;border:1px solid rgb(0,92,230);height:40px;font-size:medium}button.critical{color:#f64545;background-color:#fff;border:1px solid rgb(246,69,69);border-radius:5px;height:40px;font-size:medium}button.disabled{color:#e7dfdf;background-color:#989797;border:1px solid rgb(231,223,223);border-radius:5px;height:40px;font-size:medium;cursor:not-allowed}#feedback-container{border:1px solid black;border-radius:10px;width:70%;margin:10% auto;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}#feedback-container .header{margin:0}#feedback-container .sub-text{margin:0 0 10px}#feedback-container text-area{width:100%;border-radius:5px;resize:none}#feedback-container .stars-container{font-size:2em;align-self:center}#feedback-container button{width:100%}