:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;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}html body{margin:0;place-items:center;min-width:100vw;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.TitleandCart{box-sizing:border-box;background-color:gray;display:flex;justify-content:space-between;align-items:center;gap:32px;position:sticky;width:100%;top:0;padding-inline:64px;z-index:1}.App{width:100vw}.DrinkListContainer{width:100%;min-height:500px;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:16px}.DrinkContainer{width:80%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:32px;padding:16px;border-radius:32px;border-width:1px;border-style:solid;border-color:#222;background-color:#fff;color:#222}.DrinkContainer h2,h3{margin-top:0}.DrinkContainer img{height:100%;max-width:300px;max-height:300px;border-radius:16px;align-self:flex-start}.DrinkInfo{display:flex;flex-direction:column;flex-grow:1;max-width:550px;justify-content:space-between}.DrinkInfo h3{font-size:1em;margin:0}.DrinkInfo p{margin:0}.DrinkIngredients{min-width:200px;display:flex;flex-direction:column;gap:8px}.DrinkIngredientInfo{display:flex;flex-direction:row;justify-content:space-between;gap:16px;padding:4px;border-radius:4px;background-color:#eee}.IngredientMeasure{text-align:right}.DrinkUserActionsContainer{display:flex;flex-direction:column;justify-content:center;gap:16px}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;color:#fff}button:hover{border-color:#646cff;background-color:#666}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width:1100px){.DrinkContainer img{align-self:center}.DrinkContainer{flex-direction:column;align-items:center}.DrinkUserActionsContainer{flex-direction:row}}:root{--cart-bg: #ffffff;--cart-text: #111827;--cart-muted: #6b7280;--cart-border: #e5e7eb;--cart-shadow: 0 20px 50px rgba(0,0,0,.18);--cart-radius: 16px}.ShoppingCart{position:fixed;right:24px;top:24px;width:360px;max-width:min(92vw,420px);max-height:calc(100vh - 48px);background:var(--cart-bg);color:var(--cart-text);border:1px solid var(--cart-border);border-radius:var(--cart-radius);box-shadow:var(--cart-shadow);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;transform:translateZ(0);animation:cartIn .25s ease-out both;z-index:2}@keyframes cartIn{0%{opacity:0;translate:8px 0}to{opacity:1;translate:0 0}}.ShoppingCart__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--cart-border);background:linear-gradient(180deg,#fafafa,#fff)}.ShoppingCart__title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;letter-spacing:.2px}.ShoppingCart__count{display:inline-block;min-width:22px;padding:2px 8px;font-size:12px;line-height:18px;border-radius:999px;background:#111827;color:#fff;text-align:center}.ShoppingCart__actions{display:flex;gap:8px}.ShoppingCart__btn{appearance:none;border:1px solid var(--cart-border);background:#f8fafc;color:var(--cart-text);padding:8px 10px;border-radius:10px;font-size:.9rem;cursor:pointer;transition:transform .04s ease,background .15s ease,border-color .15s ease}.ShoppingCart__btn:hover{background:#f1f5f9;border-color:#d1d5db}.ShoppingCart__btn:active{transform:translateY(1px)}.ShoppingCart__list{list-style:none;margin:0;padding:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.ShoppingCart__list::-webkit-scrollbar{width:10px}.ShoppingCart__list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;border:3px solid transparent;background-clip:content-box}.ShoppingCart__empty{padding:28px 16px;color:var(--cart-muted);text-align:center;font-size:.95rem}.ShoppingCart__footer{padding:12px 16px;border-top:1px solid var(--cart-border);background:#fafafa;display:flex;justify-content:space-between;align-items:center}@media (max-width: 560px){.ShoppingCart{inset:auto 12px 12px;width:auto;max-height:70vh;border-radius:14px}}.CartItem{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border:1px solid var(--cart-border);border-radius:12px;background:#fff;transition:box-shadow .15s ease,border-color .15s ease,transform .04s ease}.CartItem:hover{box-shadow:0 6px 18px #0000000f;border-color:#d1d5db}.CartItem:active{transform:translateY(1px)}.CartItem__name{font-size:.97rem;font-weight:600;letter-spacing:.2px}.CartItem__meta{color:var(--cart-muted);font-size:.85rem}.CartItem__remove{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;width:32px;height:32px;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .04s ease}.CartItem__remove:hover{background:#f08080;border-color:#000}.CartItem__remove:active{transform:translateY(1px)}.SearchandFilter{margin-block:64px;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}h1{font-size:xx-large;color:#000}.Searchbar{border:none;font-size:large;padding:12px;outline:none}.Dropdown{border-right:1px solid black;border-radius:0;background-color:#fff;color:#000;outline:none}.ButtonandInput{display:flex;align-items:center;background:#fff;border:1px solid #ccc;border-radius:32px;box-shadow:0 4px 4px #0003;overflow:hidden;width:500px;position:relative}.dropdownMenu{position:fixed;left:480px;top:190px;width:200px;background:#fff;color:#111;border-radius:12px;box-shadow:0 12px 30px #00000040;display:flex;flex-direction:column;justify-content:left;overflow:hidden}.dropdownItem{display:flex;align-items:center;padding:8px 10px;width:200px;border:1px solid #e7e7e7;border-radius:10px;margin-bottom:8px;background-color:#fff;color:#000;outline:none}.Filter{width:80%;border:1px solid black;display:flex;justify-content:left;border-radius:32px;position:center;margin-bottom:12px;padding:12px;gap:12px;box-shadow:0 4px 4px #0003}.FilterOption{background-color:#fff;color:#000;border:1px solid black}