@import url(https://fonts.googleapis.com/css2?family=Ms+Madi&family=Fasthand&family=Roboto+Condensed:wght@400;700&family=Caveat&display=swap);:root{font-family:Roboto Condensed,sans-serif;font-size:16px}body{margin:0}#root{display:grid;grid-template-rows:1fr;height:100vh;max-width:100vw}.loading-container{align-items:center;background-color:#dfd3c389;display:flex;height:100%;justify-content:center;position:absolute;width:100vw;z-index:3}.loading-box{background-color:#0d172a;border:2px solid #0d172a;height:8rem;outline:none;overflow:hidden;position:relative;width:8rem}.loading-box:before{align-items:center;color:#d8cfcf;content:"Y";display:flex;font-family:Ms Madi,cursive;font-size:5rem;justify-content:center}.loading-box:after{-webkit-animation:spin 5s ease-in-out infinite;animation:spin 5s ease-in-out infinite;background-color:#dfd3c389;border-radius:45%;bottom:-50%;content:"";height:200%;left:-50%;position:absolute;width:200%}.login-page{align-items:center;display:flex;gap:30px;height:100vh;justify-content:center;width:100vw}.login-divider{background-color:gray;height:50vh;width:2px}.login-right{align-items:center;gap:15px;width:250px}.login-form,.login-right{display:flex;flex-direction:column}.login-form{background-color:#c06c84;border-radius:20px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-sizing:border-box;gap:10px;padding:20px 30px;width:100%}.logo{font-family:Ms Madi,cursive}input{background-color:#f4f4f4;border:none;border-bottom:1px solid #8d8d8d;border-radius:5px;box-sizing:border-box;color:#161616;font-family:inherit;font-size:14px;font-weight:400;height:40px;letter-spacing:.16px;line-height:1.29;outline:2px solid transparent;outline-offset:-2px;padding:0 16px;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:initial;width:100%}input:focus{outline:2px solid #596e79;outline-offset:-2px}button{align-self:center;background-color:#fff;border:0 solid #e2e8f0;border-radius:1.5rem;box-shadow:0 1px 2px rgba(166,175,195,.25);box-sizing:border-box;color:#0d172a;cursor:pointer;display:inline-block;font-family:Basier circle,-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.1rem;font-weight:600;line-height:1;padding:1rem 1.6rem;text-align:center;-webkit-text-decoration:none #0d172a solid;text-decoration:none #0d172a solid;text-decoration-thickness:auto;touch-action:manipulation;transition:all .1s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}button:hover{background-color:#1e293b;color:#fff}select{background-color:initial;background-color:#d8cfcf;border:none;border-bottom:1px solid #8d8d8d;border-radius:5px;font-family:inherit;padding:0 5px}select:focus{outline:2px solid #596e79;outline-offset:-2px}.auth-switch{color:#fcf4d9;font-size:.8rem}.auth-switch span{color:#596e79;cursor:pointer}.error-message{border-left:5px solid #247291;border-radius:5px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);color:#b5592a;padding:10px 20px;position:absolute;right:10px;top:10px}.main-page{display:grid;grid-template-rows:auto 1fr}header{align-items:center;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);display:flex;justify-content:space-between;padding:10px 30px;z-index:1}.username{align-items:center;color:#596e79;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700}.account-menu,.username{border-radius:5px;gap:10px;padding:20px}.account-menu{grid-gap:10px;background-color:#596e79;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);color:#d8cfcf;display:grid;font-size:.9rem;position:absolute;right:30px;top:90px;z-index:3}.account-menu div{cursor:pointer;text-align:end}.del-account{color:#8cbeaa;font-size:.8rem}.overview{align-items:center;background-color:#fcfefb;color:#8d8d8d;font-family:Fasthand,cursive;font-size:3rem;justify-content:center}.overview,.overview>div{display:flex;flex-direction:column}.overview img{height:60%}.dashboard{background-color:#dfd3c3;padding:20px;position:relative}.empty-dashboard{display:flex;font-size:1.5rem;grid-column:1/-1;justify-content:center}.dashboard-options{display:flex;gap:15px;justify-content:space-between;margin-bottom:10px}.add-button{background-color:#596e79;border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#f0ece2;cursor:pointer;font-size:1.5rem;justify-content:center;padding:12px}.add-button,.search{align-items:center;display:flex}.search{flex:1 1;gap:5px;justify-content:flex-end}.search input{height:30px;max-width:250px}.dashboard-main{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.album-card{background-color:#fff;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);cursor:pointer;display:flex;flex-direction:column;gap:5px;height:300px;padding:10px;position:relative}.album-card img{height:80%;object-fit:cover;width:100%}.album-card-date{bottom:5%;color:#596e79;font-family:Caveat,cursive;font-size:1.2rem;position:absolute;right:5%}.star-rating{color:#ececec;display:flex;font-size:1.2rem}.filled-star{color:#c06c84}.popup-container{align-items:flex-start;background-color:#f0ece2d3;display:flex;justify-content:center;left:0;min-height:100%;position:absolute;top:0;width:100%;z-index:1}.popup-container.confirm{z-index:2}.popup{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;margin:10px 0;overflow:auto;padding:20px;width:95%}.confirm-popup{grid-gap:20px;background-color:#8d8d8d;border-radius:5px;display:grid;font-size:1.2rem;gap:20px;justify-items:center;left:50%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.confirm-popup div{display:flex;gap:10px}.album-input{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:150px 1fr}.album-input .star-rating{cursor:pointer}.create-general-section{display:grid;grid-template-columns:1fr 1fr}.general-details{grid-gap:10px;display:grid;gap:10px}.create-cover{height:150px;justify-self:center}.create-cover img{height:100%}.create-dish-section{align-items:flex-start;display:flex;flex-direction:column;gap:10px;padding:25px}.create-dish-section button{align-self:flex-start}.create-end-buttons{display:flex;gap:10px;justify-content:center;padding:30px}.dish-count{color:#247291;font-size:1.2rem;font-weight:700}.fa-square-minus{color:#596e79;cursor:pointer;font-size:1.2rem}.dish-details{align-items:center;display:flex;gap:10px;justify-content:center}.dish-details .album-input{grid-template-columns:auto 1fr}.dish-details button{background-color:#1e293b;color:#fff}.dish-details button:hover{background-color:#fff;color:#1e293b}.dish-rating{align-items:center;display:flex}.dish-rating,.dish-rating select{font-size:1.2rem}.thumbnail{align-items:center;cursor:pointer;display:flex;height:60px;justify-content:center;margin-left:20px;object-fit:cover;position:relative}.thumbnail img{height:100%;width:100%}.selected{border:2px solid #c06c84}.create-others-section{align-items:center;display:flex;flex-direction:column;gap:10px}.create-others-section textarea{font-family:Roboto Condensed,sans-serif;font-size:1rem;height:100px;padding:10px;width:70%}.add-other-images{display:flex}.album-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.album-actions svg{cursor:pointer;font-size:1.2rem;margin:0 5px;padding:8px}.back-button{align-items:center;border-radius:50%;color:#596e79;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.album-view{padding:0 20px}.album-date,.album-location{align-items:center;display:flex;gap:5px}.album-location{color:#247291;cursor:pointer}.album-title{grid-gap:10px;align-items:center;display:grid;font-size:1.4rem;gap:10px;grid-template-columns:1fr auto}.album-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:3fr 1fr;width:100%}.dishlist-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:10px 0;width:100%}.dishlist-item{height:-webkit-max-content;height:max-content}.dishlist-title{display:flex;font-family:Caveat;font-size:1.3rem;justify-content:space-between;padding:0 5px;text-align:end}.dishlist-image{max-height:80%;object-fit:cover;width:100%}.notes{background-color:#f8da5b;overflow:auto;padding:10px}.notes p{font-size:1.1rem;font-weight:700;margin:0}.notes div{font-family:Caveat;font-size:1.2rem;padding:10px;white-space:pre-wrap}.carousel{align-items:center;display:flex;grid-column:1/3;justify-content:center;-webkit-user-select:none;user-select:none}.carousel-main{display:flex;gap:5px;height:400px;position:relative}.carousel-polaroid{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-sizing:border-box;height:100%;padding:10px 10px 50px}.carousel-polaroid img{height:100%;max-width:60vw;object-fit:cover}.arrow{align-items:center;color:#596e79;cursor:pointer;display:flex;font-size:1.5rem}.arrow svg{padding:0 5px}@media (min-width:768px){button{font-size:1.125rem;padding:1rem 2rem}}@media (hover:hover){.restaurant-card:hover{box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)}.add-button:hover{background-color:#c06c84;-webkit-transform:scale(1.05);transform:scale(1.05)}.back-button:hover{background-color:#596e79;color:#f0ece2}.fa-trash:hover{color:crimson}.fa-pen-to-square:hover{color:#b8860b}.album-location span:hover{text-decoration:underline}.username:hover{box-shadow:0 2px 8px 0 rgba(99,99,99,.2);font-size:1.05rem}}@-webkit-keyframes spin{0%{-webkit-transform:translateY(75%) rotate(0deg);transform:translateY(75%) rotate(0deg)}to{-webkit-transform:translateY(20%) rotate(600deg);transform:translateY(20%) rotate(600deg)}}@keyframes spin{0%{-webkit-transform:translateY(75%) rotate(0deg);transform:translateY(75%) rotate(0deg)}to{-webkit-transform:translateY(20%) rotate(600deg);transform:translateY(20%) rotate(600deg)}}@media (max-width:768px){:root{font-size:14px}header{padding-right:10px}.overview{box-sizing:border-box;justify-content:flex-start;max-width:100vw;padding:40px 20px}.create-general-section{gap:10px;grid-template-columns:1fr;grid-template-rows:1fr auto}.create-cover{grid-row:1}.album-input{grid-template-columns:100px 1fr}.create-dish-section{padding:25px 0}.create-dish-section label{font-size:.8rem}.dish-details{display:grid;grid-template-columns:auto auto auto}.dish-details span+div{grid-column:1/4;justify-self:center}.dish-rating,.dish-rating select{font-size:1rem}.thumbnail{height:40px;max-width:40px}.create-dish-section button{align-self:center}.album-view{padding:0}.album-body{grid-template-columns:1fr}.carousel{grid-column:auto}.login-page{flex-direction:column}.login-divider{height:2px;width:60vw}}
/*# sourceMappingURL=main.ecb5d597.css.map*/