@layer reset,base;@layer components{.hw-a11y{gap:var(--hw-space-2);color:var(--hw-ink);justify-items:start;display:grid}.hw-a11y--bar,.hw-a11y--icons{display:inline-grid}.hw-a11y--icons .hw-a11y__tools{gap:0}.hw-a11y--icons .hw-a11y__button{border-radius:var(--hw-radius-sm);border:0;block-size:40px;inline-size:40px}.hw-a11y--icons .hw-a11y__button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.hw-a11y--icons .hw-a11y__button.is-pressed{background:var(--hw-brand-soft)}@media (width<=599px),(pointer:coarse){.hw-a11y--icons .hw-a11y__button{inline-size:var(--hw-touch);block-size:var(--hw-touch)}}.hw-a11y__title{inline-size:100%;border-block-end:1px solid var(--hw-line-strong);font-size:var(--hw-text-sm);font-weight:var(--hw-weight-medium);max-width:none;padding-block-end:var(--hw-space-2)}.hw-a11y__tools{align-items:center;gap:var(--hw-space-2);display:flex}.hw-a11y__button{inline-size:var(--hw-touch);block-size:var(--hw-touch);border:1px solid var(--hw-line-strong);border-radius:var(--hw-radius-md);color:inherit;cursor:pointer;transition:background var(--hw-motion-fast) var(--hw-ease),border-color var(--hw-motion-fast) var(--hw-ease);background:0 0;place-items:center;display:grid}.hw-a11y__button:hover{background:var(--hw-bg-muted)}.hw-a11y__button.is-pressed{background:var(--hw-brand-soft);border-color:var(--hw-brand);color:var(--hw-brand-text)}.hw-a11y__button:disabled{opacity:.4;cursor:not-allowed}.hw-a11y--on-color{color:inherit}.hw-a11y--on-color .hw-a11y__button,.hw-a11y--on-color .hw-a11y__title{border-color:color-mix(in srgb,currentColor 30%,transparent)}.hw-a11y--on-color .hw-a11y__button:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.hw-a11y--on-color .hw-a11y__button.is-pressed{background:color-mix(in srgb,currentColor 20%,transparent);color:inherit;border-color:currentColor}.hw-a11y--on-color .hw-a11y__button:focus-visible{outline-color:currentColor}}@layer utilities;