*{font-family:abel}#root{text-align:center;font-family:abel;--theme-dark: rgb(14, 48, 64);--theme-light: rgb(218, 227, 236);--theme-medium: rgb(197, 211, 223);--theme-turqouise: rgb(43, 168, 150);--theme-orange: rgb(236, 156, 91);--theme-orange-transparent: rgb(141, 102, 70);--text-grey-light: rgb(227, 227, 227);--text-grey-dark: rgb(112, 112, 112);--icon-color-grey: rgb(110, 113, 120);--iphone-14-max-width: 430px;--iphone-14-max-height: 932px;width:var(--iphone-14-max-width);height:var(--iphone-14-max-height);background-color:var(--theme-dark)}body{margin:0;width:var(--iphone-14-max-width);height:var(--iphone-14-max-height);overflow:hidden}#app-container{width:var(--iphone-14-max-width)}@font-face{font-family:leckerli;src:local("leckerli-one"),url(/assets/LeckerliOne-Regular-DGS7jvuF.ttf)}@font-face{font-family:abel;src:local("abel"),url(/assets/Abel-Regular-km_HdHYK.ttf)}.logo-image{padding:40% 0 0;width:50%;max-width:300px;animation:fadeIn 1s ease-in-out forwards;opacity:0}.logo-name{font-family:leckerli;color:var(--theme-orange);font-size:40px;animation:fadeIn .5s ease-in-out forwards;opacity:0;text-shadow:0px 4px 4px rgba(0,0,0,.25)}.button-turqouise{border:none;background-color:var(--theme-turqouise);border-radius:10px;color:var(--text-grey-light);height:45px}.save-button{margin:20px;width:90px;font-size:20px;align-self:center;color:var(--text-grey-light)}#logout-button{height:30px;width:30px;color:var(--theme-dark);display:flex;align-items:center;justify-content:center}#user-button{height:35px;width:35px;border-radius:20px;border:1px solid var(--theme-turqouise)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#top-menu{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 10px}#top-menu h4{font-family:leckerli;color:var(--theme-orange-transparent);font-size:20px;margin:20px 0}#app-background{position:absolute;top:100px;width:var(--iphone-14-max-width);background-color:var(--theme-light);border-radius:20px 20px 0 0;overflow:hidden;height:100%}#bottom-menu{position:fixed;bottom:0;left:0;width:var(--iphone-14-max-width);display:flex;justify-content:space-evenly;align-items:center;background-color:var(--theme-medium);height:70px}#bottom-menu button{height:40px;width:40px;border:none;color:var(--icon-color-grey);background-color:transparent}#bottom-menu button:focus{color:var(--icon-color-grey)}#bottom-menu button:active{color:var(--icon-color-grey)}#login-form,#signup-form{margin:20% 20% 15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px;color:var(--text-grey-light);animation:fadeIn .8s ease-in-out forwards;animation-delay:.5s;opacity:0}#login-form input,#signup-form input{width:100%;height:40px;border-radius:10px;font-size:18px;border:none}.login-button{margin:20px;width:90px;font-size:20px;align-self:center;color:var(--text-grey-light)}.signup-button{width:90px;font-size:17px;align-self:center}.toggle-signup-button{width:130px;animation:fadeIn .8s ease-in-out forwards;animation-delay:.5s;opacity:0}#item-list{width:100%;min-height:100%;overflow:hidden}#error-page{padding:50px;background-color:var(--theme-light);border-radius:50px}#item-container{position:relative;background-color:var(--theme-medium);color:var(--text-grey-dark);height:190px;display:flex;align-items:flex-start;margin:20px 0}#item-image{width:100px;height:100px;object-fit:cover}#item-text,#item-info{display:flex;flex-direction:column;text-align:start;justify-content:flex-start;font-size:15px;height:90%;padding:10px}#item-text h3{font-size:20px;margin:5px 0}#item-description{font-size:15px}#item-tools{position:absolute;top:140px;right:20px;display:flex;gap:5px}#item-tools button{height:25px;width:25px;background-color:var(--theme-light);color:var(--icon-color-grey);border:none;border-radius:5px}#item-location{position:absolute;bottom:5px;max-width:70%;display:flex;flex-direction:row;gap:10px;margin:0}#saved-stamp{position:absolute;font-family:leckerli;font-size:40px;color:var(--text-grey-dark);opacity:.5;top:60px;right:20px}#contact-form{padding:15px;height:100px;display:flex;align-items:center;justify-content:center;position:relative;top:-20px;color:var(--text-grey-dark);background-color:var(--theme-medium)}#contact-form input{width:100%;height:40px;border-radius:10px;font-size:18px;border:none}#contact-form button{margin:0 0 0 10px}h2{color:var(--text-grey-dark);text-align:left;padding:0 20px}#item-list-container{margin:20px;color:var(--text-grey-dark);overflow:auto;height:320px}#my-list-container{color:var(--text-grey-dark);margin:20px;overflow:scroll;height:680px}#item-map{margin:0 20px}#add-button{margin:20px;width:90px;height:45px;font-size:20px;color:var(--text-grey-light)}#filter-button{position:absolute;right:20px;top:20px;height:25px;background-color:var(--theme-medium);color:var(--icon-color-grey);border:none;border-radius:5px}#item-edit-mode{background-color:var(--theme-medium);margin:20px 0}#edit-form{margin:0 20px 20px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:var(--text-grey-dark);gap:15px;background-color:var(--theme-medium)}#edit-form input{width:100%;height:40px;border-radius:10px;font-size:18px;border:none}.save-edit-button{width:130px;font-size:17px;align-self:center}#add-form{padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px;color:var(--text-grey-dark);background-color:var(--theme-medium)}#add-form input{width:100%;height:40px;border-radius:10px;font-size:18px;border:none}#add-form h3{font-size:20px}#upload-button{border:none;background-color:var(--theme-medium)}#thread-with-chat{background-color:var(--theme-medium);margin:20px;padding:10px 0}#thread{display:flex;flex-direction:row;align-items:start;justify-content:space-evenly;color:var(--text-grey-dark);min-height:100px}#thread-image{height:80px;width:80px;margin:10px;object-fit:cover}#thread-info{display:flex;flex-direction:column;text-align:start;font-size:15px;padding:0 10px;min-width:200px}#contact-info,#owner-info{align-self:start}#contact-image,#owner-image{height:50px;width:50px;border-radius:25px;object-fit:cover}#contact-name,#owner-name{margin:0;padding:0;font-size:12px}#chat-toggle-button{height:25px;background-color:var(--theme-light);color:var(--icon-color-grey);border:none;border-radius:5px}#chat{width:90%;margin:20px;border-radius:10px;background-color:var(--theme-dark);display:flex;flex-direction:column;align-content:stretch;z-index:0}#chat-bubbles{display:flex;flex-direction:column;position:relative;z-index:100}#chat-form{display:flex;margin:10px}#chat input{width:100%;height:40px;border-radius:10px;font-size:18px;border:none}#chat button{margin:0 0 0 10px}#last-message-info{position:relative}#your-turn-badge{position:absolute;right:-70px;top:70px;border:solid 1px var(--icon-color-grey);background-color:var(--theme-light);border-radius:15px;width:fit-content;padding:5px}#thread-with-chat #saved-stamp{position:absolute;top:130px;right:40px}.message{margin:10px;border-radius:10px;width:fit-content;min-width:40%;max-width:65%;background-color:var(--theme-light)}.message-text{margin:5px}#message-outbound{align-self:flex-end;text-align:end}#message-inbound{text-align:start}#message-timestamp{font-size:10px;padding:5px;color:#000}#messages-thread-container{color:var(--text-grey-dark);overflow:scroll;height:680px}#user-form{margin:20px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:var(--text-grey-dark);gap:15px;background-color:var(--theme-medium)}#user-form input{width:100%;height:40px;border-radius:10px;font-size:18px;border:none}#preferences-list{border:none;text-align:left;margin:0;padding:0}#preferences-list input{width:15px;height:15px}#user-image-profile{height:100px;width:100px;border-radius:50px;margin:30px;object-fit:cover}