@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--background-color: #444444;--contrast-color: #242424;--secondary-contrast-color: #4f4f4f;--text-color: #ffffff;--secondary-text-color: #bbbbbb;--blue-color: #2583E1;--red-color: #C70303;--green-color: #329C3D;--border-color: var(--secondary-text-color);--link-color: #09cdda}*{padding:0;margin:0}html{font-size:16px;min-height:100%}body{background-color:var(--background-color);color:var(--text-color);font-family:Inter;min-height:100vh}h1{font-weight:500}h2{font-size:1.5rem;font-weight:500}h3{font-size:1rem;font-weight:400}a{color:var(--link-color)}button{background-color:var(--secondary-contrast-color);color:var(--text-color);font-weight:400;text-align:center;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.2rem}button>*{flex-grow:1}button img{height:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}select{background-color:var(--secondary-contrast-color);color:var(--text-color);padding:.5rem;border-radius:.5rem}input,textarea{background-color:var(--contrast-color);color:var(--text-color);padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color)}hr{background-color:#fff;width:100%}#root{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:100%;min-height:100vh}button:disabled{background-color:#676767!important;color:var(--secondary-text-color);cursor:auto}.inputdiv{display:flex;flex-direction:column;gap:.5rem}.error-message{color:red;font-size:.8rem}.comment-button{background-color:var(--blue-color);width:100%}.page{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-grow:1;width:100%}.list-item{background-color:var(--contrast-color);display:flex;flex-direction:row;align-items:center;gap:1rem;box-sizing:border-box;width:90%;height:5rem;padding:1rem;border-radius:.4rem}.list-item>p{text-transform:capitalize;flex-grow:1}.list-item>button{background-color:inherit;padding:0}.list-item .open-popup-button{background-color:var(--green-color);box-sizing:border-box;width:4rem;height:100%;padding:1rem;border-top-left-radius:0;border-bottom-left-radius:0}.list-item .list-item__primary{font-size:1.35rem}.list-item .list-item__secondary{color:var(--secondary-text-color)}.search-bar{font-size:1rem;box-sizing:border-box;width:100%;max-width:30rem;padding:.5rem 1rem;border:none;outline:none;border-radius:.8rem}.items-indicator{background-color:var(--red-color);position:absolute;top:0;right:0;font-weight:700;font-size:1rem;text-align:center;min-width:2ch;aspect-ratio:1/1;padding:.2rem;border-radius:100%;z-index:10}.page-header{background-color:var(--contrast-color);display:flex;flex-direction:row;align-items:center;gap:1rem;box-sizing:border-box;width:100%;padding:.5rem 1.5rem}.page-header .logo{height:4rem}.page-header h1{font-size:1.8rem;color:var(--text-color)}.page-header a{text-decoration:none}.page-header>div{display:flex;justify-content:left;align-items:center;gap:2rem;width:100%}.page-header .header-nav{display:flex;flex-direction:row;gap:1rem}.page-header .open-nav-button{background-color:transparent;display:none;height:2.5rem;padding:0}@media screen and (max-width:650px){.page-header{flex-direction:column}.page-header>div{justify-content:space-between}.page-header .open-nav-button{display:block}.page-header .header-nav{max-height:0;overflow:hidden;transition:max-height .5s ease}#root .page-header .nav-open{max-height:10rem}}.page-footer{display:flex;flex-direction:row;justify-content:center;width:100%;margin-bottom:1rem;margin-top:auto}.page-footer a{text-decoration:none}.modal-overlay{background-color:#0000004e;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{width:fit-content;height:fit-content}.shop-items{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1rem}.page .search-bar-container{display:flex;justify-content:center;align-items:center;align-items:stretch;gap:.5rem;box-sizing:border-box;width:calc(350px + 1rem);max-width:30rem}.clear-search-bar-button{background-color:var(--contrast-color);aspect-ratio:1/1;padding:.4rem;border-radius:10px}.no-products{margin-top:4rem;font-style:italic}.show-cart-button{background-color:var(--green-color);font-size:2rem;position:fixed;bottom:3rem;right:5%;width:90%;height:5rem;border-radius:.4rem;z-index:11}.show-cart-button .items-indicator{transform:translate(50%,-50%)}.item{background-color:var(--contrast-color);display:flex;flex-direction:column;gap:.5rem;position:relative;box-sizing:border-box;width:175px;padding:10px;border-radius:7px;transition:all .1s linear}.item:hover{transform:scale(1.05)}.item:active{transform:scale(1.1)}.item:hover img{transform:scale(.95)}.item .item-image{background-color:var(--secondary-contrast-color);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;min-height:0;min-width:0;width:100%;aspect-ratio:1 / 1;padding:.5rem}.item img{max-height:100%;max-width:100%}.item .item-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.item h2{word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.5rem}.item .item-stats{font-size:1rem;color:var(--secondary-text-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto}.favourite-button{background-color:var(--secondary-color);position:absolute;top:.1rem;left:.1rem;height:3rem;padding:.4rem;border-radius:0 0 0 2rem;z-index:9}@media(max-width:768px){.item:hover img{transform:none}}.cart{background-color:var(--contrast-color);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;box-sizing:border-box;width:90%;max-width:30rem;padding:1rem;border:.1rem solid var(--text-color);border-radius:.5rem}.cart-list{display:flex;flex-direction:column;gap:.7rem;width:100%;height:11.3rem;overflow-y:auto}.empty-cart-message{text-align:center;font-size:1.2rem;margin-top:3rem}.cart .cart-footer{display:flex;flex-direction:column;gap:.5rem}.cart .select-paying-user{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.cart .total{display:flex;justify-content:space-between}.cart .comment{width:95%;max-width:100%;margin-top:1rem}.cart .comment-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.cart .pay-button{background-color:var(--green-color);height:3.5rem;width:100%;margin-top:1rem}.cart-item{background-color:var(--secondary-contrast-color);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem;padding:.5rem;border-radius:5px}.cart-item .item-name{word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:auto}.cart-item button{height:30px;padding:0rem}.cart-item .item-quantity{height:30px;padding:0rem;aspect-ratio:1/1;text-align:center;background-color:transparent;border:none}.cart-item .item-quantity:focus{background-color:var(--contrast-color);outline:var(--border-color) solid 1px}.add-item-li{background-color:var(--green-color);padding:0}.add-item-li>button{font-size:20px;width:100%;height:100%}.popup-body{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%}.popup-window .accept-button{background-color:var(--green-color);display:flex;flex-direction:row;gap:1rem;justify-content:space-between;align-items:center;margin-top:auto}.popup-window{background-color:var(--contrast-color);position:absolute;box-sizing:border-box;width:80%;max-width:20rem;min-height:10rem;padding:1rem;border-radius:.5rem;border:.1rem solid #fff}.popup-window .popup-header{display:flex;flex-direction:column;gap:.8rem;margin-bottom:.8rem}.popup-window .popup-content{display:flex;flex-direction:column;gap:1rem;min-height:10rem}.close-button{background-color:inherit;position:absolute;top:0;right:0;aspect-ratio:1/1;border:none;border-radius:100px}.confirm-popup .accept-button{background-color:var(--red-color)!important}.balancepage .user-div{padding:0}.balancepage .user-div-content{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:2rem;flex-grow:1;padding:1rem}.balancepage .user-div img{height:100%}.balancepage .name-div{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin-right:auto}.refill-user-balance-popup input{text-align:right;width:2rem}.refill-user-balance-popup .popup-body>*{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem}.refill-user-balance-popup .popup-body>*>*:first-child{margin-right:auto}.search-and-filter{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:90%}.open-filters-button{background-color:var(--contrast-color);padding:9px;border-radius:.8rem}.transactions-list{display:flex;flex-direction:column;gap:1rem;width:90%}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;width:max-content;margin-bottom:3rem;margin-top:auto}.pagination button{background-color:var(--contrast-color);padding:.5rem}.transaction-preview{width:100%;padding:0}.transaction-preview-content{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;padding:1rem}.transaction-preview-content>div{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.removed-transaction{opacity:.5}.transaction-popup{max-height:95%}.transaction-overview{display:flex;flex-direction:column;gap:.8rem}.transaction-overview p{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.2rem}.transaction-overview .comment-container{flex-direction:column}.transaction-overview .comment{font-style:italic;max-height:4.5rem;overflow-y:auto}.receipt-details>hr{margin:.5rem 0}.receipt-list{display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;max-height:5.7rem;overflow-y:auto}.receipt-item,.total{display:flex;justify-content:flex-end;gap:.5rem}.receipt-item p:first-child{margin-right:auto}.receipt-item .item-total{min-width:5ch;text-align:right}.receipt-details .total{font-weight:700;justify-content:space-between!important}.transaction-popup .accept-button{background-color:var(--secondary-contrast-color)!important}.filter-div{background-color:var(--contrast-color);display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;gap:.8rem;box-sizing:border-box;width:90%;padding:1rem;border-radius:.4rem;margin-inline:auto}.filter-div>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.not-found{display:flex;flex-direction:column;align-items:center;gap:2rem}.not-found p{max-width:50%}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:50vh;width:100%}.login-page button{background-color:var(--green-color)}.login-page>*{width:max-content!important}.profile-page{padding:.8rem}.profile-page>div{display:flex;flex-direction:row;align-items:center;gap:2rem;height:5rem}.profile-page .profile-image{background-position:center;background-size:cover;height:100%;aspect-ratio:1/1;border-radius:50%;box-shadow:0 0 .5rem #fff}.profile-page .profile-name{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem}.profile-page .logout-button{width:50%}.auth-callback{display:flex;justify-content:center;align-items:center;min-height:60vh}.auth-callback p{width:max-content}