@media(width<40rem),(pointer:coarse){.compact.svelte-naszew{width:100%;padding-inline:8px;font-size:17px!important;container-type:inline-size}.compact.svelte-naszew .paint-button-content:where(.svelte-naszew){width:100%;justify-content:center;gap:8px}.compact.svelte-naszew .paint-button-brush{display:block;width:21px;height:21px}.compact.svelte-naszew .paint-button-label:where(.svelte-naszew){display:grid;grid-template-columns:auto auto;align-items:center;justify-items:center;gap:1px 6px;line-height:20px}.compact.svelte-naszew .paint-button-label:where(.svelte-naszew)>span:where(.svelte-naszew):first-child{grid-column:1;grid-row:1}.compact.svelte-naszew .paint-button-label:where(.svelte-naszew):not(:has(.paint-button-cooldown))>span:where(.svelte-naszew):first-child{grid-column:1 / -1}.compact.svelte-naszew .paint-button-charges:where(.svelte-naszew){display:contents}.compact.svelte-naszew .paint-button-balance:where(.svelte-naszew){grid-column:1 / -1;grid-row:2;max-width:100%;line-height:16px}.compact.svelte-naszew .paint-button-label:where(.svelte-naszew) canvas{height:14px!important;object-fit:contain}.compact.svelte-naszew .paint-button-cooldown:where(.svelte-naszew){grid-column:2;grid-row:1;width:auto;line-height:16px;font-size:11px}@container (width < 180px){.compact.svelte-naszew .paint-button-content:where(.svelte-naszew){gap:4px}.compact.svelte-naszew .paint-button-label:where(.svelte-naszew){column-gap:4px;font-size:14px}.compact.svelte-naszew .paint-button-brush{width:18px;height:18px}}}