@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;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;overflow:hidden}body{margin:0;display:flex;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#121d27;background-color:#fff}button{background-color:#f9f9f9}}#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{display:flex;align-items:center;justify-content:center;flex-direction:column;height:150px;margin-left:2vw;padding:20px 0 30px;background:#161616}.left-side .header img{height:175px;width:auto}.left-side .header h1{font-size:3.2em;line-height:1.1;margin:0}.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:#303030;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:#222;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:#222;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:1px solid transparent;padding:.6em 40px .6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;width:300px;outline:none;cursor:text}.search-box-container input:hover{border-color:#1a749e}.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}.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:#ffffff69;cursor:pointer;transition:color .3s ease,transform .3s ease;transform-origin:center;will-change:transform}.search-box-container .clear-search-icon:hover{color:#ffffff8f;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: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;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border:0;transition:all .15s linear}.checkbox:hover{border-color:#1a749e}.checkbox:focus,.checkbox:focus-visible{outline:4px auto -webkit-focus-ring-color}.checkbox:disabled{border-color:#fff0}.checkbox-checked{background-color:#1f8ec1}.checkmark-icon{min-width:16px;min-height:16px;opacity:0}.checkbox-checked .checkmark-icon{opacity:1}.recipe{display:flex;column-gap:40px;height:60px;width:auto;text-align:start;font-size:.8em;background-color:#161616;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:#1f8ec1ce}.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;text-shadow:#000 5px 5px 5px;-webkit-font-smoothing:antialiased;z-index:10;-webkit-user-select:none;user-select:none;align-self:flex-end;margin-bottom:-9px;margin-left:-4px}.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: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}.recipe-browser .page-selector button:hover{border-color:#1a749e}.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}