@font-face{font-family:Andy;src:local("Andy"),url(/assets/Andy-HdjWdtXt.ttf) format("truetype")}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text-color);line-height:1.5;font-weight:400;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;text-align:center;display:flex;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;bottom:0;right:0;left:0}.left-side{margin-right:2vw;width:75%}.left-side .header{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;height:150px;margin-left:2vw;padding:20px 0 30px;background:var(--foreground-color);border-radius:0 0 10px 10px}.left-side .header img{height:175px;width:auto}.left-side .header h1{font-size:3.2em;line-height:1.1;margin:0}.left-side .header .github-icon{height:35px;width:auto;position:absolute;top:30px;left:15px;cursor:pointer}:root{--background-color: #f0f0f0;--foreground-color: #ffffff;--foreground-disabled-color: #e0e3e6;--text-color: #1f2937;--text-disabled-color: #8e9194;--select-color: #2ebce7;--details-color: #e4e4e4}@media(prefers-color-scheme:dark){:root{--background-color: #242424;--foreground-color: #1b1b1b;--foreground-disabled-color: #202020;--text-color: #e5e7eb;--text-disabled-color: #6d6d6d;--select-color: #359ab9;--details-color: #0c0c0c}}.sidebar{width:25%}.sidebar .tab-container{display:flex;justify-content:start}.sidebar .tab-container button{border-radius:10px 10px 0 0;border:2px solid #222222;transition:background-color .4s,border .3s;font-weight:700;height:45px;display:flex;align-items:center;gap:12px;overflow:hidden;width:auto}.sidebar .tab-container button:hover{border:2px solid var(--light-gray)}.sidebar .tab-container button span{margin:0;padding:0;white-space:nowrap}.sidebar .tab-container .tab-button-active{background-color:var(--light-gray);border:2px solid var(--light-gray)}.sidebar .tab-content{background-color:var(--foreground-color);height:100%;padding:10px}.recipe-details-view{padding:0 5px;display:flex;flex-direction:column;align-items:center;line-height:1.3;font-family:Andy}.recipe-details-view h2{font-size:2.2em;margin:35px 0 15px;width:100%}.recipe-details-view .result-image{height:100px;width:100px;object-fit:contain;background-color:var(--details-color);border-radius:10px;padding:25px}.recipe-details-view .result-tooltip{padding:25px 0 5px;width:100%;font-size:1.2em;white-space:pre-line}.recipe-details-view .workstation-container{display:flex;flex-direction:row;gap:30px}.recipe-details-view .workstation-container img{height:40px}.recipe-details-view .item-container{display:flex;flex-direction:column;gap:15px;width:100%;max-width:500px;margin-top:20px;max-height:calc(100vh - 362px);overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.list-element{display:flex;align-items:center;justify-content:center;gap:25px;padding:9px;width:92%;background-color:var(--details-color);border-radius:15px;scroll-snap-align:start}.list-element img{height:27px}.list-element span{font-size:1.3em;font-weight:700}.list-element .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:250px}.search-bar-container{height:30px;margin:15px 0;padding:5px 0;display:flex;gap:50px;align-items:center;justify-content:center}.search-box-container{display:flex;align-items:center;position:relative}.search-box-container input{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;color:var(--text-color);background-color:var(--foreground-color)}.search-box-container input:hover{border-color:var(--select-color)}.search-box-container input:focus,.search-box-container input:focus-visible{outline:4px auto -webkit-focus-ring-color}.search-box-container input:disabled{border-color:#fff0;background-color:var(--foreground-disabled-color);color:var(--text-disabled-color);cursor:auto}.search-box-container input{width:300px;padding-right:40px;outline:none;cursor:text}.search-box-container .clear-search-icon{display:flex;align-items:center;justify-content:center;width:40px;position:absolute;right:0;top:0;bottom:0;color:var(--text-color);cursor:pointer;transition:color .3s ease,transform .3s ease;transform-origin:center;will-change:transform}.search-box-container .clear-search-icon:hover{transform:scale(1.1)}.search-box-container .clear-search-icon svg{height:50%;width:auto}.checkbox-container{display:flex;gap:15px;align-items:center;margin-top:-5px}.checkbox-container span{font-size:1.1em;margin-top:-5px}.checkbox{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;color:var(--text-color);background-color:var(--foreground-color)}.checkbox:hover{border-color:var(--select-color)}.checkbox:focus,.checkbox:focus-visible{outline:4px auto -webkit-focus-ring-color}.checkbox:disabled{border-color:#fff0;background-color:var(--foreground-disabled-color);color:var(--text-disabled-color);cursor:auto}.checkbox{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border:0;transition:all .15s linear}.checkbox-checked{background-color:var(--select-color)}.checkmark-icon{padding-top:1px;min-width:20px;min-height:20px;opacity:0}.checkbox-checked .checkmark-icon{opacity:1}.recipe{display:flex;column-gap:30px;height:60px;width:auto;text-align:start;font-size:.8em;background-color:var(--foreground-color);padding:15px 25px 15px 15px;border-radius:16px;border:2px solid transparent;cursor:pointer;transition:border-color .25s;scroll-snap-align:start}.recipe:hover{border-color:var(--select-color)}.recipe img{-webkit-user-select:none;user-select:none;max-width:120px;object-fit:contain;transform:translateZ(0);backface-visibility:hidden}.recipe .quantity-label{font-weight:700;font-size:1.15em;z-index:10;-webkit-user-select:none;user-select:none;align-self:flex-end;margin-bottom:-9px}.recipe .left-side{display:flex;margin:0}.recipe .left-side .quantity-label{margin-bottom:-15px;font-size:1.75em}.recipe .right-side{display:flex;flex-direction:column;row-gap:10px}.recipe .right-side h2{margin:-10px 0 0;overflow:visible;white-space:nowrap}.recipe .right-side .ingredients-container{display:flex;column-gap:30px;min-height:30px;height:30px}.recipe .right-side .ingredients-container .ingredient{display:flex}.recipe .right-side .ingredients-container .ingredient img{height:100%;width:auto}.recipe-browser{display:flex;flex-direction:column}.recipe-browser .recipes-container{display:flex;flex-direction:row;align-items:start;flex-wrap:wrap;gap:20px;overflow-y:auto;overflow-x:hidden;direction:rtl;justify-content:left;padding-left:2vw;scroll-snap-type:y mandatory;scroll-behavior:smooth;max-height:calc(100vh - 320px)}.recipe-browser .recipes-container>*{direction:ltr}.recipe-browser .page-selector{height:50px;gap:20px;margin-top:10px;display:flex;align-items:center;justify-content:center}.recipe-browser .page-selector button{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;color:var(--text-color);background-color:var(--foreground-color)}.recipe-browser .page-selector button:hover{border-color:var(--select-color)}.recipe-browser .page-selector button:focus,.recipe-browser .page-selector button:focus-visible{outline:4px auto -webkit-focus-ring-color}.recipe-browser .page-selector button:disabled{border-color:#fff0;background-color:var(--foreground-disabled-color);color:var(--text-disabled-color);cursor:auto}