:root{--background-color: #242424;--background-color2: #000000bf;--text-color: rgba(242, 242, 242, .867);--accent-color: #4CAF50;--accent-hover: #3e8e41;--danger-color: #f44336;--primary-color: #2196F3;--secondary-color: #9c27b0;--box-shadow: none;--border: solid 2px rgba(255, 255, 255, .968);--border-radius: 10px;--spacing-sm: 5px;--spacing-md: 10px;--spacing-lg: 20px;--spacing-xl: 30px}[data-theme=light]{--background-color: rgba(243, 239, 239, .861);--background-color2: rgba(142, 140, 140, .87);--text-color: #242424;--box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .968);--border: none}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--background-color)}#root{max-width:1280px;text-align:center;min-width:100vw;color-scheme:light dark;background-color:var(--background-color);color:var(--text-color);box-shadow:var(--box-shadow);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.listsDiv{position:relative;width:100%;min-height:100vh}.navDiv{position:fixed;top:0;background-color:var(--background-color2);width:100%;z-index:999;display:flex;justify-content:space-evenly;padding:var(--spacing-sm) 0}.menuBtn{position:fixed;left:0;margin:15px 0 0 25px;background-color:var(--background-color);color:var(--text-color);outline:solid var(--text-color) 2px;display:flex;align-items:center;justify-content:center}.menuBtn:focus{border:none;outline:none;background:#f5f5f5ce;color:#000}.menuDiv{display:flex;flex-direction:column;padding:50px;justify-content:space-around;min-height:300px;background-color:var(--background-color2);border-radius:var(--border-radius);margin-top:50px;box-shadow:var(--box-shadow);border:var(--border)}.menuItem{padding:15px;margin:var(--spacing-sm) 0;background-color:var(--background-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);transition:all .2s ease}.menuItem:hover{transform:translateY(-2px);box-shadow:var(--box-shadow)}.groceryListDiv{position:relative;margin:40px 40px 20px;overflow:scroll;box-shadow:var(--box-shadow);border-radius:var(--border-radius);min-height:80vh;padding:0 20px;background-color:var(--background-color);border:var(--border)}.groceryList{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .2s ease}.groceryList:hover{background-color:var(--background-color2)}.txtPad{padding:0 10px;flex:1;text-align:left}.removeBtn{padding:20px 0;background-color:transparent;cursor:pointer;border:none}.removeBtn:focus{outline:none;border:none;background-color:var(--text-color)}.recipeDiv{position:relative;display:flex;flex-wrap:wrap;justify-content:center;padding-top:50px}.recipeCard{box-shadow:var(--box-shadow);margin:30px;padding:15px;border-radius:var(--border-radius);max-width:600px;width:100%;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;background-color:var(--background-color);border:var(--border);transition:transform .3s ease}.recipeCard:hover{transform:translateY(-5px)}.recipeImg{width:75%;max-height:250px;border-radius:5px;object-fit:cover;margin:var(--spacing-md) 0}.scrollLeft,.scrollRight{background-color:transparent;position:absolute;cursor:pointer;padding:var(--spacing-sm);border:none;color:var(--text-color)}.inListTxt{position:absolute;top:35px;right:50px;background-color:var(--accent-color);color:#fff;padding:5px 10px;border-radius:50%;font-weight:700}.groceryRecipeTog{position:fixed;top:0;right:0;background-color:var(--background-color);color:var(--text-color);display:flex;padding:11px 18px;margin:15px 25px 0 0;outline:solid var(--text-color) 2px;border-radius:var(--border-radius);cursor:pointer;z-index:1000}.recipeLength{position:fixed;top:0;right:15px;background-color:var(--accent-color);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;z-index:1001}.deleteBtn{position:sticky;bottom:20px;background-color:var(--danger-color);color:#fff;display:flex;justify-content:center;align-items:center;outline:none;border:none;padding:10px 20px;border-radius:var(--border-radius);margin:var(--spacing-lg) auto;cursor:pointer;transition:background-color .2s ease}.deleteBtn:hover{background-color:#d32f2f}.searchDiv{padding:25px 35px 0 0;display:flex;flex-direction:column;align-items:center;margin-top:50px}.searchInput{margin-left:8px;padding:8px 12px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:200px;background-color:var(--background-color);color:var(--text-color);transition:all .2s ease}.searchInput:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 5px #4caf5080}.searchBtnsDiv{display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-sm)}.searchBtnsDiv button{background-color:var(--background-color);color:var(--text-color);border:1px solid var(--text-color);border-radius:4px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease}.searchBtnsDiv button:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.listMenu{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md);margin:60px 0 20px}.servingSelect{padding:30px 30px 0;display:flex;align-items:center;gap:var(--spacing-md)}.servingSelect select{padding:8px;border-radius:4px;background-color:var(--background-color);color:var(--text-color);border:1px solid var(--text-color)}.qrScanBtn{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 15px;background-color:var(--secondary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;margin:10px 0;box-shadow:var(--box-shadow);transition:background-color .3s ease;width:100%;max-width:200px}.qrScanBtn:hover{background-color:#7b1fa2}.qrScannerContainer{position:relative;background-color:var(--background-color2);border-radius:8px;padding:20px;margin:10px 0;box-shadow:var(--box-shadow);width:100%}.closeQRBtn{background-color:var(--background-color);color:var(--text-color);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:10px;right:10px;z-index:10;transition:all .3s ease}.closeQRBtn:hover{background-color:var(--text-color);color:var(--background-color)}.add-item-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.add-item-btn:hover{background-color:var(--accent-hover)}.topBtn{position:fixed;bottom:20px;left:20px;background-color:var(--background-color);color:var(--text-color);outline:solid var(--text-color) 2px;border-radius:var(--border-radius);padding:10px 15px;cursor:pointer;z-index:999;transition:all .2s ease}.topBtn:hover{background-color:var(--text-color);color:var(--background-color)}.material-symbols-outlined{color:var(--text-color);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@media screen and (max-width: 600px){.recipeCard{width:90%;margin:20px 10px}.inListTxt{right:20px}.form-row{flex-direction:column;gap:10px}.custom-item-form{width:95%;padding:10px}}@media screen and (max-width: 500px){.deleteBtn{left:87%;margin:0;padding:5px}.recipeImg{width:90%}}@media screen and (max-width: 400px){.listMenu{flex-direction:column}.servingSelect{padding:30px 0 0;display:flex;flex-direction:column;width:50px;position:absolute;top:0;right:50%;transform:translate(50%)}.groceryListDiv{margin:100px 20px 20px}.searchInput{width:150px}}@media screen and (max-width: 350px){.listMenu{flex-direction:column}.servingSelect{padding:30px 25px 0 0}.groceryRecipeTog{margin:15px 30px 0 0}.recipeDiv{width:99vw}.searchInput{width:80px;height:25px;border-radius:7px}}.underLine{border-bottom:solid 2px rgba(104,104,104,.342)}.groceryList{display:flex;justify-content:space-between;padding:0 20px}.servingSelect{padding:30px 30px 0}.recipeCard{box-shadow:var(--box-shadow);margin:30px;padding:15px;border-radius:10px;width:600px;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.recipeImg{width:75%;max-height:250px;border-radius:5px}.scrollLeft,.scrollRight{background-color:transparent;position:absolute}.scrollLeft{left:0;top:45%}.scrollRight{right:0;top:45%}.inListTxt{position:absolute;top:35px;right:50px}@media screen and (max-width: 600px){.recipeCard{width:500px}.inListTxt{right:5px}}@media screen and (max-width: 500px){.recipeCard{width:450px}}@media screen and (max-width: 400px){.recipeCard{width:350px}}@media screen and (max-width: 350px){.recipeCard{margin:30px;padding:15px;border-radius:10px;height:fit-content;width:300px}}.flexColumn{display:flex;flex-direction:column}:root{--rpv-core__annotation--link-hover-background-color: rgba(255, 255, 0, .2);--rpv-core__annotation-popup-wrapper-background-color: #faf089;--rpv-core__annotation-popup-wrapper-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--rpv-core__annotation-popup-content-border-top-color: #1a202c;--rpv-core__arrow-border-color: rgba(0, 0, 0, .3);--rpv-core__asking-password-color: #000;--rpv-core__asking-password-wrapper-background-color: #fff;--rpv-core__asking-password-wrapper-border-color: rgba(0, 0, 0, .3);--rpv-core__button-background-color: rgba(0, 0, 0, .3);--rpv-core__button-color: #000;--rpv-core__doc-error-background-color: #fff;--rpv-core__doc-error-text-background-color: #c02424;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #fff;--rpv-core__full-screen-target-background-color: #fff;--rpv-core__inner-page-background-color: #fff;--rpv-core__menu-divider-border-bottom-color: rgba(0, 0, 0, .3);--rpv-core__menu-item-color: #000;--rpv-core__menu-item--hover-background-color: rgba(0, 0, 0, .1);--rpv-core__menu-item--disabled-color: rgba(0, 0, 0, .3);--rpv-core__minimal-button-color: #000;--rpv-core__minimal-button--hover-background-color: rgba(0, 0, 0, .1);--rpv-core__minimal-button--disabled-color: rgba(0, 0, 0, .3);--rpv-core__minimal-button--selected-background-color: rgba(0, 0, 0, .1);--rpv-core__modal-body-background-color: #fff;--rpv-core__modal-body-border-color: rgba(0, 0, 0, .3);--rpv-core__modal-overlay-background-color: rgba(0, 0, 0, .5);--rpv-core__page-layer-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);--rpv-core__popover-body-background-color: #fff;--rpv-core__popover-body-border-color: rgba(0, 0, 0, .3);--rpv-core__popover-body-color: #000;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__primary-button-color: #fff;--rpv-core__progress-bar-background-color: rgba(0, 0, 0, .1);--rpv-core__progress-bar-progress-background-color: #2566e8;--rpv-core__progress-bar-progress-color: #fff;--rpv-core__separator-border-bottom-color: rgba(0, 0, 0, .3);--rpv-core__spinner-border-color: rgba(0, 0, 0, .4);--rpv-core__spinner-border-transparent-color: transparent;--rpv-core__splitter-background-color: transparent;--rpv-core__splitter--hover-background-color: rgba(0, 0, 0, .2);--rpv-core__text-layer-text--selection-background-color: rgb(0, 0, 255, 1);--rpv-core__text-layer-text--selection-color: transparent;--rpv-core__textbox-background-color: #fff;--rpv-core__textbox-border-color: rgba(0, 0, 0, .2);--rpv-core__textbox-color: #000;--rpv-core__tooltip-body-background-color: #000;--rpv-core__tooltip-body-color: #fff}.rpv-core__viewer--dark{--rpv-core__asking-password-background-color: #363636;--rpv-core__asking-password-color: #fff;--rpv-core__asking-password-wrapper-border-color: #191919;--rpv-core__asking-password-wrapper-background-color: #191919;--rpv-core__button-background-color: #171717;--rpv-core__button-color: #fff;--rpv-core__doc-error-background-color: #191919;--rpv-core__doc-error-text-background-color: #c02323;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #191919;--rpv-core__full-screen-target-background-color: #1a1a1a;--rpv-core__inner-page-background-color: #1a1a1a;--rpv-core__menu-divider-border-bottom-color: #000;--rpv-core__menu-item-color: #fff;--rpv-core__menu-item--hover-background-color: #2566e8;--rpv-core__menu-item--disabled-color: #5e5e5e;--rpv-core__minimal-button-color: #fff;--rpv-core__minimal-button--disabled-color: #5e5e5e;--rpv-core__minimal-button--hover-background-color: #191919;--rpv-core__minimal-button--selected-background-color: #1657bb;--rpv-core__modal-body-background-color: #363636;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__popover-body-background-color: #363636;--rpv-core__popover-body-color: #fff;--rpv-core__progress-bar-background-color: #000;--rpv-core__separator-border-bottom-color: #000;--rpv-core__spinner-border-color: #fff;--rpv-core__splitter-background-color: #1a1a1a;--rpv-core__splitter--hover-background-color: #2566e8;--rpv-core__textbox-background-color: #121212;--rpv-core__textbox-border-color: #121212;--rpv-core__textbox-color: #fff;--rpv-core__tooltip-body-background-color: #414141;--rpv-core__tooltip-body-color: #fff}.rpv-core__annotation{position:absolute}.rpv-core__annotation-layer{z-index:1}.rpv-core__arrow{border-bottom:1px solid var(--rpv-core__arrow-border-color);border-left-color:var(--rpv-core__arrow-border-color);border-right:1px solid var(--rpv-core__arrow-border-color);border-top-color:var(--rpv-core__arrow-border-color);height:10px;position:absolute;width:10px;z-index:0}.rpv-core__arrow--tl{bottom:0;left:0;transform:translate(50%,50%) rotate(45deg)}.rpv-core__arrow--tc{bottom:0;left:50%;transform:translate(-50%,50%) rotate(45deg)}.rpv-core__arrow--tr{bottom:0;right:0;transform:translate(-50%,50%) rotate(45deg)}.rpv-core__arrow--rt{left:0;top:0;transform:translate(-50%,50%) rotate(135deg)}.rpv-core__arrow--rc{left:0;top:50%;transform:translate(-50%,-50%) rotate(135deg)}.rpv-core__arrow--rb{bottom:0;left:0;transform:translate(-50%,-50%) rotate(135deg)}.rpv-core__arrow--bl{left:0;top:0;transform:translate(50%,-50%) rotate(225deg)}.rpv-core__arrow--bc{left:50%;top:0;transform:translate(-50%,-50%) rotate(225deg)}.rpv-core__arrow--br{right:0;top:0;transform:translate(-50%,-50%) rotate(225deg)}.rpv-core__arrow--lt{right:0;top:0;transform:translate(50%,50%) rotate(315deg)}.rpv-core__arrow--lc{right:0;top:50%;transform:translate(50%,-50%) rotate(315deg)}.rpv-core__arrow--lb{bottom:0;right:0;transform:translate(50%,-50%) rotate(315deg)}.rpv-core__asking-password{background-color:var(--rpv-core__asking-password-background-color);border-radius:.25rem;color:var(--rpv-core__asking-password-color);padding:2rem}.rpv-core__asking-password--rtl{direction:rtl}.rpv-core__asking-password-wrapper{align-items:center;background-color:var(--rpv-core__asking-password-wrapper-background-color);border:1px solid var(--rpv-core__asking-password-wrapper-border-color);display:flex;height:100%;justify-content:center;width:100%}.rpv-core__asking-password-message{margin:.5rem 0}.rpv-core__asking-password-body{align-items:center;display:flex;justify-content:center}.rpv-core__asking-password-input{width:15rem}.rpv-core__asking-password-input--ltr{margin-right:.5rem}.rpv-core__asking-password-input--rtl{margin-left:.5rem}.rpv-core__button{background-color:var(--rpv-core__button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__button--rtl{direction:rtl}.rpv-core__canvas-layer{direction:ltr;left:0;position:absolute;overflow:hidden;top:0}.rpv-core__doc-error{align-items:center;background-color:var(--rpv-core__doc-error-background-color);display:flex;justify-content:center;height:100%}.rpv-core__doc-error--rtl{direction:rtl}.rpv-core__doc-error-text{background-color:var(--rpv-core__doc-error-text-background-color);border-radius:.25rem;color:var(--rpv-core__doc-error-text-color);line-height:1.5;max-width:50%;padding:.5rem}.rpv-core__doc-loading{background-color:var(--rpv-core__doc-loading-background-color);align-items:center;display:flex;justify-content:center;height:100%;width:100%;min-height:inherit}.rpv-core__doc-loading--rtl{direction:rtl}.rpv-core__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;text-align:center}.rpv-core__icon--rtl{transform:scaleX(-1)}.rpv-core__inner-container{min-height:inherit}.rpv-core__inner-pages{overflow:auto}.rpv-core__inner-pages--rtl{direction:rtl}.rpv-core__inner-pages--single{overflow:hidden}.rpv-core__inner-page-container--single{overflow:auto}.rpv-core__inner-page{background-color:var(--rpv-core__inner-page-background-color)}.rpv-core__inner-page--single{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-even{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-odd{display:flex;align-items:center;justify-content:flex-start}.rpv-core__inner-page--dual-cover{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-cover-odd{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-cover-even{display:flex;align-items:center;justify-content:flex-start}.rpv-core__annotation--link a{height:100%;left:0;position:absolute;top:0;width:100%}.rpv-core__annotation--link a:hover{background-color:var(--rpv-core__annotation--link-hover-background-color)}.rpv-core__menu{display:flex;flex-direction:column}.rpv-core__menu--rtl{direction:rtl;text-align:right}.rpv-core__menu-divider{border-bottom:1px solid var(--rpv-core__menu-divider-border-bottom-color);margin:.25rem 0}.rpv-core__menu-item{align-items:center;background-color:#0000;color:var(--rpv-core__menu-item-color);border:none;cursor:pointer;display:flex;justify-content:center;padding:.25rem 0;width:100%}.rpv-core__menu-item:focus{background-color:var(--rpv-core__menu-item--hover-background-color);outline:0}.rpv-core__menu-item:hover{background-color:var(--rpv-core__menu-item--hover-background-color)}.rpv-core__menu-item-icon{align-items:center;display:flex}.rpv-core__menu-item-icon--ltr{padding-left:1rem;padding-right:.5rem}.rpv-core__menu-item-icon--rtl{padding-left:.5rem;padding-right:1rem}.rpv-core__menu-item-label{flex-grow:1;flex-shrink:1;white-space:nowrap}.rpv-core__menu-item-label--ltr{padding-right:2rem}.rpv-core__menu-item-label--rtl{padding-left:2rem}.rpv-core__menu-item-check--ltr{padding-right:1rem}.rpv-core__menu-item-check--rtl{padding-left:1rem}.rpv-core__menu-item--disabled{color:var(--rpv-core__menu-item--disabled-color)}.rpv-core__menu-item--disabled:hover{background-color:#0000}.rpv-core__menu-item--ltr{text-align:left}.rpv-core__menu-item--rtl{direction:rtl;text-align:right}.rpv-core__minimal-button{background-color:#0000;border:none;border-radius:.25rem;color:var(--rpv-core__minimal-button-color);cursor:pointer;height:2rem;padding:0 .5rem}.rpv-core__minimal-button:hover{background-color:var(--rpv-core__minimal-button--hover-background-color)}.rpv-core__minimal-button--disabled{color:var(--rpv-core__minimal-button--disabled-color)}.rpv-core__minimal-button--rtl{direction:rtl}.rpv-core__minimal-button--selected{background-color:var(--rpv-core__minimal-button--selected-background-color)}.rpv-core__modal-body{background-color:var(--rpv-core__modal-body-background-color);border:1px solid var(--rpv-core__modal-body-border-color);border-radius:.25rem;margin:1rem;max-width:32rem;overflow:auto}.rpv-core__modal-body--rtl{direction:rtl}.rpv-core__modal-overlay{background-color:var(--rpv-core__modal-overlay-background-color);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;align-items:center;display:flex;justify-content:center}.rpv-core__page-layer{align-items:center;display:flex;justify-content:center;overflow:visible;position:relative}.rpv-core__page-layer:after{content:"";position:absolute;bottom:.25rem;left:.25rem;right:.25rem;top:.25rem;box-shadow:var(--rpv-core__page-layer-box-shadow)}.rpv-core__page-layer--single{margin:0 auto}.rpv-core__page-size-calculator{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.rpv-core__popover-body{background-color:var(--rpv-core__popover-body-background-color);border:1px solid var(--rpv-core__popover-body-border-color);border-radius:.25rem;color:var(--rpv-core__popover-body-color);left:0;padding:.5rem 0;position:absolute;top:-9999px;z-index:9999}.rpv-core__popover-body-arrow{background-color:var(--rpv-core__popover-body-background-color)}.rpv-core__popover-body--rtl{direction:rtl}.rpv-core__popover-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.rpv-core__annotation-popup-wrapper{background-color:var(--rpv-core__annotation-popup-wrapper-background-color);box-shadow:var(--rpv-core__annotation-popup-wrapper-box-shadow);font-size:.75rem;padding:.25rem;word-break:break-word}.rpv-core__annotation-popup-wrapper--rtl{direction:rtl}.rpv-core__annotation-popup-title{font-weight:600;margin-bottom:.25rem}.rpv-core__annotation-popup-date{font-size:.5rem}.rpv-core__annotation-popup-content{border-top:1px solid var(--rpv-core__annotation-popup-content-border-top-color);padding:.25rem;max-height:16rem;overflow:auto}.rpv-core__primary-button{background-color:var(--rpv-core__primary-button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__primary-button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__primary-button--rtl{direction:rtl}.rpv-core__progress-bar{background-color:var(--rpv-core__progress-bar-background-color);border-radius:9999px;padding:.125rem}.rpv-core__progress-bar--rtl{direction:rtl}.rpv-core__progress-bar-progress{align-items:center;background-color:var(--rpv-core__progress-bar-progress-background-color);border-radius:9999px;color:var(--rpv-core__progress-bar-progress-color);display:flex;font-size:.75rem;justify-content:center;height:.75rem}.rpv-core__separator{border-bottom:1px solid var(--rpv-core__separator-border-bottom-color)}.rpv-core__spinner{border-bottom:2px solid var(--rpv-core__spinner-border-transparent-color);border-left:2px solid var(--rpv-core__spinner-border-transparent-color);border-right:2px solid var(--rpv-core__spinner-border-color);border-top:2px solid var(--rpv-core__spinner-border-color);border-radius:9999px}.rpv-core__spinner--animating{animation-duration:.4s;animation-name:rpv-core__spinner-transform;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rpv-core__spinner-transform{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rpv-core__splitter{background-color:var(--rpv-core__splitter-background-color);cursor:ew-resize;height:100%;width:.25rem}.rpv-core__splitter:hover,.rpv-core__splitter--resizing{cursor:col-resize;background-color:var(--rpv-core__splitter--hover-background-color)}.rpv-core__splitter-body--resizing{cursor:col-resize}.rpv-core__splitter-sibling--resizing{pointer-events:none;-webkit-user-select:none;user-select:none}.rpv-core__textbox{background-color:var(--rpv-core__textbox-background-color);border:1px solid var(--rpv-core__textbox-border-color);box-sizing:border-box;border-radius:.25rem;color:var(--rpv-core__textbox-color);padding:0 .5rem;height:2rem;width:100%}.rpv-core__textbox--rtl{direction:rtl}.rpv-core__text-layer{left:0;position:absolute;top:0;height:100%;width:100%;opacity:.2;line-height:1;z-index:1}.rpv-core__text-layer span::selection{background-color:var(--rpv-core__text-layer-text--selection-background-color);color:var(--rpv-core__text-layer-text--selection-color)}.rpv-core__text-layer br::selection{color:#0000}.rpv-core__text-layer-text{color:#0000;cursor:text;position:absolute;transform-origin:0% 0%;white-space:pre}.rpv-core__tooltip-body{background-color:var(--rpv-core__tooltip-body-background-color);border-radius:.25rem;color:var(--rpv-core__tooltip-body-color);left:0;max-width:20rem;position:absolute;text-align:center;top:-9999px;z-index:9999}.rpv-core__tooltip-body--rtl{direction:rtl}.rpv-core__tooltip-body-arrow{background-color:var(--rpv-core__tooltip-body-background-color)}.rpv-core__tooltip-body-content{padding:.5rem}.rpv-core__display--block{display:block}.rpv-core__display--hidden{display:none}@media (min-width: 640px){.rpv-core__display--hidden-small{display:none}.rpv-core__display--block-small{display:block}}@media (min-width: 768px){.rpv-core__display--hidden-medium{display:none}.rpv-core__display--block-medium{display:block}}@media (min-width: 1024px){.rpv-core__display--hidden-large{display:none}.rpv-core__display--block-large{display:block}}.rpv-core__viewer{min-height:inherit}.searchInput{margin-left:8px;padding:3px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:150px}.searchBtnsDiv{display:flex;justify-content:space-around;padding:10px 30px 0;font-size:.9rem}.labelTxt{display:flex;align-items:center;justify-content:center}.searchDiv{margin:-15px 15px 0 50px}@media screen and (max-width: 350px){.searchInput{width:80px;height:25px;border-radius:7px}.searchBtnsDiv{display:flex;justify-content:space-around}}.topBtn{position:fixed;bottom:20px;left:20px}.nostr-grocery-list{padding:20px;border-radius:10px;background-color:var(--background-color);color:var(--text-color);margin-top:20px}.nostr-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;border-radius:5px;background-color:var(--background-color2);flex-wrap:wrap}.connection-status{padding:5px 10px;border-radius:4px}.connected{color:#4caf50;font-weight:700}.disconnected{color:#f44336;font-weight:700}.public-key{display:flex;align-items:center;gap:10px}.public-key code{padding:4px 8px;border-radius:4px;background-color:var(--background-color);font-family:monospace}.copy-key-btn,.qr-btn{padding:4px 8px;border-radius:4px;background-color:transparent;border:1px solid var(--text-color);color:var(--text-color);cursor:pointer}.copy-key-btn:hover,.qr-btn:hover{background-color:var(--text-color);color:var(--background-color)}.qr-btn{background-color:#2196f3;color:#fff;border:none}.status-message{padding:10px;margin:10px 0;border-radius:5px;color:#fff;display:flex;justify-content:space-between;align-items:center}.error-message{padding:10px;margin:10px 0;border-radius:5px;background-color:#f44336;color:#fff;display:flex;justify-content:space-between;align-items:center}.close-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;font-weight:700}.invites-section{margin:20px 0;padding:10px;border-radius:5px;background-color:var(--background-color2)}.invite-list{list-style:none;padding:0}.invite-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:5px 0;border-radius:4px;background-color:var(--background-color);flex-wrap:wrap}.invite-item span{font-weight:700}.invite-actions{display:flex;gap:10px}.invite-actions button{padding:5px 10px;border-radius:4px;cursor:pointer}.invite-actions button:first-child{background-color:#4caf50;color:#fff;border:none}.invite-actions button:last-child{background-color:#f44336;color:#fff;border:none}.sharing-section{margin:20px 0}.share-btn{padding:8px 15px;border-radius:4px;background-color:#2196f3;color:#fff;border:none;cursor:pointer}.share-form{margin-top:10px;padding:15px;border-radius:5px;background-color:var(--background-color2)}.share-form label{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.share-form input{padding:8px;border-radius:4px;border:1px solid #ccc;background-color:var(--background-color);color:var(--text-color)}.share-form-actions{display:flex;gap:10px;margin-top:10px}.share-submit-btn{padding:8px 15px;border-radius:4px;background-color:#4caf50;color:#fff;border:none;cursor:pointer}.share-qr-btn{padding:8px 15px;border-radius:4px;background-color:#2196f3;color:#fff;border:none;cursor:pointer}.list-selector{margin:20px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.list-selector select{padding:8px;border-radius:4px;background-color:var(--background-color);color:var(--text-color);border:1px solid var(--text-color)}.grocery-list-container{margin-top:20px}.grocery-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:5px 0;border-radius:4px}.empty-list{text-align:center;padding:20px;margin-top:20px;border-radius:5px;background-color:var(--background-color2)}.sync-status{display:flex;align-items:center;gap:10px;margin-top:20px;padding:10px;border-radius:5px;background-color:#2196f3;color:#fff}.sync-icon{font-size:18px}@media screen and (max-width: 600px){.nostr-status{flex-direction:column;align-items:flex-start;gap:10px}.public-key{flex-direction:column;align-items:flex-start;width:100%}.invite-item{flex-direction:column;align-items:flex-start;gap:10px}.invite-actions{width:100%;justify-content:space-between}.share-form-actions{flex-direction:column}.share-submit-btn,.share-qr-btn{width:100%}}.custom-item-container{margin:20px 0;display:flex;justify-content:center}.add-custom-btn{display:flex;align-items:center;gap:8px;padding:10px 15px;background-color:var(--background-color);color:var(--text-color);border:2px solid var(--text-color);border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease}.add-custom-btn:hover{background-color:var(--text-color);color:var(--background-color)}.custom-item-form{background-color:var(--background-color2);border-radius:10px;padding:15px;width:90%;max-width:500px;box-shadow:var(--box-shadow);border:var(--border)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form-header h3{margin:0}.close-btn{background:transparent;border:none;color:var(--text-color);font-size:18px;cursor:pointer;padding:0}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-size:14px}.form-group input,.form-group select{padding:8px 10px;border-radius:4px;border:1px solid #ccc;background-color:var(--background-color);color:var(--text-color);font-size:16px}.form-actions{display:flex;justify-content:center;margin-top:20px}.add-item-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.add-item-btn:hover{background-color:#3e8e41}@media screen and (max-width: 600px){.form-row{flex-direction:column;gap:10px}.custom-item-form{width:95%;padding:10px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}