.volume-calculator.svelte-1d2f4cy{background-color:var(--color-text);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.volume-calculator__info.svelte-1d2f4cy{background-color:#f0f4ff;padding:var(--space-4) var(--space-6);border-bottom:1px solid #e2e8f0}.volume-calculator__info.svelte-1d2f4cy p:where(.svelte-1d2f4cy){color:var(--color-info-bar);font-size:var(--text-sm);margin:0}.volume-calculator__info.svelte-1d2f4cy strong:where(.svelte-1d2f4cy){color:var(--color-nav-accent)}.volume-calculator__layout.svelte-1d2f4cy{display:grid;grid-template-columns:220px 1fr;min-height:400px}.volume-calculator__sidebar.svelte-1d2f4cy{background-color:#f8fafc;border-right:1px solid #e2e8f0;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.volume-calculator__category.svelte-1d2f4cy{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;color:#4a5568;font-size:var(--text-sm);font-weight:var(--font-medium)}.volume-calculator__category.svelte-1d2f4cy:hover{background-color:#edf2f7}.volume-calculator__category.active.svelte-1d2f4cy{background-color:var(--color-info-bar);color:var(--color-text)}.volume-calculator__category-icon.svelte-1d2f4cy{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#1e3a5f1a;border-radius:var(--radius-md);transition:all var(--transition-fast)}.volume-calculator__category.active.svelte-1d2f4cy .volume-calculator__category-icon:where(.svelte-1d2f4cy){background-color:#fff3}.volume-calculator__items-panel.svelte-1d2f4cy{display:flex;flex-direction:column;padding:var(--space-4);min-width:0;overflow:hidden}.volume-calculator__items-list.svelte-1d2f4cy{flex:1;overflow-y:auto;max-height:350px}.volume-calculator__items-list.svelte-1d2f4cy::-webkit-scrollbar{width:8px}.volume-calculator__items-list.svelte-1d2f4cy::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.volume-calculator__items-list.svelte-1d2f4cy::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.volume-calculator__items-list.svelte-1d2f4cy::-webkit-scrollbar-thumb:hover{background:#64748b}.volume-calculator__items-list.svelte-1d2f4cy{scrollbar-width:thin;scrollbar-color:#94a3b8 #e2e8f0}.volume-calculator__item.svelte-1d2f4cy{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-2);border-bottom:1px solid #f0f4f8;transition:background-color var(--transition-fast)}.volume-calculator__item.svelte-1d2f4cy:hover{background-color:#fafafa}.volume-calculator__item.svelte-1d2f4cy:last-child{border-bottom:none}.volume-calculator__item-name.svelte-1d2f4cy{color:#4a5568;font-size:var(--text-sm);flex:1;min-width:0;padding-right:var(--space-2)}.volume-calculator__item-counter.svelte-1d2f4cy{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.volume-calculator__counter-btn.svelte-1d2f4cy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.volume-calculator__counter-btn--plus.svelte-1d2f4cy{background-color:var(--color-info-bar);color:var(--color-text)}.volume-calculator__counter-btn--plus.svelte-1d2f4cy:hover{background-color:var(--color-nav-accent)}.volume-calculator__counter-btn--minus.svelte-1d2f4cy{background-color:#e2e8f0;color:#4a5568}.volume-calculator__counter-btn--minus.svelte-1d2f4cy:hover{background-color:#cbd5e0}.volume-calculator__counter-value.svelte-1d2f4cy{width:32px;text-align:center;font-weight:var(--font-semibold);color:var(--color-info-bar);font-size:inherit;font-family:inherit;border:none;background:transparent;outline:none;padding:0;cursor:text;border-radius:var(--radius-sm);-moz-appearance:textfield}.volume-calculator__counter-value.svelte-1d2f4cy::-webkit-inner-spin-button,.volume-calculator__counter-value.svelte-1d2f4cy::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.volume-calculator__counter-value.svelte-1d2f4cy:focus{background-color:#1e3a5f1a}.volume-calculator__no-results.svelte-1d2f4cy{color:#718096;text-align:center;padding:var(--space-8);font-size:var(--text-sm)}.volume-calculator__search.svelte-1d2f4cy{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);margin-top:var(--space-4)}.volume-calculator__search.svelte-1d2f4cy .volume-calculator__search-icon{color:#a0aec0;flex-shrink:0}.volume-calculator__search-input.svelte-1d2f4cy{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:#4a5568;outline:none;min-width:0;width:0}.volume-calculator__search-input.svelte-1d2f4cy::placeholder{color:#a0aec0}.volume-calculator__total.svelte-1d2f4cy{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background-color:var(--color-info-bar);color:var(--color-text)}.volume-calculator__total-label.svelte-1d2f4cy{font-size:var(--text-base);font-weight:var(--font-medium);margin:0;color:var(--color-text)}.volume-calculator__total-value.svelte-1d2f4cy{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0;color:var(--color-nav-accent)}@media(max-width:767px){.volume-calculator__layout.svelte-1d2f4cy{grid-template-columns:1fr}.volume-calculator__sidebar.svelte-1d2f4cy{flex-direction:row;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);border-right:none;border-bottom:1px solid #e2e8f0}.volume-calculator__category.svelte-1d2f4cy{flex:0 0 auto;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.volume-calculator__category-icon.svelte-1d2f4cy{width:24px;height:24px}.volume-calculator__category-name.svelte-1d2f4cy{display:none}.volume-calculator__category.active.svelte-1d2f4cy .volume-calculator__category-name:where(.svelte-1d2f4cy){display:inline}.volume-calculator__items-list.svelte-1d2f4cy{max-height:300px}.volume-calculator__total.svelte-1d2f4cy{flex-direction:column;text-align:center;gap:var(--space-2)}}