:root{--body-padding: 4rem}h2{margin:0}.flex{display:flex}.flex-between{justify-content:space-between}.page-padding{padding:1rem}.align-center{align-items:center}.col-flex{align-items:stretch;height:calc(100vh - 5rem);gap:1rem}.recipe-col{flex:1;flex-direction:column;min-width:15rem;background-color:var(--grey-3);border-radius:12px;padding:1rem}.recipe-list-col-mobile{border-bottom:2px solid #555;padding-bottom:1rem}.col-content{margin-top:1rem;overflow-y:auto}.text-color{color:"var(--text-color)"}.action-icon{cursor:pointer;transition:background-color .2s ease-in-out;border:none;border-radius:.5rem}.action-icon:hover{color:#fff;background-color:var(--grey-3)}.clear-button{font-weight:400;cursor:pointer;padding:0 .5rem}@keyframes jump-shaking{0%{transform:translate(0)}25%{transform:translateY(-9px)}35%{transform:translateY(-9px) rotate(17deg)}55%{transform:translateY(-9px) rotate(-17deg)}65%{transform:translateY(-9px) rotate(17deg)}75%{transform:translateY(-9px) rotate(-17deg)}to{transform:translateY(0) rotate(0)}}.jump-shake{animation:jump-shaking .83s infinite}@media (max-width: 700px){.recipe-col+.recipe-col{padding-top:1.5rem}}.nav-bar{background-color:var(--grey-4);display:flex;height:3rem;justify-content:space-between}.nav-title{display:flex;align-items:center;padding-left:1rem;gap:.5rem;cursor:pointer}.nav-tabs{display:flex;align-items:end;gap:1.5rem;padding-right:3rem}@media (max-width: 700px){.nav-tabs{gap:0}}.nav-tab-container{border-bottom:4px solid var(--grey-4);padding:.25rem;border-top-right-radius:.25rem;border-top-left-radius:.25rem}.nav-tab-active{border-bottom-color:var(--color-purple);background-color:var(--grey-2)}.nav-tab{padding:.25rem .75rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease-in-out;font-size:1.1rem}.nav-tab:hover{background-color:var(--grey-2)}:root{--grey-1: #0a0a0b;--grey-2: #212529;--grey-3: #2b3035;--grey-4: #343a40;--grey-5: #495057;--grey-6: #6c757d;--grey-7: #adb5bd;--grey-8: #ced4da;--grey-9: #e9ecef;--color-dogwood: #f4d8cd;--color-persian-green: #1b998b;--color-chestnut: #894a3e;--color-purple: #703e89;--color-dark-purple: #5e366e;--color-darker-purple: #4c2b5b;--color-light-purple: #a26eb4;--color-bring: #37474f;--color-dark-bring: #263238;--color-darker-bring: #1e2a30;--text-color: var(--grey-9);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--grey-2);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}h1{font-size:3.2em;line-height:1.1}p,ul,ol{margin:0}button{border-radius:.5rem;border:2px solid transparent;padding:.5rem 1rem;font-weight:500;font-family:inherit;background-color:var(--color-purple);cursor:pointer;transition:background-color .25s;transition:border-color .25s;color:var(--text-color)}button:hover{background-color:var(--color-dark-purple);border-color:var(--color-darker-purple)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--grey-3);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--grey-5);border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--grey-6)}*{scrollbar-width:thin;scrollbar-color:var(--grey-5) var(--grey-3)}.col-title{margin-bottom:-4px}.heading-underline{width:4rem;margin:0 0 0 -.5rem;border-bottom:4px solid var(--color-purple);z-index:-100}.bring-button{background-color:var(--color-bring)}.bring-button:hover{background-color:var(--color-dark-bring);border-color:var(--color-darker-bring)}.bring-logo{width:3rem}.placeholder-col{flex:2;color:#888;background-color:var(--grey-3);border-radius:12px;text-align:center;padding-top:6rem}.placeholder-col img{padding-top:2rem;filter:grayscale(.25);width:calc(100% / 3.5);transition:transform 1s ease-in-out}.placeholder-col img:hover{transform:rotate(360deg)}.back-button{background-color:var(--grey-2);color:var(--grey-7);padding:0;display:flex;align-items:center;gap:.15rem}.back-button:hover{background-color:var(--grey-3);border-color:var(--grey-3)}.back-button:focus{background-color:var(--grey-3);border-color:var(--grey-3)}.input{border:none;border-radius:.5rem;background-color:var(--grey-3);height:1.5rem;padding-left:.5rem;width:2.5rem;color:var(--text-color)}.input:focus{outline:none;background-color:var(--grey-4)}.recipe-name{cursor:pointer;margin:0;padding:.75rem 1rem;transition:background-color .2s ease-in-out,transform .1s ease-in-out;border-radius:.5rem}.recipe-name:hover{background-color:var(--grey-2);transform:translateY(-1px)}.recipe-name.selected{color:#fff;background-color:var(--color-chestnut)}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filter-container{margin-top:1rem;margin-bottom:.25rem}.filter-box{flex:1 1 auto;align-items:center;background-color:var(--grey-4);border-radius:.5rem}.filter-input{padding:.5rem;border:none;border-radius:.5rem;background-color:var(--grey-4);height:1.5rem;flex:1;color:var(--text-color)}.filter-input::placeholder{color:var(--grey-7)}.filter-input:focus{outline:none}.filter-icon{padding-left:.5rem}.shopping-cart-circle{position:"absolute";top:"0px";right:"3px";width:"0.5rem";height:"0.5rem";background-color:"var(--color-persian-green)";border:"3px solid var(--grey-2)";border-radius:"1rem"}.clickable-chip{cursor:pointer;margin-right:.25rem!important;margin-bottom:.25rem!important}.select-user{cursor:pointer;padding:.5rem 0;width:20rem;display:flex;justify-content:center;transition:background-color .2s ease-in-out;border-radius:.5rem}.select-user:hover{background-color:var(--grey-3)}