.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:var(--sunk, #f0f4ff);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line, #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:#b93d00}.volume-calculator__layout.svelte-1d2f4cy{display:grid;grid-template-columns:220px 1fr;min-height:400px;width:100%;overflow:hidden}.volume-calculator__sidebar.svelte-1d2f4cy{background-color:var(--sunk, #f8fafc);border-right:1px solid var(--line, #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:var(--muted, #4a5568);font-size:var(--text-sm);font-weight:var(--font-medium)}.volume-calculator__category.svelte-1d2f4cy:hover{background-color:var(--sunk-2, #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:var(--line, #e2e8f0);border-radius:4px}.volume-calculator__items-list.svelte-1d2f4cy::-webkit-scrollbar-thumb{background:var(--faint, #94a3b8);border-radius:4px}.volume-calculator__items-list.svelte-1d2f4cy::-webkit-scrollbar-thumb:hover{background:var(--muted, #64748b)}.volume-calculator__items-list.svelte-1d2f4cy{scrollbar-width:thin;scrollbar-color:var(--faint, #94a3b8) var(--line, #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 var(--sunk, #f0f4f8);transition:background-color var(--transition-fast)}.volume-calculator__item.svelte-1d2f4cy:hover{background-color:var(--sunk, #fafafa)}.volume-calculator__item.svelte-1d2f4cy:last-child{border-bottom:none}.volume-calculator__item-name.svelte-1d2f4cy{color:var(--muted, #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:var(--line, #e2e8f0);color:var(--muted, #4a5568)}.volume-calculator__counter-btn--minus.svelte-1d2f4cy:hover{background-color:var(--line-strong, #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;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:var(--muted, #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:var(--sunk, #f8fafc);border:1px solid var(--line, #e2e8f0);border-radius:var(--radius-md);margin-top:var(--space-4)}.volume-calculator__search.svelte-1d2f4cy .volume-calculator__search-icon{color:var(--faint, #a0aec0);flex-shrink:0}.volume-calculator__search-input.svelte-1d2f4cy{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--muted, #4a5568);outline:none;min-width:0;width:0}.volume-calculator__search-input.svelte-1d2f4cy::placeholder{color:var(--faint, #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:#ff8a50}@media(max-width:767px){.volume-calculator.svelte-1d2f4cy{overflow:visible}.volume-calculator__info.svelte-1d2f4cy{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.volume-calculator__total.svelte-1d2f4cy{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.volume-calculator__layout.svelte-1d2f4cy{grid-template-columns:1fr;overflow:hidden}.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 var(--line, #e2e8f0);overflow-x:hidden;max-width:100%}.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);position:sticky;bottom:0;z-index:1}}