@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);:root{--text:#2d312b;--mainGreen:#4b634c;--color5:#fff;--parchment:#e5e4d5;--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:#e5e4d5;background-color:var(--parchment);margin:0}.standardShadow{box-shadow:5px 5px 6px 0 #00000080}footer{background:#2d312b;background:var(--text);color:#e5e4d5;color:var(--parchment);padding:1rem;text-align:center}.footer-socials{margin-bottom:.5rem}.footer-socials a{color:#e5e4d5;color:var(--parchment);font-size:1.5rem;margin:0 10px;text-decoration:none}.footer-contact-btn{background:#e5e4d5;background:var(--parchment);border:none;border-radius:5px;color:#2d312b;color:var(--text);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.footer-contact-btn:hover{background:#c5a059;background:var(--golden)}.contact-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.contact-modal{background:#e5e4d5;background:var(--parchment);border-radius:8px;color:#2d312b;color:var(--text);min-width:300px;padding:2rem;position:relative}.contact-close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.contact-send-btn{background:#4b634c;background:var(--mainGreen);border:none;border-radius:5px;color:#fff;color:var(--color5);cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.contact-form{display:flex;flex-direction:column;gap:1rem}@media (max-width:1100px){.desktopStandardShadow{box-shadow:0 0 0 0}}.header{height:300px}header h1{font-size:48px}.header-image{background-repeat:repeat-x;background-size:auto 200px;filter:brightness(.5);height:200px;left:0;position:absolute;top:85px;width:100%;z-index:100}nav>img{height:60px;margin-right:1em}.headerNav{justify-content:space-between;padding:.5em 1em}.headerNav,.headerNavRight{align-items:center;display:flex}.headerNavRight{gap:1em;margin:auto 0}.header-contact-btn{background-color:#4b634c;background-color:var(--mainGreen);border:1px solid #9ca18f;border:1px solid var(--border);border-radius:5px;color:#e5e4d5;color:var(--parchment);font-size:14px;padding:.4em .8em;transition:.3s}.header-contact-btn:hover{box-shadow:inset 0 0 0 2.5em #364a38;box-shadow:inset 0 0 0 2.5em var(--greenHover);color:#e5e4d5;color:var(--parchment);cursor:pointer}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}.search-bar-div{display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;top:220px;width:100%;z-index:200}.search-bar-wrapper{align-items:center;display:flex;max-width:90%;pointer-events:auto;position:relative;width:60%}.search-bar-text{border-radius:6px;box-shadow:0 2px 8px #00000012;box-sizing:border-box;color:#e5e4d5;color:var(--parchment);font-size:1.7em;font-weight:600;left:0;padding:.3em 1.2em;position:absolute;text-align:center;top:-3.5em;z-index:1}.search-bar,.search-bar-text{pointer-events:auto;width:100%}.search-bar{background:#e5e4d5;background:var(--parchment);border:2px solid #4b634c;border:2px solid var(--mainGreen);border-radius:8px;box-shadow:0 2px 8px #00000014;color:#2d312b;color:var(--text);font-size:16px;padding:.5em 2.5em .5em 1.2em}.search-icon{align-items:center;background-color:#4b634c;background-color:var(--mainGreen);border-radius:5px;color:#e5e4d5;color:var(--parchment);display:flex;padding:.3em .7em;pointer-events:none;position:absolute;right:1em;top:50%;transform:translateY(-50%)}.loader{display:flex;justify-content:center;margin-top:15em}.homeInfo{background-color:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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){.search-bar-text{font-size:1.5em;top:-3.5em}.search-icon{padding:.2em .5em}.search-bar{font-size:14px}.search-bar-wrapper{width:70%}.search-bar-div{top:190px}nav>img{height:50px}.header{height:270px}.header-image{height:180px;top:70px}.header-contact-btn{font-size:12px;padding:.3em .6em}.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){.search-bar-text{font-size:1.2em}.search-icon{padding:.15em .4em}.search-bar{font-size:12px;min-width:70%}.search-bar-div{top:160px}nav>img{height:40px}.header-image{height:150px;top:60px}.header{height:240px}.header-contact-btn{font-size:10px;padding:.2em .4em}nav h3{font-size:12px}.backBtnSection{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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;color:var(--parchment);margin:auto;padding:.5em 1em;text-align:center}.expandedFriendDiv a{background-color:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#e5e4d5;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:#4b634c;background:var(--mainGreen);border-radius:5px;box-shadow:5px 5px 6px 0 #00000080;left:50%;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;min-height:100vh}.welcome-section{align-items:center;display:flex;justify-content:center;margin-top:.5em;width:100%}.welcome-message{background-color:#e5e4d5;background-color:var(--parchment);border:2px solid #9ca18f;border:2px solid var(--border);border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#2d312b;color:var(--text);margin:0 1em .5em;max-width:700px;padding:1.5rem 2rem;text-align:center}.welcome-message h2{font-size:24px}.welcome-message h3{font-size:20px}.welcome-message p{font-size:18px}.homeContentWrapper{box-sizing:border-box;display:flex;gap:1.5rem;padding:1rem;position:relative;width:100%}.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}.welcome-message{max-width:calc(100% - 1rem);padding:.75rem 1rem}.welcome-message h2{font-size:18px}.welcome-message h3{font-size:16px}.welcome-message 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:#e5e4d5;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:#e5e4d5;background-color:var(--parchment);border:2px solid #2d312b;border:2px solid var(--text);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)}.sortBtn:visited,.store-link:active,.store-link:hover{color:#2d312b;color:var(--text)}.store-favorite-btn{align-items:center;background:none;border:none;color:#a84432;color:var(--heart);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;left:.5rem;padding:.25rem;position:absolute;top:.5rem;transition:all .15s ease;z-index:10}.store-favorite-btn:hover{color:#a84432;color:var(--heart);transform:scale(1.2)}.store-favorite-btn svg{height:20px;width:20px}.back-link{background-color:#4b634c;background-color:var(--mainGreen);border-radius:5px;display:inline-block;margin:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .15s ease,color .15s ease}.back-link,.back-link:hover{color:#e5e4d5;color:var(--parchment)}.back-link:hover{background-color:#364a38;background-color:var(--greenHover)}.single-store-page{background-color:#4b634c;background-color:var(--mainGreen);border:2px solid #2d312b;border:2px solid var(--text);border-radius:5px;display:flex;justify-content:space-around;margin:1rem auto;max-width:600px;padding:1.5em}.single-store-header{align-items:center;display:flex;flex-direction:column;text-align:center}.single-store-header h1,.single-store-header img{color:#e5e4d5;color:var(--parchment);margin-bottom:.5rem}.single-store-header img{background-color:#e5e4d5;background-color:var(--parchment);border:2px solid #e5e4d5;border:2px solid var(--parchment);border-radius:5px;padding:.4em .8em}.single-store-details{align-items:center;color:#2d312b;color:var(--text);display:flex;flex-direction:column;justify-content:space-between;margin-top:.5rem}.single-store-description{color:#e5e4d5;color:var(--parchment);font-size:16px;margin-top:.5rem;text-align:center;width:90%}.single-store-bottom{align-items:center;display:flex;flex-direction:column;width:100%}.single-store-tags{color:#e5e4d5;color:var(--parchment);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.single-store-url{background-color:#e5e4d5;background-color:var(--parchment);border-radius:5px;color:#2d312b;color:var(--text);display:inline-block;margin:1rem;padding:.5rem 1.5rem;text-decoration:none;transition:background-color .15s ease,color .15s ease}.single-store-url:hover{background-color:#364a38;background-color:var(--greenHover);color:#e5e4d5;color:var(--parchment)}.recommended-div{color:#2d312b;color:var(--text);display:flex;flex-direction:row;flex-wrap:wrap;font-size:14px;justify-content:center;margin-top:2rem;width:100%}.recommended-div a{background-color:#4b634c;background-color:var(--mainGreen);border-radius:5px;color:#e5e4d5;color:var(--parchment);display:flex;justify-content:center;margin:1rem;padding:1rem;text-align:center;text-decoration:none;transition:background-color .15s ease,color .15s ease;width:150px}.recommended-div a:hover{background-color:#364a38;background-color:var(--greenHover)}.recommended-img{border-radius:5px}@media (max-width:750px){.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}.single-store-page{align-items:center;flex-direction:column;max-width:80%}}.open-tag-sidebar-btn{background:#4b634c;background:var(--mainGreen);border:none;border-radius:4px;color:#e5e4d5;color:var(--parchment);cursor:pointer;font-size:1rem;font-weight:500;padding:.3rem 1rem;transition:background .2s}.open-tag-sidebar-btn:hover{background:#364a38;background:var(--greenHover)}.tag-sidebar{background:#e5e4d5;background:var(--parchment);box-shadow:2px 0 16px #0000002e;display:flex;flex-direction:column;height:100vh;left:0;padding:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:290px;z-index:3000}.tag-sidebar.open{transform:translateX(0)}.tag-sidebar-header{align-items:center;border-bottom:1px solid #9ca18f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.1rem 1.2rem .7rem}.tag-sidebar-title{color:#4b634c;color:var(--mainGreen);font-size:1.2rem;font-weight:600}.close-tag-sidebar-btn{background:none;border:none;color:#4b634c;color:var(--mainGreen);cursor:pointer;font-size:2rem;line-height:1;margin-left:.5rem;padding:0 .2rem;transition:color .2s}.close-tag-sidebar-btn:hover{color:#364a38;color:var(--greenHover)}.tag-sidebar-content{flex:1 1;overflow-y:auto;padding:1.2rem}.tag-sidebar-overlay{background:#0000002e;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2999}.sort-filter-bar{flex-wrap:wrap;justify-content:space-between;margin:.5em auto;width:80%}.sort-filter-bar,.sort-options{align-items:center;display:flex}.sort-options{gap:.5rem}.sort-label{font-weight:500}.sort-select{background:#e5e4d5;background:var(--parchment);border:1px solid #9ca18f;border:1px solid var(--border);border-radius:4px;color:#2d312b;color:var(--text);font-size:1rem;padding:.3rem .7rem}.tag-filter-options{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter-label{font-weight:500}.tag-filter-list{display:flex;flex-wrap:wrap;gap:.3rem}.tag-filter-btn{background:#f8f8f8;border:1px solid #ccc;border-radius:12px;color:#333;cursor:pointer;font-size:.95rem;font-weight:400;padding:.2rem .7rem;transition:all .2s}.tag-filter-btn.selected{background:#4b634c;background:var(--mainGreen);color:#e5e4d5;color:var(--parchment);font-weight:500}.no-tags{color:#888}.clear-tags-btn{background:#4b634c;background:var(--mainGreen);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;margin:.7rem auto;padding:.4rem 1rem;transition:background .2s}.clear-tags-btn:hover{background:#364a38;background:var(--greenHover)}.main-content-layout{display:flex;flex-direction:row;min-height:70vh;width:100%}.tag-sidebar.static{background:#e5e4d5;background:var(--parchment);border-right:1px solid #9ca18f;border-right:1px solid var(--border);box-shadow:2px 0 16px #00000014;height:auto;max-width:320px;min-height:400px;min-width:200px;padding-bottom:2rem;position:static;width:260px;z-index:1}.main-content-area{display:flex;flex:1 1;flex-direction:column;min-width:0}.sort-filter-bar.right{justify-content:flex-end;margin:1.5rem 1.5rem 1rem 0}@media (max-width:550px){.sort-filter-bar{font-size:14px;width:85%}.open-tag-sidebar-btn,.sort-select{font-size:14px;padding:.2rem .5rem}}
/*# sourceMappingURL=main.0ad5295f.css.map*/