@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);:root{--text:#2d312b;--mainGreen:#4b634c;--color5:#fff;--parchment:#e7e4dc;--heart:#a84432;--greenHover:#364a38;--border:#9ca18f;--golden:#c5a059}*{font-family:Kanit,sans-serif;margin:0;padding:0;text-decoration:none}button{border-width:0}body,html{height:100%}body{background-color:#4b634c;background-color:var(--mainGreen);margin:0}.desktopStandardShadow,.standardShadow{box-shadow:5px 5px 6px 0 #00000080}@media (max-width:1100px){.desktopStandardShadow{box-shadow:0 0 0 0}}header{align-items:center;background-color:#e7e4dc;background-color:var(--parchment);background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #9ca18f;border:2px solid var(--border);border-radius:5px;box-shadow:5px 5px 6px 0 #00000080;color:#2d312b;color:var(--text);display:flex;justify-content:space-between;margin:1em;min-height:150px;padding:1em}header h1{font-size:48px}.headerNav{align-items:flex-start;display:flex;gap:1em;justify-content:space-around;width:100%}nav a{display:flex;justify-content:center;transition:.1s linear}nav a,nav a:hover{color:#2d312b;color:var(--text)}nav a:hover{cursor:pointer;scale:1.01}.loader{display:flex;justify-content:center;margin-top:15em}.homeInfo{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:5px;margin:auto;max-width:80%;padding:1em;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.homeInfo>p{font-size:20px}.highlightText{font-size:20px;font-weight:700;text-decoration:underline}.highlightText:hover{cursor:pointer}.homeSection{display:flex;flex-wrap:wrap;justify-content:center;margin-top:3em;width:100%}.insetBtn{background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;color:#2d312b;color:var(--text);margin:.5em;padding:.25em .8em;transition:.3s}.insetBtn:hover{border:1px solid #364a38;border:1px solid var(--greenHover);box-shadow:inset 0 0 0 2.5em #364a38;box-shadow:inset 0 0 0 2.5em var(--greenHover);color:#e7e4dc;color:var(--parchment);cursor:pointer}.homeSection a{border-radius:5px;color:#2d312b;color:var(--text);height:100%;margin:1em;text-align:center;width:45%}.homeSection div h1{font-size:35px;padding:2em}.backBtnSection div:hover{color:#2d312b;color:var(--text);cursor:pointer}@media (max-width:750px){.homeSection a{width:90%}.homeSection a div h1{font-size:28px}.highlightText,.homeInfo>p{font-size:14px}.homeInfo>h2{font-size:20px}}@media (max-width:550px){header h1{font-size:18px}.backBtnSection,header a{font-size:10px}.homeSection a div h1{font-size:24px}.highlightText,.homeInfo>p{font-size:12px}.homeInfo>h2{font-size:16px}}.sectionMain{display:flex;flex-wrap:wrap;margin-top:3em;width:100%}.sectionTitleDiv{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:5px;margin:1em;padding:2em}.loginSection,.sectionTitleDiv{color:#2d312b;color:var(--text);text-align:center}.loginSection{display:flex;flex-wrap:wrap;justify-content:center;position:fixed;top:30%;width:100%}.loginSection>div{border:1px solid #9ca18f;border:1px solid var(--border)}form{display:flex;flex-wrap:wrap;justify-content:center}label{width:100%}.form-div{background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;padding:1em}.form-div h4{font-size:30px}.form-input{margin:1em auto auto;padding:.5em;width:90%}.form-textarea{height:5em}.form-input-50{margin:1em auto auto;padding:.5em;width:40%}.form-firstLast{display:flex;width:100%}.form-submit{font-size:16px;font-weight:700;padding:.2em 2em}.pass-input{display:flex;margin:auto;padding:.5em;width:100%}#passToggle,#passToggle2{align-items:center;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#passToggle2:hover,#passToggle:hover{cursor:pointer}.needLoginSection{background-color:#4b634c;background-color:var(--mainGreen);border-radius:5px;color:#fff;color:var(--color5);margin:15em auto auto;padding:1em;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.needLoginSection a h3{padding:.5em}.profileDiv{display:flex;flex-wrap:wrap;width:50%}.profileDiv .sectionTitleDiv{width:100%}.profileInfoDiv{display:flex;flex-wrap:nowrap;justify-content:space-between;margin:1em;width:100%}.changeInfoDiv{border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;padding:.5em;width:33%}.changeInfoDiv button{height:20%}.accountDiv span{display:flex;justify-content:space-between;padding:1em}.accountDiv{background-color:#4b634c;background-color:var(--mainGreen);border:2px solid #4b634c;border:2px solid var(--mainGreen);border-radius:5px;padding:1em;width:60%}.accountDiv span:nth-child(2n){background-color:#9ca18f;background-color:var(--border)}.accountForm{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:5px;display:flex;flex-wrap:wrap;margin:1em;padding:.5em;width:100%}.accountForm div{color:#2d312b;color:var(--text);width:80%}.infoBtnDiv{display:flex;justify-content:center}@media (max-width:1100px){.profileDiv{width:75%}}@media (max-width:800px){.profileDiv{margin:auto;width:90%}.changeInfoDiv{padding:0}}@media (max-width:600px){.profileInfoDiv{flex-wrap:wrap;justify-content:space-evenly}.accountDiv{width:100%}.changeInfoDiv{flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1em;padding:.5em;width:80%}.changeInfoDiv button{font-size:12px;padding:.2em}.accountDiv span{font-size:12px;padding:.3em}}.passResetForm{background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;max-width:30%;min-width:250px;padding:1em}.form-resetPW{width:100%}.friendDiv{display:flex;flex-wrap:wrap;width:45%}.friendDiv .sectionTitleDiv{width:100%}.friendSection{display:flex;flex-wrap:nowrap;width:100%}.addFriendComponent{border-radius:5px;color:#fff;color:var(--color5);padding:1em;text-align:center}.addFriendComponent,.friendsListDiv{background-color:#4b634c;background-color:var(--mainGreen);border:2px solid #4b634c;border:2px solid var(--mainGreen);margin:1em;width:100%}.friendsListDiv{border-radius:5px}.friendsListDiv h3{text-align:center}.friendEl,.friendRequestEl{background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;display:flex;justify-content:space-between;margin:1.5em .5em;padding:.5em 1em .2em;transition:.1s linear}.friendRequestEl{align-items:center}.friendRequestEl button{border:1px solid #9ca18f;border:1px solid var(--border)}.friendEl:hover{background-color:#2d312b;background-color:var(--text);color:#e7e4dc;color:var(--parchment);cursor:pointer}.expandedFriendDiv{background-color:#4b634c;background-color:var(--mainGreen);border:2px solid #4b634c;border:2px solid var(--mainGreen);border-radius:5px;display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1em;padding:.5em;width:52%}.expandedFriendDiv p{padding-top:1em;text-align:center;width:100%}.expandedFriendDiv h3{background-color:#2d312b;background-color:var(--text);border-radius:5px;color:#e7e4dc;color:var(--parchment);margin:auto;padding:.5em 1em;text-align:center}.expandedFriendDiv a{background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;color:#2d312b;color:var(--text);margin-top:1em;padding:.5em 1em .2em;transition:.1s linear;width:100%}.expandedFriendDiv a:hover{background-color:#2d312b;background-color:var(--text);color:#e7e4dc;color:var(--parchment)}.noFriendSelected{margin:auto}.listShown{display:none}.removeFriend{align-items:center;border-radius:5px;display:flex;font-size:12px;justify-content:center;margin:4em auto auto;padding:.3em;width:100%}.toggleShownFriendList{display:flex;justify-content:space-between;padding:.5em;width:100%}.toggleShownFriendList div{text-align:center;width:40%}.dropdown{background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;display:inline-block;padding:.5em;position:relative}.dropdown,.dropdown-content{color:#2d312b;color:var(--text)}.dropdown-content{background-color:#fff;background-color:var(--color5);box-shadow:0 8px 16px 0 #0003;display:none!important;left:0;position:absolute;width:100%;z-index:1}.dropdown-content p{border:1px solid #9ca18f;border:1px solid var(--border);padding:.2em}.dropdown-content p:hover,.dropdown:hover{background-color:#2d312b;background-color:var(--text);color:#e7e4dc;color:var(--parchment);cursor:pointer}.dropdown:hover .dropdown-content{display:block!important}.removeUserFromList:hover{cursor:pointer;text-decoration:underline}@media (max-width:1100px){.friendDiv{margin:auto;width:70%}.listShown{display:block}.expandedFriendDiv{margin:auto;overflow:hidden;text-align:center;width:90%}}@media (max-width:800px){.friendEl{font-size:12px}.addFriendComponent,.friendsListDiv{margin:1em 0 0}.toggleShownFriendList{font-size:14px}}@media (max-width:550px){.friendDiv{width:95%}.friendEl,.toggleShownFriendList{font-size:10px}}.createGroupSection{display:flex;flex-direction:column;flex-wrap:wrap}.createListDiv{align-self:flex-start;background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;margin:1em;padding:2em;width:25%}.createListDiv form{display:flex;flex-wrap:wrap;justify-content:center}.contentDiv{background-color:#e7e4dc;background-color:var(--parchment);text-align:center}.deleteListModal{border:2px solid #9ca18f;border:2px solid var(--border)}.deleteModalBtnDiv{margin:auto;text-align:center;width:200px}.deleteModalBtnDiv div{margin-top:2em}.deleteModalText{color:#2d312b;color:var(--text);margin:auto;text-align:center;width:200px}.modal-delete-window>div{background:#4b634c;background:var(--mainGreen);border-radius:5px;box-shadow:5px 5px 6px 0 #00000080;left:50%;padding:.5em;position:fixed;top:50%;transform:translate(-50%,-50%);width:260px}.listMemberList{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-height:110px;overflow-y:auto}.listMember{border:1px solid #2d312b;border:1px solid var(--text);border-radius:5px;list-style:none;margin:.3em;padding:0 .3em;transition:.1s linear;width:100%}.listMember:hover{background-color:#4b634c;background-color:var(--mainGreen);cursor:pointer}.removeFromListModal{background-color:#fff;background-color:var(--color5);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between}.removeFromListModal button{border-radius:5px;margin-top:1em;padding:.2em;transition:.1s linear}.removeFromListModal button:hover{background-color:#4b634c;background-color:var(--mainGreen);color:#fff;color:var(--color5);cursor:pointer}.listIcon{display:none}.listTitle{background-color:#4b634c;background-color:var(--mainGreen);border:2px solid #4b634c;border:2px solid var(--mainGreen);border-radius:5px;width:100%}.editListBtnDiv,.listTitle{display:flex;flex-wrap:nowrap;justify-content:center}.fullscreenEditList{font-size:1em;margin-left:1em}.fullscreenEditList:hover{color:#4b634c;color:var(--mainGreen);cursor:pointer}.createListComponent{border-radius:5px;color:#fff;color:var(--color5);margin:1em;padding:2em;text-align:center}.createListComponent,.editItem{background-color:#4b634c;background-color:var(--mainGreen)}.editItem{border:1px solid #4b634c;border:1px solid var(--mainGreen)}.myListLeft{width:35%}.myListSection{display:flex;flex-wrap:nowrap}.listDiv{flex-wrap:wrap;justify-content:center}.listDiv,.listDivEl{display:flex;width:100%}.listDivEl a{border:2px solid #9ca18f;border:2px solid var(--border);margin-top:1em;overflow:hidden;text-align:center;width:80%}.listDivEl a:hover{background-color:#364a38;background-color:var(--greenHover);cursor:pointer;scale:1.01}.listDivEl a{background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;color:#2d312b;color:var(--text);padding:1em;transition:.2s}.reactTrashList{border-radius:5px;margin:auto}.reactTrash,.reactTrashList{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);color:#2d312b;color:var(--text);padding:1em;transition:.2s}.reactTrash{border-radius:5px}.reactTrash:hover,.reactTrashList:hover{background-color:#2d312b;background-color:var(--text);color:#9ca18f;color:var(--border);cursor:pointer;scale:1.1}.listComponent div{display:flex;flex-wrap:wrap;justify-content:center}.listComponent div *{width:100%}.itemMapDiv{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.itemMapDiv div{display:flex;flex-wrap:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:47%}.itemMapDiv .itemSortDiv{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:1em;padding:1rem;text-align:center;width:90%}.itemSortDiv h3{color:#2d312b;color:var(--text);font-size:16px;margin:0 0 1rem;width:100%}.itemSortDiv .sortBtn{background-color:#e7e4dc;background-color:var(--parchment);border:1px solid #9ca18f;border:1px solid var(--border);border-radius:5px;color:#2d312b;color:var(--text);cursor:pointer;font-size:13px;font-weight:500;padding:.5rem .75rem;transition:all .15s ease}.itemSortDiv .sortBtn:hover{background-color:#9ca18f;background-color:var(--border);border-color:#364a38;border-color:var(--greenHover);color:#fff;color:var(--color5)}.itemSortDiv .sortBtn.active{background-color:#364a38;background-color:var(--greenHover);border-color:#2d312b;border-color:var(--text);color:#fff;color:var(--color5)}.itemMapDiv div a{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #4b634c;border:2px solid var(--mainGreen);border-radius:5px;color:#2d312b;color:var(--text);margin:1em;width:100%}.itemMapDiv div a:hover{background-color:#364a38;background-color:var(--greenHover)}.itemMapDiv div span{align-self:center}.nothingToShow{text-align:center;width:100%}.itemDiv{display:flex;flex-wrap:wrap;justify-content:center;padding:.2em;width:100%}.itemDiv h2,.itemDiv p{text-align:center;width:100%}.singleItemOptions{display:flex;justify-content:center;margin-top:1em}.priorityDiv{display:flex;width:100%}.priorityDiv span,.priorityDivSingleItem span{border:1px solid #4b634c;border:1px solid var(--mainGreen);border-radius:5px;font-size:14px;padding:.1em;text-align:center;width:1em}.priorityDiv span{width:100%}.priorityDivSingleItem{align-items:center;background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:5px;display:flex;flex-wrap:wrap;justify-content:center;margin:0 .5em;padding:.3em;text-align:center;width:-moz-fit-content}.prioActive{background-color:#4b634c;background-color:var(--mainGreen)}.priorityDivSingleItem span{margin-left:.4em}.priorityDivSingleItem span:hover{background-color:#4b634c;background-color:var(--mainGreen);cursor:pointer}.priorityDivSingleItem p{width:100%}.singleItemTitleDiv{word-wrap:break-word;overflow-wrap:break-word}.singleItemDetails{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.singleItemDetails span{text-align:center;width:100%}.itemForm{background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;margin:1em auto auto}.itemForm,.itemForm div{display:flex;flex-wrap:wrap;width:95%}.itemForm div{color:#2d312b;color:var(--text);justify-content:flex-end}.item-form-input{margin-top:1em;padding:.3em;width:80%}.item-form-label{font-size:14px;margin-top:1em;text-align:center}.item-form-label,.myItem{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.myItem{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-width:90%}.myItem .reactTrash{align-items:center;display:flex;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.itemLink{color:#4b634c;color:var(--mainGreen);font-weight:700;text-decoration:underline}.purchased{cursor:pointer;display:block;font-size:12px;margin-bottom:12px;padding-left:35px;position:relative;-webkit-user-select:none;user-select:none}.purchased input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{height:25px;left:0;position:absolute;top:0;width:25px}.checkmark,.purchased input:checked~.checkmark{background-color:#e7e4dc;background-color:var(--parchment)}.checkmark:after{content:"";display:none;position:absolute}.purchased input:checked~.checkmark:after{display:block}.purchased .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:10px;left:9px;top:5px;transform:rotate(45deg);width:5px}.errorText{color:red;text-align:center}.successText{color:#4b634c;color:var(--mainGreen);font-size:18px;text-align:center}.hidden{display:none}.addItemPrio{background-color:#fff;color:#2d312b;color:var(--text);font-size:14px;margin:1em;width:100%}.addItemPrioOption{display:flex;justify-content:space-around;padding:.3em}.addItemPrioOption span{border:1px solid #2d312b;border:1px solid var(--text);border-radius:5px;width:1em}.addItemPrioOption span:hover{background-color:#2d312b;background-color:var(--text);color:#e7e4dc;color:var(--parchment);cursor:pointer}@media (max-width:1400px){.singleItemTitleDiv h1{font-size:18px;font-weight:200}.itemDiv h2{font-size:18px}.itemDiv h4{font-size:12px;font-weight:100}.sectionTitleDiv p{font-size:14px}.sectionTitleDiv{padding:1em}.createListComponent{padding:.5em}.createListComponent h2{font-size:18px}.createListComponent form label{font-size:14px}.createListComponent form input{padding:0}}@media (max-width:1100px){.fullscreenEditList{display:none}.listDivEl a{width:90%}.listsPage .myListLeft,.singleListPage .myListLeft{width:50%}.itemMapDiv div{width:95%}.singleListPage{flex-wrap:wrap}.singleListPage .myListLeft{margin:auto;min-width:70%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.listHidden{display:none}.listIcon{align-items:center;color:#2d312b;color:var(--text);display:flex;justify-content:space-around;margin-top:1em}.listIconSpan{background-color:#e7e4dc;background-color:var(--parchment);border-radius:5px;padding:.1em;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.listIconSpan svg{font-size:1.3em;padding:.1em}.listIcon span:hover{background-color:#2d312b;background-color:var(--text);color:#9ca18f;color:var(--border);cursor:pointer;scale:1.1}.listsPage{flex-wrap:wrap;width:100%}.listsPage .myListLeft{margin:auto;width:90%}.listDivEl a{padding:.5em}.listDivEl{width:95%}.listComponent{padding:.5em}.listComponent div h2{font-size:18px}.listComponent div p{font-size:14px}}@media (max-width:460px){.itemMapDiv div a{margin:.3em}.itemDiv h2{font-size:14px}.itemDiv h4{font-size:10px;font-weight:100}.item-form-label{font-size:14px;text-align:center;width:100%}.item-form-input{width:100%}}.modal-delete-window,.modal-window{background-color:#fff6;bottom:0;left:0;opacity:1;pointer-events:auto;position:fixed;right:0;top:0;transition:all .123s;visibility:visible;z-index:999}.modal-window>div{background:#e7e4dc;background:var(--parchment);border-radius:5px;box-shadow:5px 5px 6px 0 #00000080;left:50%;padding:.5em;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%}.cancelModal{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-end;left:-3%;position:fixed;width:100%}.cancelModal .insetBtn{padding:.2em}.homePage{display:flex;flex-direction:column}.welcomeSection{display:flex;justify-content:center;padding:1.5rem 0;width:100%}.welcomeMessage{background-color:#4b634c;background-color:var(--mainGreen);border:2px solid #4b634c;border:2px solid var(--mainGreen);border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;color:var(--color5);max-width:600px;padding:1.5rem 2rem;text-align:center}.welcomeMessage h2{font-size:24px;margin:0 0 .5rem}.welcomeMessage p{font-size:16px;margin:0}.sidebarToggleBtn{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #a84432;border:2px solid var(--heart);border-left:none;border-radius:0 5px 5px 0;color:#2d312b;color:var(--text);cursor:pointer;display:block;font-size:14px;font-weight:600;left:0;padding:.75rem .5rem;position:fixed;text-orientation:mixed;top:50%;transform:translateY(-50%);transition:all .2s ease;writing-mode:vertical-rl;z-index:100}.sidebarToggleBtn:hover{box-shadow:0 4px 8px #00000026;padding-right:.75rem}.homeContentWrapper{display:flex;gap:1.5rem;position:relative;width:100%}.homeContentWrapper,.homeSidebar{box-sizing:border-box;padding:1rem}.homeSidebar{background-color:#fff;background-color:var(--color5);border-right:2px solid #9ca18f;border-right:2px solid var(--border);flex-shrink:0;height:100vh;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;width:220px;z-index:101}.homeSidebar.open{opacity:1;transform:translateX(0)}.homeSidebar.open~.sidebarOverlay{display:block}.sortingOptions{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:1rem;padding:1rem;position:-webkit-sticky;position:sticky;top:1rem}.sortingOptions h3{color:#2d312b;color:var(--text);font-size:16px;margin:0 0 1rem}.sortButtonGroup{display:flex;flex-direction:column;gap:.6rem}.sortBtn{background-color:#e7e4dc;background-color:var(--parchment);border:1px solid #9ca18f;border:1px solid var(--border);border-radius:5px;color:#2d312b;color:var(--text);cursor:pointer;font-size:13px;font-weight:500;padding:.5rem .75rem;transition:all .15s ease}.sortBtn:hover{background-color:#9ca18f;background-color:var(--border);border-color:#364a38;border-color:var(--greenHover);color:#fff;color:var(--color5)}.sortBtn.active{background-color:#364a38;background-color:var(--greenHover);border-color:#2d312b;border-color:var(--text);color:#fff;color:var(--color5)}.tagsFilter{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1rem}.tagsFilter h3{color:#2d312b;color:var(--text);font-size:16px;margin:0 0 1rem}.tagButtonGroup{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.tagBtn{background-color:#e7e4dc;background-color:var(--parchment);border:1px solid #9ca18f;border:1px solid var(--border);border-radius:5px;color:#2d312b;color:var(--text);cursor:pointer;font-size:12px;padding:.4rem .6rem;text-align:left;transition:all .15s ease}.tagBtn:hover{background-color:#9ca18f;background-color:var(--border);border-color:#364a38;border-color:var(--greenHover)}.tagBtn.active{background-color:#a84432;background-color:var(--heart);border-color:#4b634c;border-color:var(--mainGreen);color:#fff;color:var(--color5)}.clearFiltersBtn{background-color:#2d312b;background-color:var(--text);border:1px solid #2d312b;border:1px solid var(--text);border-radius:5px;color:#fff;color:var(--color5);cursor:pointer;font-size:12px;font-weight:600;padding:.4rem;transition:all .15s ease;width:100%}.clearFiltersBtn:hover{background-color:#fff;background-color:var(--color5);color:#2d312b;color:var(--text)}.sidebarCloseBtn{background:none;border:none;color:#2d312b;color:var(--text);cursor:pointer;display:none;font-size:20px;position:absolute;right:.5rem;top:.5rem}.sidebarCloseBtn:hover{color:#4b634c;color:var(--mainGreen)}.sidebarOverlay{background-color:#0006;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.storesSection{display:flex;flex:1 1;justify-content:center;min-width:0;width:100%}@media (max-width:768px){.homeContentWrapper{flex-direction:column;gap:1rem;padding:.5rem}.homeSidebar{background-color:#fff;background-color:var(--color5);border-right:2px solid #9ca18f;border-right:2px solid var(--border);box-sizing:border-box;height:100vh;left:0;opacity:0;overflow-y:auto;padding:1rem;position:fixed;top:0;transform:translateX(-100%);width:100%;z-index:101}.homeSidebar.open{opacity:1;transform:translateX(0)}.sidebarCloseBtn,.sidebarOverlay{display:block}.sidebarCloseBtn:hover{color:#4b634c;color:var(--mainGreen)}.sortingOptions{margin-bottom:1.5rem;margin-top:2rem;position:static}.storesSection{order:1}.tagButtonGroup{flex-direction:row;flex-wrap:wrap;gap:.4rem}.tagBtn{flex-basis:calc(50% - 0.2rem);flex-grow:0;flex-shrink:1}}@media (max-width:480px){.homeContentWrapper{gap:.5rem;padding:.25rem}.sortingOptions{margin-bottom:1rem;padding:.75rem}.sortingOptions h3{font-size:14px}.sortBtn{font-size:12px;padding:.4rem .5rem}.tagsFilter{padding:.75rem}.tagsFilter h3{font-size:14px}.tagBtn{font-size:11px}.welcomeSection{padding:.75rem 0}.welcomeMessage{max-width:calc(100% - 1rem);padding:.75rem 1rem}.welcomeMessage h2{font-size:18px}.welcomeMessage p{font-size:13px}.homeSidebar{width:85%}}.stores-container{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:1200px;padding:.5em;width:90%}.no-stores-message{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:8px;box-sizing:border-box;grid-column:1/-1;justify-self:center;margin:2rem auto;max-width:500px;padding:2rem;text-align:center;width:100%}@media (max-width:768px){.no-stores-message{margin:2rem 1rem;max-width:calc(100% - 2rem);padding:1.5rem}}@media (max-width:480px){.no-stores-message{margin:1.5rem .5rem;max-width:calc(100% - 1rem);padding:1rem}.no-stores-message p:first-child{font-size:14px}.no-stores-message p:last-child{font-size:12px}}.no-stores-message p:first-child{color:#2d312b;color:var(--text);font-size:16px;margin-bottom:1rem}.no-stores-message p:last-child{color:#2d312b;color:var(--text);font-size:14px;opacity:.7}.store-item{align-items:center;background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;padding:.75rem;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.store-item:hover{box-shadow:0 6px 18px #0000001f;cursor:pointer;transform:translateY(-4px) scale(1.01)}.store-logo{align-items:center;display:flex;height:100px;justify-content:center;margin-bottom:.5rem;width:100%}.store-logo img{height:100%;max-height:100px;max-width:140px;object-fit:contain;width:100%}.store-name{font-size:18px;font-weight:700;margin:.25rem 0 .5rem}.store-description,.store-name{color:#2d312b;color:var(--text)}.store-description{font-size:13px;margin:0 0 .75rem}.store-link{background-color:#2d312b;background-color:var(--text);border-radius:5px;color:#fff;color:var(--color5);display:inline-block;margin-top:auto;padding:.35em .8em;text-decoration:none;transition:background-color .15s ease,color .15s ease}.store-link:hover{background-color:#fff;background-color:var(--color5)}.modal-content,.store-link:active,.store-link:hover{color:#2d312b;color:var(--text)}.modal-content{background-color:#e7e4dc;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:8px;box-shadow:0 12px 30px #0000002e;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:360px;padding:.6rem}.modal-content h2{color:#2d312b;color:var(--text);font-size:18px;margin:0}.modal-content p{color:#2d312b;color:var(--text);font-size:14px;line-height:1.25;margin:.65rem 0 .85rem}.modal-content .sortBtn,.modal-content .store-link{margin-top:.5rem}.sortBtn:visited{color:#2d312b;color:var(--text)}@media (max-width:520px){.modal-content{padding:.6rem;width:calc(100% - 2rem)}.modal-content h2{font-size:16px}.modal-content p{font-size:13px}}@media (max-width:600px){.stores-container{gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));width:95%}.store-logo{height:80px}.store-name{font-size:16px}.store-description{font-size:12px}}
/*# sourceMappingURL=main.14275f5c.css.map*/