@hearthsound/design 0.0.0-stage → 0.1.0

package/css/index.css

@@ -0,0 +1,35 @@
+/*
+ * @hearthsound/design - stylesheet entry point.
+ * Import this once: `import '@hearthsound/design/index.css';`
+ * Order: tokens, base, then the component files (specimen order follows this list).
+ */
+
+@import 'tokens.css';
+@import 'base.css';
+
+@import 'components/button.css';
+@import 'components/field.css';
+@import 'components/check.css';
+@import 'components/slider.css';
+@import 'components/progress.css';
+@import 'components/pill.css';
+@import 'components/segmented.css';
+@import 'components/tooltip.css';
+
+@import 'components/list.css';
+@import 'components/track.css';
+@import 'components/card.css';
+@import 'components/menu.css';
+@import 'components/upload.css';
+@import 'components/stepper.css';
+@import 'components/section.css';
+
+@import 'components/dialog.css';
+@import 'components/toast.css';
+@import 'components/banner.css';
+@import 'components/status-page.css';
+@import 'components/sidebar.css';
+@import 'components/page-header.css';
+@import 'components/player.css';
+@import 'components/shell.css';
+@import 'components/admin.css';

package/css/tokens.css

@@ -0,0 +1,375 @@
+/*
+ * @hearthsound/design - tokens
+ *
+ * Every token from spec/foundations.md, with the approved light and dark values.
+ * Light is the :root base. Dark applies under prefers-color-scheme: dark unless
+ * data-scheme="light" is set, and always under data-scheme="dark" (B05).
+ * The [data-scheme] blocks also apply to non-root elements, so a subtree (for
+ * example the specimen's dark column) can carry its own scheme.
+ *
+ * Tokens whose declaration uses another token (--hs-control-tone,
+ * --hs-art-placeholder-bg, the dark switch knob) are repeated per scheme block:
+ * custom properties compute their var() references on the declaring element.
+ *
+ * --hs-accent-ind is deliberately not declared (f06-r4, k08): it is removed from
+ * the published token set and no component may use it.
+ */
+
+/* ------------------------------------------------------------------ */
+/* Scheme-independent tokens                                           */
+/* ------------------------------------------------------------------ */
+
+:root {
+  color-scheme: light;
+
+  /* f01, f01b, B09 - faces. Files live in fonts/ (see base.css). */
+  --hs-font-body: 'Geist', system-ui, sans-serif;
+  --hs-font-display: 'Bricolage Grotesque', 'Geist', system-ui, sans-serif;
+  --hs-font-mono: 'Geist Mono', ui-monospace, monospace;
+
+  /* f03 - type scale. Each role: size, weight, line height, tracking. */
+  --hs-type-display-size: 46px;
+  --hs-type-display-weight: 750;
+  --hs-type-display-lh: 1.05;
+  --hs-type-display-track: -0.025em;
+  --hs-type-title-1-size: 37px;
+  --hs-type-title-1-weight: 750;
+  --hs-type-title-1-lh: 1.1;
+  --hs-type-title-1-track: -0.02em;
+  --hs-type-title-2-size: 29px;
+  --hs-type-title-2-weight: 700;
+  --hs-type-title-2-lh: 1.15;
+  --hs-type-title-2-track: -0.015em;
+  --hs-type-title-3-size: 23px;
+  --hs-type-title-3-weight: 700;
+  --hs-type-title-3-lh: 1.2;
+  --hs-type-title-3-track: -0.01em;
+  --hs-type-title-4-size: 19px;
+  --hs-type-title-4-weight: 700;
+  --hs-type-title-4-lh: 1.25;
+  --hs-type-title-4-track: -0.005em;
+  --hs-type-heading-size: 15px;
+  --hs-type-heading-weight: 700;
+  --hs-type-heading-lh: 1.35;
+  --hs-type-heading-track: 0em;
+  --hs-type-body-size: 15px;
+  --hs-type-body-weight: 400;
+  --hs-type-body-lh: 1.5;
+  --hs-type-body-track: 0em;
+  --hs-type-caption-size: 13px;
+  --hs-type-caption-weight: 400;
+  --hs-type-caption-lh: 1.4;
+  --hs-type-caption-track: 0em;
+
+  /* f08-r1, B08 - 4 px spacing grid and the two densities. */
+  --hs-space-1: 2px;
+  --hs-space-2: 4px;
+  --hs-space-3: 8px;
+  --hs-space-4: 12px;
+  --hs-space-5: 16px;
+  --hs-space-6: 24px;
+  --hs-space-7: 32px;
+  --hs-space-8: 48px;
+  --hs-row-comfortable: 48px;
+  --hs-row-compact: 36px;
+  --hs-row-pad-comfortable: 12px;
+  --hs-row-pad-compact: 8px;
+
+  /* f09 - corner radii. */
+  --hs-radius-control: 8px;
+  --hs-radius-row: 10px;
+  --hs-radius-card: 12px;
+  --hs-radius-art-small: 6px;
+  --hs-radius-art: 10px;
+  --hs-radius-popover: 14px;
+  --hs-radius-dialog: 18px;
+  --hs-radius-full: 999px;
+
+  /* f07 - tint percentages for pills and messages. */
+  --hs-status-tint: 13%;
+  --hs-message-tint: 12%;
+
+  /* f14-r2 - motion. f14b-r1 overrides the durations under reduced motion. */
+  --hs-ease: cubic-bezier(0.22, 1, 0.36, 1);
+  --hs-duration-hover: 150ms;
+  --hs-duration-press: 100ms;
+  --hs-duration-popover: 200ms;
+  --hs-duration-dialog: 260ms;
+  --hs-duration-page: 240ms;
+  --hs-duration-player: 320ms;
+
+  /* f15, f15c - artwork never carries a shadow; artist images are round. */
+  --hs-art-shadow: none;
+  --hs-radius-artist: 50%;
+
+  /* f03 phone sizes (l07): only the size tokens shrink. */
+  /* Handled below in the phone media query. */
+}
+
+@media (max-width: 720px) {
+  :root {
+    --hs-type-display-size: 34px;
+    --hs-type-title-1-size: 29px;
+    --hs-type-title-2-size: 24px;
+    --hs-type-title-3-size: 20px;
+    --hs-type-title-4-size: 18px;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --hs-duration-hover: 0ms;
+    --hs-duration-press: 0ms;
+    --hs-duration-popover: 0ms;
+    --hs-duration-dialog: 0ms;
+    --hs-duration-page: 0ms;
+    --hs-duration-player: 0ms;
+  }
+}
+
+/* ------------------------------------------------------------------ */
+/* Light scheme (f04, f06-r3, f07, f10-r1, f13-r3, k07-r2, i01-r12)    */
+/* ------------------------------------------------------------------ */
+
+:root,
+[data-scheme='light'] {
+  color-scheme: light;
+
+  --hs-window-bg: #ecebe8;
+  --hs-view-bg: #ffffff;
+  --hs-group-bg: #ecebe8;
+  --hs-group-shadow: none;
+  --hs-sidebar-bg: #e2e0dc;
+  --hs-headerbar-bg: #f3f2ef;
+  --hs-card-bg: #ffffff;
+  --hs-popover-bg: #ffffff;
+  --hs-dialog-bg: #f6f5f2;
+  --hs-fg: #23211e;
+  --hs-fg-muted: #5c5851;
+  --hs-border: rgb(35 30 25 / 16%);
+  --hs-separator: rgb(35 30 25 / 10%);
+  --hs-shade: rgb(35 30 25 / 9%);
+  --hs-control-tone: color-mix(in srgb, var(--hs-fg) 9%, transparent);
+
+  /*
+   * Component tokens. The frozen foundations tables keep these values in the
+   * component entries (components.md); they live here because every one of them
+   * switches with the scheme and a component file must not carry a scheme selector.
+   */
+  --hs-slider-track: color-mix(in srgb, var(--hs-fg) 16%, transparent);
+  --hs-slider-buffer: color-mix(in srgb, var(--hs-fg) 30%, transparent);
+  --hs-skeleton-base: color-mix(in srgb, var(--hs-fg) 9%, transparent);
+  --hs-skeleton-band: color-mix(in srgb, var(--hs-fg) 4%, transparent);
+  --hs-segment-selected-bg: var(--hs-card-bg);
+  --hs-tooltip-bg: var(--hs-fg);
+  --hs-tooltip-fg: var(--hs-view-bg);
+  --hs-tooltip-shadow: none;
+  --hs-toast-bg: var(--hs-fg);
+  --hs-toast-fg: var(--hs-view-bg);
+  --hs-toast-shadow: none;
+  --hs-toast-glyph: #84d39d;
+  --hs-destructive-focus-bg: color-mix(in srgb, var(--hs-destructive-bg) 72%, #000);
+
+  --hs-accent-bg: #f5d10a;
+  --hs-accent-fg: #221b00;
+  --hs-accent-text: #23211e;
+  --hs-accent-tint: rgb(245 209 10 / 26%);
+
+  --hs-success: #286a40;
+  --hs-warning: #9e460c;
+  --hs-error: #b3261e;
+  --hs-destructive-bg: #b3261e;
+  --hs-destructive-fg: #ffffff;
+
+  --hs-elevation-1: 0 1px 2px rgb(35 30 25 / 6%), 0 2px 8px rgb(35 30 25 / 5%);
+  --hs-elevation-2: 0 4px 12px rgb(35 30 25 / 9%), 0 14px 34px rgb(35 30 25 / 11%);
+  --hs-elevation-3: 0 8px 24px rgb(35 30 25 / 12%), 0 28px 64px rgb(35 30 25 / 18%);
+  --hs-focus-shadow: 0 2px 6px rgb(35 30 25 / 3%), 0 6px 16px rgb(35 30 25 / 3.5%);
+
+  --hs-brand-core: #c46a12;
+  --hs-art-placeholder-bg: color-mix(in srgb, var(--hs-fg) 8%, var(--hs-view-bg));
+
+  /* k07-r2 switch tokens. */
+  --hs-switch-off: #8e8c8a;
+  --hs-switch-knob: #fff;
+  --hs-switch-knob-on: #fff;
+  --hs-switch-knob-shadow: 0 1px 3px rgb(0 0 0 / 30%);
+}
+
+/* ------------------------------------------------------------------ */
+/* Dark scheme (f05, f06-r3, f07, f10-r1, f13-r3, k11-r1, k07-r2)      */
+/* ------------------------------------------------------------------ */
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-scheme='light']) {
+    color-scheme: dark;
+
+    --hs-window-bg: #171614;
+    --hs-view-bg: #121110;
+    --hs-group-bg: #1f1d1b;
+    --hs-group-shadow: 0 1px 3px rgb(0 0 0 / 35%);
+    --hs-sidebar-bg: #1e1d1b;
+    --hs-headerbar-bg: #1c1b19;
+    --hs-card-bg: #1f1d1b;
+    --hs-popover-bg: #2a2825;
+    --hs-dialog-bg: #262420;
+    --hs-fg: #eeebe6;
+    --hs-fg-muted: #aaa49b;
+    --hs-border: rgb(255 245 230 / 12%);
+    --hs-separator: rgb(255 245 230 / 7%);
+    --hs-shade: rgb(0 0 0 / 40%);
+    --hs-control-tone: color-mix(in srgb, var(--hs-fg) 9%, transparent);
+    --hs-slider-track: color-mix(in srgb, var(--hs-fg) 18%, transparent);
+    --hs-slider-buffer: color-mix(in srgb, var(--hs-fg) 34%, transparent);
+    --hs-skeleton-base: color-mix(in srgb, var(--hs-fg) 9%, transparent);
+    --hs-skeleton-band: color-mix(in srgb, var(--hs-fg) 16%, transparent);
+    --hs-segment-selected-bg: color-mix(in srgb, var(--hs-fg) 22%, var(--hs-view-bg));
+    --hs-tooltip-bg: var(--hs-popover-bg);
+    --hs-tooltip-fg: var(--hs-fg);
+    --hs-tooltip-shadow: var(--hs-elevation-2);
+    --hs-toast-bg: var(--hs-popover-bg);
+    --hs-toast-fg: var(--hs-fg);
+    --hs-toast-shadow: var(--hs-elevation-2);
+    --hs-toast-glyph: var(--hs-success);
+    --hs-destructive-focus-bg: color-mix(in srgb, var(--hs-destructive-bg) 80%, #000);
+
+    --hs-accent-bg: #ffd91a;
+    --hs-accent-fg: #221b00;
+    --hs-accent-text: #ffe253;
+    --hs-accent-tint: rgb(255 217 26 / 14%);
+
+    --hs-success: #84d39d;
+    --hs-warning: #ffa463;
+    --hs-error: #ff8a80;
+    --hs-destructive-bg: #ff7b72;
+    --hs-destructive-fg: #2a0404;
+
+    --hs-elevation-1: 0 1px 3px rgb(0 0 0 / 35%);
+    --hs-elevation-2: 0 6px 16px rgb(0 0 0 / 45%), 0 16px 40px rgb(0 0 0 / 45%);
+    --hs-elevation-3: 0 10px 28px rgb(0 0 0 / 50%), 0 30px 70px rgb(0 0 0 / 55%);
+    --hs-focus-shadow: 0 2px 8px rgb(0 0 0 / 15%), 0 8px 20px rgb(0 0 0 / 15%);
+
+    --hs-brand-core: #ff8a2a;
+    --hs-art-placeholder-bg: color-mix(in srgb, var(--hs-fg) 8%, var(--hs-view-bg));
+
+    --hs-switch-off: #807e7b;
+    --hs-switch-knob: var(--hs-view-bg);
+    --hs-switch-knob-on: var(--hs-accent-fg);
+    --hs-switch-knob-shadow: none;
+  }
+
+  [data-scheme='dark'] {
+    color-scheme: dark;
+
+    --hs-window-bg: #171614;
+    --hs-view-bg: #121110;
+    --hs-group-bg: #1f1d1b;
+    --hs-group-shadow: 0 1px 3px rgb(0 0 0 / 35%);
+    --hs-sidebar-bg: #1e1d1b;
+    --hs-headerbar-bg: #1c1b19;
+    --hs-card-bg: #1f1d1b;
+    --hs-popover-bg: #2a2825;
+    --hs-dialog-bg: #262420;
+    --hs-fg: #eeebe6;
+    --hs-fg-muted: #aaa49b;
+    --hs-border: rgb(255 245 230 / 12%);
+    --hs-separator: rgb(255 245 230 / 7%);
+    --hs-shade: rgb(0 0 0 / 40%);
+    --hs-control-tone: color-mix(in srgb, var(--hs-fg) 9%, transparent);
+    --hs-slider-track: color-mix(in srgb, var(--hs-fg) 18%, transparent);
+    --hs-slider-buffer: color-mix(in srgb, var(--hs-fg) 34%, transparent);
+    --hs-skeleton-base: color-mix(in srgb, var(--hs-fg) 9%, transparent);
+    --hs-skeleton-band: color-mix(in srgb, var(--hs-fg) 16%, transparent);
+    --hs-segment-selected-bg: color-mix(in srgb, var(--hs-fg) 22%, var(--hs-view-bg));
+    --hs-tooltip-bg: var(--hs-popover-bg);
+    --hs-tooltip-fg: var(--hs-fg);
+    --hs-tooltip-shadow: var(--hs-elevation-2);
+    --hs-toast-bg: var(--hs-popover-bg);
+    --hs-toast-fg: var(--hs-fg);
+    --hs-toast-shadow: var(--hs-elevation-2);
+    --hs-toast-glyph: var(--hs-success);
+    --hs-destructive-focus-bg: color-mix(in srgb, var(--hs-destructive-bg) 80%, #000);
+
+    --hs-accent-bg: #ffd91a;
+    --hs-accent-fg: #221b00;
+    --hs-accent-text: #ffe253;
+    --hs-accent-tint: rgb(255 217 26 / 14%);
+
+    --hs-success: #84d39d;
+    --hs-warning: #ffa463;
+    --hs-error: #ff8a80;
+    --hs-destructive-bg: #ff7b72;
+    --hs-destructive-fg: #2a0404;
+
+    --hs-elevation-1: 0 1px 3px rgb(0 0 0 / 35%);
+    --hs-elevation-2: 0 6px 16px rgb(0 0 0 / 45%), 0 16px 40px rgb(0 0 0 / 45%);
+    --hs-elevation-3: 0 10px 28px rgb(0 0 0 / 50%), 0 30px 70px rgb(0 0 0 / 55%);
+    --hs-focus-shadow: 0 2px 8px rgb(0 0 0 / 15%), 0 8px 20px rgb(0 0 0 / 15%);
+
+    --hs-brand-core: #ff8a2a;
+    --hs-art-placeholder-bg: color-mix(in srgb, var(--hs-fg) 8%, var(--hs-view-bg));
+
+    --hs-switch-off: #807e7b;
+    --hs-switch-knob: var(--hs-view-bg);
+    --hs-switch-knob-on: var(--hs-accent-fg);
+    --hs-switch-knob-shadow: none;
+  }
+}
+
+:root[data-scheme='dark'],
+[data-scheme='dark'] {
+  color-scheme: dark;
+
+  --hs-window-bg: #171614;
+  --hs-view-bg: #121110;
+  --hs-group-bg: #1f1d1b;
+  --hs-group-shadow: 0 1px 3px rgb(0 0 0 / 35%);
+  --hs-sidebar-bg: #1e1d1b;
+  --hs-headerbar-bg: #1c1b19;
+  --hs-card-bg: #1f1d1b;
+  --hs-popover-bg: #2a2825;
+  --hs-dialog-bg: #262420;
+  --hs-fg: #eeebe6;
+  --hs-fg-muted: #aaa49b;
+  --hs-border: rgb(255 245 230 / 12%);
+  --hs-separator: rgb(255 245 230 / 7%);
+  --hs-shade: rgb(0 0 0 / 40%);
+  --hs-control-tone: color-mix(in srgb, var(--hs-fg) 9%, transparent);
+  --hs-slider-track: color-mix(in srgb, var(--hs-fg) 18%, transparent);
+  --hs-slider-buffer: color-mix(in srgb, var(--hs-fg) 34%, transparent);
+  --hs-skeleton-base: color-mix(in srgb, var(--hs-fg) 9%, transparent);
+  --hs-skeleton-band: color-mix(in srgb, var(--hs-fg) 16%, transparent);
+  --hs-segment-selected-bg: color-mix(in srgb, var(--hs-fg) 22%, var(--hs-view-bg));
+  --hs-tooltip-bg: var(--hs-popover-bg);
+  --hs-tooltip-fg: var(--hs-fg);
+  --hs-tooltip-shadow: var(--hs-elevation-2);
+  --hs-toast-bg: var(--hs-popover-bg);
+  --hs-toast-fg: var(--hs-fg);
+  --hs-toast-shadow: var(--hs-elevation-2);
+  --hs-toast-glyph: var(--hs-success);
+  --hs-destructive-focus-bg: color-mix(in srgb, var(--hs-destructive-bg) 80%, #000);
+
+  --hs-accent-bg: #ffd91a;
+  --hs-accent-fg: #221b00;
+  --hs-accent-text: #ffe253;
+  --hs-accent-tint: rgb(255 217 26 / 14%);
+
+  --hs-success: #84d39d;
+  --hs-warning: #ffa463;
+  --hs-error: #ff8a80;
+  --hs-destructive-bg: #ff7b72;
+  --hs-destructive-fg: #2a0404;
+
+  --hs-elevation-1: 0 1px 3px rgb(0 0 0 / 35%);
+  --hs-elevation-2: 0 6px 16px rgb(0 0 0 / 45%), 0 16px 40px rgb(0 0 0 / 45%);
+  --hs-elevation-3: 0 10px 28px rgb(0 0 0 / 50%), 0 30px 70px rgb(0 0 0 / 55%);
+  --hs-focus-shadow: 0 2px 8px rgb(0 0 0 / 15%), 0 8px 20px rgb(0 0 0 / 15%);
+
+  --hs-brand-core: #ff8a2a;
+  --hs-art-placeholder-bg: color-mix(in srgb, var(--hs-fg) 8%, var(--hs-view-bg));
+
+  --hs-switch-off: #807e7b;
+  --hs-switch-knob: var(--hs-view-bg);
+  --hs-switch-knob-on: var(--hs-accent-fg);
+  --hs-switch-knob-shadow: none;
+}

package/dist/icons.d.ts

@@ -0,0 +1,56 @@
+// Generated by scripts/build.mjs. Do not edit.
+export type IconName =
+  | 'adwaita-account'
+  | 'adwaita-acquire'
+  | 'adwaita-add'
+  | 'adwaita-album'
+  | 'adwaita-artist'
+  | 'adwaita-back'
+  | 'adwaita-check'
+  | 'adwaita-close'
+  | 'adwaita-collapse'
+  | 'adwaita-dark-mode'
+  | 'adwaita-delete'
+  | 'adwaita-drag'
+  | 'adwaita-edit'
+  | 'adwaita-error'
+  | 'adwaita-expand'
+  | 'adwaita-folder'
+  | 'adwaita-forward'
+  | 'adwaita-home'
+  | 'adwaita-layers'
+  | 'adwaita-like'
+  | 'adwaita-lock'
+  | 'adwaita-menu'
+  | 'adwaita-more'
+  | 'adwaita-mute'
+  | 'adwaita-next'
+  | 'adwaita-pause'
+  | 'adwaita-play'
+  | 'adwaita-playlist'
+  | 'adwaita-plugin'
+  | 'adwaita-previous'
+  | 'adwaita-queue'
+  | 'adwaita-rating-outline'
+  | 'adwaita-rating'
+  | 'adwaita-refresh'
+  | 'adwaita-remote'
+  | 'adwaita-remove'
+  | 'adwaita-repeat'
+  | 'adwaita-reveal'
+  | 'adwaita-search'
+  | 'adwaita-settings'
+  | 'adwaita-shuffle'
+  | 'adwaita-sign-out'
+  | 'adwaita-song'
+  | 'adwaita-sort'
+  | 'adwaita-storage'
+  | 'adwaita-users'
+  | 'adwaita-volume'
+  | 'adwaita-warning'
+  | 'custom-dislike-outline'
+  | 'custom-dislike'
+  | 'custom-like-outline'
+  | 'custom-unknown'
+  | 'custom-upload';
+export declare const iconNames: readonly IconName[];

package/dist/icons.js

@@ -0,0 +1,56 @@
+// Generated by scripts/build.mjs. Do not edit.
+export const iconNames = [
+  'adwaita-account',
+  'adwaita-acquire',
+  'adwaita-add',
+  'adwaita-album',
+  'adwaita-artist',
+  'adwaita-back',
+  'adwaita-check',
+  'adwaita-close',
+  'adwaita-collapse',
+  'adwaita-dark-mode',
+  'adwaita-delete',
+  'adwaita-drag',
+  'adwaita-edit',
+  'adwaita-error',
+  'adwaita-expand',
+  'adwaita-folder',
+  'adwaita-forward',
+  'adwaita-home',
+  'adwaita-layers',
+  'adwaita-like',
+  'adwaita-lock',
+  'adwaita-menu',
+  'adwaita-more',
+  'adwaita-mute',
+  'adwaita-next',
+  'adwaita-pause',
+  'adwaita-play',
+  'adwaita-playlist',
+  'adwaita-plugin',
+  'adwaita-previous',
+  'adwaita-queue',
+  'adwaita-rating-outline',
+  'adwaita-rating',
+  'adwaita-refresh',
+  'adwaita-remote',
+  'adwaita-remove',
+  'adwaita-repeat',
+  'adwaita-reveal',
+  'adwaita-search',
+  'adwaita-settings',
+  'adwaita-shuffle',
+  'adwaita-sign-out',
+  'adwaita-song',
+  'adwaita-sort',
+  'adwaita-storage',
+  'adwaita-users',
+  'adwaita-volume',
+  'adwaita-warning',
+  'custom-dislike-outline',
+  'custom-dislike',
+  'custom-like-outline',
+  'custom-unknown',
+  'custom-upload',
+];

package/dist/icons.svg

@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="position:absolute;width:0;height:0;overflow:hidden">
+  <symbol id="adwaita-account" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1C6.34375 1 5 2.34375 5 4s1.34375 3 3 3 3-1.34375 3-3-1.34375-3-3-3M6.5 8C4.007812 8 2 10.007812 2 12.5v.5c0 1.109375.890625 2 2 2h8c1.109375 0 2-.890625 2-2v-.5C14 10.007812 11.992188 8 9.5 8zm0 0"/></symbol>
+  <symbol id="adwaita-acquire" viewBox="0 0 16 16"><path fill="currentColor" d="M7.984375 0c-.550781 0-1 .449219-1 1v8.585938L4.691406 7.292969C4.503906 7.105469 4.25 7 3.984375 7s-.519531.105469-.707031.292969c-.390625.390625-.390625 1.023437 0 1.414062l4 4c.390625.390625 1.023437.390625 1.414062 0l4-4c.390625-.390625.390625-1.023437 0-1.414062s-1.023437-.390625-1.414062 0L8.984375 9.585938V1c0-.550781-.449219-1-1-1m-6 14v2h12v-2zm0 0"/></symbol>
+  <symbol id="adwaita-add" viewBox="0 0 16 16"><path fill="currentColor" d="M7 1v6H1v2h6v6h2V9h6V7H9V1zm0 0"/></symbol>
+  <symbol id="adwaita-album" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0C3.59375 0 0 3.59375 0 8s3.59375 8 8 8 8-3.59375 8-8-3.59375-8-8-8m0 2c3.3125 0 6 2.6875 6 6s-2.6875 6-6 6-6-2.6875-6-6 2.6875-6 6-6m0 3C6.34375 5 5 6.34375 5 8s1.34375 3 3 3 3-1.34375 3-3-1.34375-3-3-3m0 1c1.105469 0 2 .894531 2 2s-.894531 2-2 2-2-.894531-2-2 .894531-2 2-2m0 1c-.550781 0-1 .449219-1 1s.449219 1 1 1 1-.449219 1-1-.449219-1-1-1m0 0"/></symbol>
+  <symbol id="adwaita-artist" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0C6.339844 0 5 1.339844 5 3v5c0 1.660156 1.339844 3 3 3s3-1.339844 3-3V3c0-1.660156-1.339844-3-3-3M2 6v2.011719c0 2.964843 2.164062 5.429687 5 5.90625V16h2v-2.082031c2.835938-.476563 5-2.941407 5-5.90625V6h-1.5v2.011719c0 2.5-1.992188 4.488281-4.5 4.488281s-4.5-1.988281-4.5-4.488281V6zm0 0"/></symbol>
+  <symbol id="adwaita-back" viewBox="0 0 16 16"><path fill="currentColor" d="M12 2c0-.265625-.105469-.519531-.292969-.707031-.390625-.390625-1.023437-.390625-1.414062 0l-6 6C4.105469 7.480469 4 7.734375 4 8s.105469.519531.292969.707031l6 6c.390625.390625 1.023437.390625 1.414062 0C11.894531 14.519531 12 14.265625 12 14s-.105469-.519531-.292969-.707031L6.414062 8l5.292969-5.292969C11.894531 2.519531 12 2.265625 12 2m0 0"/></symbol>
+  <symbol id="adwaita-check" viewBox="0 0 16 16"><path fill="currentColor" d="M13.753906 4.660156c.175782-.199218.261719-.460937.246094-.726562-.019531-.265625-.140625-.511719-.339844-.6875-.199218-.175782-.460937-.261719-.726562-.246094-.265625.019531-.511719.140625-.6875.339844l-6.296875 7.195312-2.242188-2.242187c-.390625-.390625-1.023437-.390625-1.414062 0C2.105469 8.480469 2 8.734375 2 9s.105469.519531.292969.707031l3 3c.195312.195313.464843.304688.738281.292969.277344-.007812.539062-.132812.722656-.339844zm0 0"/></symbol>
+  <symbol id="adwaita-close" viewBox="0 0 16 16"><path fill="currentColor" d="M4 4h1.03125c.253906.011719.511719.128906.6875.3125L8 6.59375l2.3125-2.28125c.265625-.230469.445312-.304688.6875-.3125h1v1c0 .285156-.035156.550781-.25.75L9.46875 8.03125l2.25 2.25c.1875.1875.28125.453125.28125.71875v1h-1c-.265625 0-.53125-.09375-.71875-.28125L8 9.4375l-2.28125 2.28125C5.53125 11.90625 5.265625 12 5 12H4v-1c0-.265625.09375-.53125.28125-.71875l2.28125-2.25L4.28125 5.75C4.070312 5.554688 3.976562 5.28125 4 5zm0 0"/></symbol>
+  <symbol id="adwaita-collapse" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.300781 9.203125 4-3.917969c.390625-.378906 1.007813-.378906 1.394531 0l4 3.917969c.398438.382813.40625 1.015625.019532 1.414063-.382813.394531-1.015625.402343-1.414063.019531L8 7.394531l-3.300781 3.242188c-.398438.382812-1.03125.375-1.417969-.019531-.382812-.398438-.375-1.03125.019531-1.414063m0 0"/></symbol>
+  <symbol id="adwaita-dark-mode" viewBox="0 0 16 16"><path fill="currentColor" d="M.917969 8.003906c0 3.910156 3.167969 7.078125 7.078125 7.078125 3.597656-.007812 6.621094-2.710937 7.023437-6.285156.042969-.378906-.136719-.75-.457031-.957031-.324219-.203125-.738281-.207032-1.0625-.003906-.609375.375-1.316406.578124-2.03125.578124-2.15625 0-3.882812-1.726562-3.882812-3.882812 0-.714844.203124-1.421875.578124-2.03125.203126-.324219.199219-.738281-.003906-1.0625-.207031-.320312-.578125-.5-.957031-.457031C3.628906 1.382812.925781 4.40625.917969 8.003906M5.585938 4.53125c0 3.25 2.632812 5.882812 5.886718 5.882812 1.085938 0 2.152344-.304687 3.078125-.878906l-1.519531-.960937c-.289062 2.570312-2.449219 4.503906-5.035156 4.507812-2.816406 0-5.078125-2.261719-5.078125-5.078125.003906-2.585937 1.9375-4.746094 4.507812-5.035156l-.960937-1.519531c-.574219.925781-.875 1.992187-.878906 3.082031m0 0"/></symbol>
+  <symbol id="adwaita-delete" viewBox="0 0 16 16"><g fill="currentColor"><path d="M6.5 0C5.121094 0 4 1.121094 4 2.5V3H1c-.550781 0-1 .449219-1 1s.449219 1 1 1h1v8c0 1.65625 1.34375 3 3 3h6c1.65625 0 3-1.34375 3-3V5h1c.550781 0 1-.449219 1-1s-.449219-1-1-1h-3.023438v-.5c0-1.378906-1.117187-2.5-2.5-2.5zm0 2h2.976562c.289063 0 .5.210938.5.5V3H6v-.5c0-.289062.210938-.5.5-.5M4 5h8v8c0 .5625-.4375 1-1 1H5c-.5625 0-1-.4375-1-1zm0 0"/><path d="M7 7v5c0 .277344-.222656.5-.5.5S6 12.277344 6 12V7c0-.277344.222656-.5.5-.5s.5.222656.5.5m0 0"/><path d="M10 7v5c0 .277344-.222656.5-.5.5S9 12.277344 9 12V7c0-.277344.222656-.5.5-.5s.5.222656.5.5m0 0"/></g></symbol>
+  <symbol id="adwaita-drag" viewBox="0 0 16 16"><path fill="currentColor" d="M4.496094 0c-.832032 0-1.5.671875-1.5 1.5s.667968 1.5 1.5 1.5c.828125 0 1.5-.671875 1.5-1.5s-.671875-1.5-1.5-1.5m6 0c-.832032 0-1.5.671875-1.5 1.5s.667968 1.5 1.5 1.5c.828125 0 1.5-.671875 1.5-1.5s-.671875-1.5-1.5-1.5m-6 6c-.832032 0-1.5.671875-1.5 1.5s.667968 1.5 1.5 1.5c.828125 0 1.5-.671875 1.5-1.5s-.671875-1.5-1.5-1.5m6 0c-.832032 0-1.5.671875-1.5 1.5s.667968 1.5 1.5 1.5c.828125 0 1.5-.671875 1.5-1.5s-.671875-1.5-1.5-1.5m-6 6c-.832032 0-1.5.671875-1.5 1.5s.667968 1.5 1.5 1.5c.828125 0 1.5-.671875 1.5-1.5s-.671875-1.5-1.5-1.5m6 0c-.832032 0-1.5.671875-1.5 1.5s.667968 1.5 1.5 1.5c.828125 0 1.5-.671875 1.5-1.5s-.671875-1.5-1.5-1.5m0 0"/></symbol>
+  <symbol id="adwaita-edit" viewBox="0 0 16 16"><path fill="currentColor" d="M12.277344.832031c-.578125.007813-1.167969.230469-1.691406.753907l-9 9C1.210938 10.960938 1 11.46875 1 12v3h3c.53125 0 1.039062-.210938 1.414062-.585938l9-9C16.203125 3.625 14.496094 1.023438 12.523438.84375c-.082032-.011719-.164063-.011719-.246094-.011719M10.5 4.4375 11.5625 5.5 4.5 12.5625 3.4375 11.5zm0 0"/></symbol>
+  <symbol id="adwaita-error" viewBox="0 0 16 16"><path d="m8 1c-3.87109 0-7 3.12891-7 7s3.12891 7 7 7 7-3.12891 7-7-3.12891-7-7-7m-4 6h8v2h-8z" fill="currentColor"/></symbol>
+  <symbol id="adwaita-expand" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.292969 7.707031 4 4c.390625.390625 1.023437.390625 1.414062 0l4-4c.390625-.390625.390625-1.023437 0-1.414062s-1.023437-.390625-1.414062 0L8 9.585938 4.707031 6.292969c-.390625-.390625-1.023437-.390625-1.414062 0s-.390625 1.023437 0 1.414062m0 0"/></symbol>
+  <symbol id="adwaita-folder" viewBox="0 0 16 16"><path fill="currentColor" d="M2.96875 1.003906c-1.644531 0-3 1.355469-3 3v8c0 1.644532 1.355469 3 3 3h10c1.644531 0 3-1.355468 3-3v-6c0-1.644531-1.355469-3-3-3H9.382812L7.675781 1.296875c-.1875-.1875-.441406-.292969-.707031-.292969zm0 2h3.585938l1 1H1.96875c0-.5625.4375-1 1-1m-1 2h11c.5625 0 1 .4375 1 1v6c0 .5625-.4375 1-1 1h-10c-.5625 0-1-.4375-1-1zm0 0"/></symbol>
+  <symbol id="adwaita-forward" viewBox="0 0 16 16"><path fill="currentColor" d="M4 2c0-.265625.105469-.519531.292969-.707031.390625-.390625 1.023437-.390625 1.414062 0l6 6C11.894531 7.480469 12 7.734375 12 8s-.105469.519531-.292969.707031l-6 6c-.390625.390625-1.023437.390625-1.414062 0C4.105469 14.519531 4 14.265625 4 14s.105469-.519531.292969-.707031L9.585938 8 4.292969 2.707031C4.105469 2.519531 4 2.265625 4 2m0 0"/></symbol>
+  <symbol id="adwaita-home" viewBox="0 0 16 16"><path fill="currentColor" d="M8 .363281c-.5 0-1 .167969-1.40625.507813L2.128906 4.59375C1.414062 5.1875 1 6.070312 1 7v6c0 1.65625 1.34375 3 3 3h8c1.65625 0 3-1.34375 3-3V7c0-.929688-.414062-1.8125-1.128906-2.40625L9.40625.871094C9 .53125 8.5.363281 8 .363281m-.015625 1.996094c.050781-.003906.101563.011719.144531.046875l4.464844 3.722656C12.851562 6.34375 13 6.664062 13 7v6c0 .5625-.4375 1-1 1h-2V9c0-.554688-.445312-1-1-1H7c-.554688 0-1 .445312-1 1v5H4c-.5625 0-1-.4375-1-1V7c0-.335938.148438-.65625.40625-.871094L7.871094 2.40625c.035156-.027344.074218-.042969.113281-.046875m0 0"/></symbol>
+  <symbol id="adwaita-layers" viewBox="0 0 16 16"><g fill="currentColor"><path fill-opacity="0.34902" d="M3.5 5c-.277344 0-.5.222656-.5.5v1c0 .277344.222656.5.5.5h2c.277344 0 .5-.222656.5-.5v-1c0-.277344-.222656-.5-.5-.5zm7 0c-.277344 0-.5.222656-.5.5v1c0 .277344.222656.5.5.5h2c.277344 0 .5-.222656.5-.5v-1c0-.277344-.222656-.5-.5-.5zm-7 3c-.277344 0-.5.222656-.5.5v1c0 .277344.222656.5.5.5h2c.277344 0 .5-.222656.5-.5v-1c0-.277344-.222656-.5-.5-.5zm7 0c-.277344 0-.5.222656-.5.5v1c0 .277344.222656.5.5.5h2c.277344 0 .5-.222656.5-.5v-1c0-.277344-.222656-.5-.5-.5zm0 0"/><path d="M3 1C1.355469 1 0 2.355469 0 4v8c0 1.644531 1.355469 3 3 3h10c1.644531 0 3-1.355469 3-3V4c0-1.644531-1.355469-3-3-3zm0 2h4v10H3c-.570312 0-1-.429688-1-1V4c0-.570312.429688-1 1-1m6 0h4c.570312 0 1 .429688 1 1v8c0 .570312-.429688 1-1 1H9zm0 0"/></g></symbol>
+  <symbol id="adwaita-like" viewBox="0 0 16 16"><path d="M15 5.766a3.763 3.763 0 00-3.77-3.757c-1.37 0-2.57.73-3.23 1.822a3.77 3.77 0 00-3.23-1.822A3.763 3.763 0 001 5.766a3.74 3.74 0 001.19 2.738h-.001L7.914 14l5.898-5.496h-.002A3.739 3.739 0 0015 5.766" fill="currentColor"/></symbol>
+  <symbol id="adwaita-lock" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1C5.800781 1 4 2.800781 4 5v2c-1.109375 0-2 .890625-2 2v5c0 .554688.445312 1 1 1h10c.554688 0 1-.445312 1-1V9c0-1.109375-.890625-2-2-2V5c0-2.199219-1.800781-4-4-4m0 2c1.125 0 2 .875 2 2v2H6V5c0-1.125.875-2 2-2m0 0"/></symbol>
+  <symbol id="adwaita-menu" viewBox="0 0 16 16"><g fill="currentColor"><path d="m1 2h14v2h-14z"/><path d="m1 7h14v2h-14z"/><path d="m1 12h14v2h-14z"/></g></symbol>
+  <symbol id="adwaita-more" viewBox="0 0 16 16"><path fill="currentColor" d="M7.996094 0c-1.105469 0-2 .894531-2 2s.894531 2 2 2c1.101562 0 2-.894531 2-2s-.898438-2-2-2m0 6c-1.105469 0-2 .894531-2 2s.894531 2 2 2c1.101562 0 2-.894531 2-2s-.898438-2-2-2m0 6c-1.105469 0-2 .894531-2 2s.894531 2 2 2c1.101562 0 2-.894531 2-2s-.898438-2-2-2m0 0"/></symbol>
+  <symbol id="adwaita-mute" viewBox="0 0 16 16"><g fill="currentColor"><path d="M7 1.007812c-.296875-.003906-.578125.125-.769531.351563L3 5H2C.90625 5 0 5.84375 0 7v2c0 1.089844.910156 2 2 2h1l3.230469 3.640625c.210937.253906.492187.363281.769531.359375zm0 0"/><path d="M10 5c-.265625 0-.519531.105469-.707031.292969-.390625.390625-.390625 1.023437 0 1.414062L10.585938 8 9.292969 9.292969c-.390625.390625-.390625 1.023437 0 1.414062s1.023437.390625 1.414062 0L12 9.414062l1.292969 1.292969c.390625.390625 1.023437.390625 1.414062 0s.390625-1.023437 0-1.414062L13.414062 8l1.292969-1.292969c.390625-.390625.390625-1.023437 0-1.414062C14.519531 5.105469 14.265625 5 14 5s-.519531.105469-.707031.292969L12 6.585938l-1.292969-1.292969C10.519531 5.105469 10.265625 5 10 5m0 0"/></g></symbol>
+  <symbol id="adwaita-next" viewBox="0 0 16 16"><g fill="currentColor"><path d="M1 3v10c0 1 1.085938 1 1.085938 1h.113281c.210937 0 .417969-.046875.601562-.148438l8.398438-4.800781c.375-.207031.5625-.628906.5625-1.050781s-.1875-.84375-.5625-1.050781L2.800781 2.148438C2.617188 2.046875 2.410156 2 2.199219 2h-.113281S1 2 1 3m0 0"/><path d="M14.5 2h-1c-.277344 0-.5.222656-.5.5v11c0 .277344.222656.5.5.5h1c.277344 0 .5-.222656.5-.5v-11c0-.277344-.222656-.5-.5-.5m0 0"/></g></symbol>
+  <symbol id="adwaita-pause" viewBox="0 0 16 16"><g fill="currentColor"><path d="M3 1h3c.550781 0 1 .449219 1 1v12c0 .550781-.449219 1-1 1H3c-.550781 0-1-.449219-1-1V2c0-.550781.449219-1 1-1m0 0"/><path d="M10 1h3c.550781 0 1 .449219 1 1v12c0 .550781-.449219 1-1 1h-3c-.550781 0-1-.449219-1-1V2c0-.550781.449219-1 1-1m0 0"/></g></symbol>
+  <symbol id="adwaita-play" viewBox="0 0 16 16"><path fill="currentColor" d="M2 2.5v11c0 1.5 1.269531 1.492188 1.269531 1.492188h.128907c.246093.003906.488281-.050782.699218-.171876l9.796875-5.597656c.433594-.242187.65625-.734375.65625-1.226562 0-.492188-.222656-.984375-.65625-1.222656L4.097656 1.175781C3.886719 1.054688 3.644531 1 3.398438 1h-.128907S2 1 2 2.5m0 0"/></symbol>
+  <symbol id="adwaita-playlist" viewBox="0 0 16 16"><path fill="currentColor" d="M2 1c-.554688 0-1 .445312-1 1v2c0 .554688.445312 1 1 1h2c.554688 0 1-.445312 1-1V2c0-.554688-.445312-1-1-1zm5 1v2h8V2zM2 6.015625c-.554688 0-1 .445313-1 1v1.980469c0 .550781.445312 1 1 1h2c.554688 0 1-.449219 1-1V7.015625c0-.554687-.445312-1-1-1zM7 7v2h8V7zm-5 4c-.554688 0-1 .445312-1 1v1.980469c0 .550781.445312 1 1 1h2c.554688 0 1-.449219 1-1V12c0-.554688-.445312-1-1-1zm5 .984375v2h8v-2zm0 0"/></symbol>
+  <symbol id="adwaita-plugin" viewBox="0 0 16 16"><path fill="currentColor" d="M7.03125.015625c-1.109375 0-2 .890625-2 2v1H2.015625c-1.109375 0-2 .890625-2 2v2H1.03125c1.105469 0 2 .890625 2 2s-.894531 2-2 2H.015625v2.988281c0 1.105469.890625 2 2 2H5.03125v-.988281c0-1.109375.890625-2 2-2 1.105469 0 2 .890625 2 2v.988281h2c1.105469 0 2-.894531 2-2v-2.988281h1c1.105469 0 2-.890625 2-2s-.894531-2-2-2h-1v-2c0-1.109375-.894531-2-2-2h-2v-1c0-1.109375-.894531-2-2-2m0 0"/></symbol>
+  <symbol id="adwaita-previous" viewBox="0 0 16 16"><g fill="currentColor"><path d="M15 3v10c0 1-1.085938 1-1.085938 1h-.113281c-.210937 0-.417969-.046875-.601562-.148438L4.800781 9.050781c-.375-.207031-.5625-.628906-.5625-1.050781s.1875-.84375.5625-1.050781l8.398438-4.800781C13.382812 2.046875 13.589844 2 13.800781 2h.113281S15 2 15 3m0 0"/><path d="M1.5 2h1c.277344 0 .5.222656.5.5v11c0 .277344-.222656.5-.5.5h-1c-.277344 0-.5-.222656-.5-.5v-11c0-.277344.222656-.5.5-.5m0 0"/></g></symbol>
+  <symbol id="adwaita-queue" viewBox="0 0 16 16"><path fill="currentColor" d="M2.5 2.007812s-.5.222657-.5.5v.988282c0 .273437.5.5.5.5h1s.5-.226563.5-.5v-.988282c0-.277343-.5-.5-.5-.5zm4 0c-.277344 0-.5.222657-.5.5v.988282c0 .273437.222656.5.5.5h8c.277344 0 .5-.226563.5-.5v-.988282c0-.277343-.222656-.5-.5-.5zm-4 5s-.5.222657-.5.5v.988282c0 .273437.5.5.5.5h1s.5-.226563.5-.5v-.988282c0-.277343-.5-.5-.5-.5zm4 0s-.5.222657-.5.5v.988282c0 .273437.222656.5.5.5h8c.277344 0 .5-.226563.5-.5v-.988282c0-.277343-.5-.5-.5-.5zm-4 5c-.277344 0-.5.222657-.5.5v.988282c0 .273437.5.5.5.5h1s.5-.226563.5-.5v-.988282c0-.277343-.222656-.5-.5-.5zm4 0c-.277344 0-.5.222657-.5.5v.988282c0 .273437.222656.5.5.5h8c.277344 0 .5-.226563.5-.5v-.988282c0-.277343-.222656-.5-.5-.5zm0 0"/></symbol>
+  <symbol id="adwaita-rating-outline" viewBox="0 0 16 16"><path fill="currentColor" fill-opacity="0.34902" d="M8 0c-.429688 0-.8125.273438-.949219.683594L5.601562 5.023438l-4.589843-.015626c-.4375 0-.828125.28125-.960938.695313-.132812.417969.019531.871094.378907 1.125l3.625 2.554687-1.5 4.285157c-.140626.40625-.011719.855469.328124 1.121093.335938.261719.804688.285157 1.164063.050782l4.003906-2.59375 3.894531 2.585937c.359376.238281.828126.222657 1.167969-.042969.339844-.261718.472657-.714843.332031-1.117187l-1.503906-4.289063 3.644532-2.578124c.351562-.25.503906-.703126.371093-1.113282-.128906-.414062-.511719-.695312-.945312-.699218l-4.660157-.015626L8.949219.691406C8.816406.28125 8.433594.003906 8 0m-.007812 4.1875.683593 2.097656c.132813.40625.515625.6875.945313.6875l2.253906.007813-1.703125 1.203125c-.363281.257812-.511719.726562-.363281 1.148437l.765625 2.191407-1.964844-1.304688c-.332031-.222656-.761719-.222656-1.097656-.007812l-2.101563 1.363281.785156-2.242188c.144532-.421875-.003906-.890625-.367187-1.148437L4.175781 7.019531l2.144531.007813c.429688 0 .8125-.277344.949219-.683594zm0 0"/></symbol>
+  <symbol id="adwaita-rating" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0c-.429688 0-.8125.273438-.949219.683594L5.601562 5.023438l-4.589843-.015626C.03125 5.003906-.371094 6.265625.429688 6.828125l3.625 2.554687-1.5 4.285157c-.316407.902343.6875 1.691406 1.492187 1.171875l4.003906-2.59375 3.894531 2.585937c.800782.53125 1.816407-.257812 1.5-1.160156l-1.503906-4.289063 3.644532-2.578124c.789062-.5625.394531-1.808594-.574219-1.8125l-4.660157-.015626L8.949219.691406C8.816406.28125 8.433594.003906 8 0m0 0"/></symbol>
+  <symbol id="adwaita-refresh" viewBox="0 0 16 16"><path fill="currentColor" d="M7.40625 1c-.613281.007812-1.234375.089844-1.847656.253906C2.285156 2.132812 0 5.109375 0 8.5s2.285156 6.367188 5.558594 7.242188c3.273437.878906 6.742187-.558594 8.4375-3.492188.277344-.480469.109375-1.089844-.367188-1.367188-.476562-.273437-1.089844-.109374-1.367187.367188-1.246094 2.160156-3.777344 3.207031-6.1875 2.5625C3.667969 13.167969 2 10.992188 2 8.5c0-2.496094 1.667969-4.667969 4.074219-5.3125 2.410156-.644531 4.941406.402344 6.1875 2.5625.058593.085938.125.164062.203125.226562l-.019532.015626L12.4375 6H11c-.550781 0-1 .449219-1 1 0 0 0 1 1 1h5V3s.003906-1-1-1c-.550781 0-1 .449219-1 1v1.6875l-.015625.011719-.011719.011719c-1.277344-2.179688-3.53125-3.519532-5.953125-3.691407C7.816406 1.003906 7.613281 1 7.40625 1m0 0"/></symbol>
+  <symbol id="adwaita-remote" viewBox="0 0 16 16"><path fill="currentColor" d="M-.007812 8c0 3.292969 2.667968 5.964844 5.957031 5.960938L11.5 14c2.484375 0 4.5-2.015625 4.5-4.5S13.984375 5 11.5 5c-.417969 0-.828125.058594-1.226562.171875l1.203124.585937c-.910156-2.25-3.09375-3.71875-5.519531-3.722656C2.660156 2.035156-.007812 4.707031-.007812 8M9.625 6.511719c.191406.472656.710938.726562 1.203125.585937C11.046875 7.03125 11.273438 7 11.5 7 12.890625 7 14 8.109375 14 9.5c0 1.394531-1.109375 2.5-2.492188 2.5l-5.554687-.035156c-2.199219 0-3.960937-1.765625-3.960937-3.964844s1.761718-3.964844 3.960937-3.960938c1.617187 0 3.0625.972657 3.671875 2.472657m0 0"/></symbol>
+  <symbol id="adwaita-remove" viewBox="0 0 16 16"><path d="m1 7h14v2h-14z" fill="currentColor"/></symbol>
+  <symbol id="adwaita-repeat" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1v2H4C1.800781 3 0 4.800781 0 7v2c0 1.019531.386719 1.964844 1.019531 2.671875.367188.410156 1 .445313 1.410157.078125.414062-.367188.449218-1 .078124-1.414062C2.191406 9.984375 2 9.523438 2 9V7c0-1.125.875-2 2-2h4v2h1v-.007812c.265625.003906.519531-.101563.707031-.285157l2-2c.390625-.390625.390625-1.023437 0-1.414062l-2-2c-.1875-.183594-.441406-.289063-.707031-.285157V1zm6.289062 3c-.265624-.011719-.523437.078125-.71875.257812-.414062.367188-.449218 1-.078124 1.410157C13.808594 6.023438 14 6.484375 14 7.007812v2c0 1.125-.875 2-2 2H8V9H7v.007812c-.265625-.003906-.519531.101563-.707031.285157l-2 2c-.390625.390625-.390625 1.023437 0 1.414062l2 2c.1875.183594.441406.289063.707031.285157V15h1v-1.992188h4c2.199219 0 4-1.804687 4-4v-2c0-1.023437-.386719-1.96875-1.019531-2.675781-.175781-.199219-.425781-.316406-.691407-.332031m0 0"/></symbol>
+  <symbol id="adwaita-reveal" viewBox="0 0 16 16"><path fill="currentColor" d="M8 2C4.351562 2.003906 1.167969 4.476562.261719 8.007812 1.175781 11.535156 4.359375 13.996094 8 14c3.648438-.003906 6.832031-2.476562 7.738281-6.011719C14.824219 4.464844 11.640625 2.003906 8 2m0 2c2.210938 0 4 1.789062 4 4s-1.789062 4-4 4-4-1.789062-4-4 1.789062-4 4-4m0 2c-1.105469 0-2 .894531-2 2s.894531 2 2 2 2-.894531 2-2-.894531-2-2-2m0 0"/></symbol>
+  <symbol id="adwaita-search" viewBox="0 0 16 16"><path fill="currentColor" d="M6.5 0C2.921875 0 0 2.921875 0 6.5s2.921875 6.496094 6.5 6.496094c1.429688 0 2.753906-.464844 3.828125-1.253906l2.945313 2.945312c.957031.9375 2.363281-.5 1.40625-1.4375L11.75 10.320312C12.535156 9.246094 13 7.925781 13 6.5 13 2.921875 10.078125 0 6.5 0m0 2C8.996094 2 11 4.003906 11 6.5s-2.003906 4.496094-4.5 4.496094S2 8.996094 2 6.5 4.003906 2 6.5 2m0 0"/></symbol>
+  <symbol id="adwaita-settings" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0c-.550781 0-1 .449219-1 1v.238281c0 .464844-.378906.902344-.820312 1.046875-.023438.007813-.042969.011719-.0625.019532-.445313.148437-1.007813.015624-1.28125-.359376L4.695312 1.75c-.15625-.214844-.390624-.359375-.652343-.398438-.261719-.042968-.53125.019532-.742188.175782-.449219.324218-.550781.949218-.222656 1.398437L3.21875 3.125c.277344.375.226562.953125-.050781 1.328125-.011719.015625-.023438.035156-.035157.050781-.273437.378906-.804687.601563-1.25.457032l-.230468-.074219C1.128906 4.714844.5625 5.003906.394531 5.527344c-.171875.527344.113281 1.089844.640625 1.261718l.222656.074219c.445313.144531.738282.636719.75 1.101563v.070312c.015626.464844-.304687.960938-.746093 1.105469l-.226563.070313c-.527344.171874-.8125.738281-.640625 1.261718.167969.523438.734375.8125 1.257813.640625l.230468-.074219c.445313-.144531.976563.078126 1.25.457032.011719.015625.027344.035156.039063.050781.277344.375.324219.953125.050781 1.328125l-.144531.203125c-.324219.445313-.226563 1.070313.222656 1.394531.445313.324219 1.070313.226563 1.394531-.21875l.144532-.199218c.273437-.378907.835937-.507813 1.277344-.359376.019531.007813.042968.011719.0625.019532C6.625 13.855469 7 14.292969 7 14.761719V15c0 .550781.449219 1 1 1s1-.449219 1-1v-.238281c0-.46875.378906-.90625.820312-1.046875.023438-.007813.042969-.015625.066407-.023438.441406-.144531 1.003906-.015625 1.277343.363282l.144532.199218c.324218.445313.949218.542969 1.394531.21875.445313-.324218.546875-.949218.222656-1.394531l-.148437-.203125c-.273438-.375-.226563-.953125.050781-1.328125.015625-.015625.027344-.035156.039063-.050781.273437-.378906.804687-.601563 1.25-.457032l.234374.078126c.523438.167968 1.085938-.121094 1.257813-.644532s-.117187-1.089844-.640625-1.257812l-.230469-.074219c-.445312-.144531-.734375-.640625-.746093-1.105469v-.070312c-.015626-.464844.300781-.957032.746093-1.101563l.230469-.074219c.523438-.171874.8125-.734374.640625-1.261718-.171875-.523438-.734375-.8125-1.257813-.640625l-.230468.074219c-.445313.144531-.980469-.078126-1.253906-.457032-.011719-.015625-.023438-.035156-.035157-.050781-.277343-.375-.324219-.953125-.050781-1.328125l.144531-.199219c.324219-.445312.226563-1.074219-.222656-1.398437-.214844-.15625-.480469-.21875-.742187-.179688-.265626.042969-.5.1875-.652344.402344l-.144532.195312c-.273437.378907-.835937.507813-1.28125.363282-.019531-.007813-.039062-.015625-.0625-.023438C9.378906 2.144531 9 1.707031 9 1.238281V1c0-.550781-.449219-1-1-1m0 4c.871094 0 1.675781.273438 2.332031.742188.003907.007812.011719.015624.019531.023437.011719.003906.019532.007813.03125.015625.660157.484375 1.160157 1.171875 1.421876 1.976562v.007813s.003906.003906.003906.007813c.292968.851562.15625 1.65625 0 2.457031 0 0-.003906.003906-.003906.007812v.003907c-.261719.800781-.757813 1.488281-1.414063 1.976562-.015625.003906-.027344.011719-.039063.019531-.007812.003907-.015624.011719-.019531.019531C9.675781 11.726562 8.871094 12 8 12c-.855469 0-1.644531-.265625-2.289062-.714844-.019532-.015625-.042969-.035156-.0625-.046875-.011719-.007812-.023438-.015625-.035157-.019531-.652343-.484375-1.148437-1.160156-1.40625-1.945312-.003906-.015626-.007812-.023438-.011719-.035157-.003906-.007812-.007812-.015625-.011718-.019531-.285156-.847656-.148438-1.644531 0-2.4375.003906-.007812.007812-.011719.011718-.019531.003907-.011719.007813-.023438.011719-.039063.261719-.785156.757813-1.460937 1.414063-1.945312.007812-.003906.019531-.007813.027344-.015625.019531-.011719.042968-.03125.058593-.046875C6.355469 4.265625 7.144531 4 8 4m0 0"/></symbol>
+  <symbol id="adwaita-shuffle" viewBox="0 0 16 16"><path fill="currentColor" d="M12 1v2H9c-.859375 0-1.59375.480469-2.011719 1.007812-.417969.523438-.648437 1.074219-.882812 1.542969L6 5.761719l-.105469-.210938c-.191406-.382812-.386719-.816406-.671875-1.25C4.808594 3.667969 4.015625 3 3 3H0v2h3c.296875 0 .316406.039062.550781.398438.164063.246093.34375.625.554688 1.050781L4.882812 8l-.777343 1.550781c-.261719.523438-.476563.96875-.65625 1.199219C3.265625 10.976562 3.25 11 3 11H0v2h3c.859375 0 1.59375-.480469 2.011719-1.007812.417969-.523438.648437-1.074219.882812-1.542969L6 10.238281l.105469.210938c.164062.328125.335937.703125.5625 1.078125C7.082031 12.214844 7.890625 13 9 13h3v2h1v-.007812c.265625.003906.519531-.101563.707031-.285157l2-2c.390625-.390625.390625-1.023437 0-1.414062l-2-2c-.1875-.183594-.441406-.289063-.707031-.285157V9h-1v2H9c-.324219 0-.351562-.058594-.617188-.503906-.148437-.242188-.304687-.574219-.488281-.945313L7.117188 8l.777343-1.550781c.261719-.523438.476563-.96875.65625-1.199219C8.734375 5.023438 8.75 5 9 5h3v2h1v-.007812c.265625.003906.519531-.101563.707031-.285157l2-2c.390625-.390625.390625-1.023437 0-1.414062l-2-2c-.1875-.183594-.441406-.289063-.707031-.285157V1zm0 0"/></symbol>
+  <symbol id="adwaita-sign-out" viewBox="0 0 16 16"><g fill="currentColor"><path d="M13 5v.003906c.265625 0 .519531.105469.707031.289063l2 2c.390625.390625.390625 1.023437 0 1.414062l-2 2c-.1875.183594-.441406.289063-.707031.285157V11h-1V9H7c-.550781 0-1-.449219-1-1s.449219-1 1-1h5V5zm0 0"/><path d="M9.179688 1.097656c-2.394532-.40625-4.910157.453125-6.546876 2.398438-2.175781 2.597656-2.175781 6.40625 0 9 2.179688 2.597656 5.929688 3.257812 8.863282 1.5625.230468-.132813.398437-.351563.46875-.605469.066406-.257813.03125-.53125-.101563-.761719-.277343-.476562-.886719-.640625-1.367187-.363281-2.105469 1.214844-4.765625.75-6.328125-1.117187-1.5625-1.863282-1.5625-4.5625 0-6.429688 1.5625-1.863281 4.222656-2.332031 6.328125-1.113281.480468.273437 1.089844.113281 1.367187-.367188.132813-.226562.167969-.5.101563-.757812-.070313-.257813-.238282-.476563-.46875-.609375-.730469-.421875-1.515625-.699219-2.316406-.835938m0 0"/></g></symbol>
+  <symbol id="adwaita-song" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1C6.355469 1 5 2.355469 5 4v4.34375C4.542969 8.125 4.035156 8 3.5 8 1.578125 8 0 9.578125 0 11.5S1.578125 15 3.5 15c1.914062 0 3.492188-1.570312 3.5-3.480469V4c0-.5625.4375-1 1-1h4c.5625 0 1 .4375 1 1v4.34375C12.542969 8.125 12.035156 8 11.5 8 9.578125 8 8 9.578125 8 11.5S9.578125 15 11.5 15s3.5-1.578125 3.5-3.5V4c0-1.644531-1.355469-3-3-3zm-4.5 9c.839844 0 1.5.660156 1.5 1.5v.015625C4.992188 12.347656 4.335938 13 3.5 13c-.839844 0-1.5-.660156-1.5-1.5S2.660156 10 3.5 10m8 0c.839844 0 1.5.660156 1.5 1.5s-.660156 1.5-1.5 1.5-1.5-.660156-1.5-1.5.660156-1.5 1.5-1.5m0 0"/></symbol>
+  <symbol id="adwaita-sort" viewBox="0 0 16 16"><g fill="currentColor"><path d="M6.5 6c-.277344 0-.5.222656-.5.5v1c0 .277344.222656.5.5.5h5c.277344 0 .5-.222656.5-.5v-1c0-.277344-.222656-.5-.5-.5zm0 3c-.277344 0-.5.222656-.5.5v1c0 .277344.222656.5.5.5h7c.277344 0 .5-.222656.5-.5v-1c0-.277344-.222656-.5-.5-.5zm0 3c-.277344 0-.5.222656-.5.5v1c0 .277344.222656.5.5.5h9c.277344 0 .5-.222656.5-.5v-1c0-.277344-.222656-.5-.5-.5zm0 0"/><path d="M3 16c-.550781 0-1-.449219-1-1V4H0V3h.007813c-.003907-.265625.101562-.519531.285156-.707031l2-2c.390625-.390625 1.023437-.390625 1.414062 0l2 2c.183594.1875.289063.441406.289063.707031H6v1H4v11c0 .550781-.449219 1-1 1m0 0"/></g></symbol>
+  <symbol id="adwaita-storage" viewBox="0 0 16 16"><path fill="currentColor" d="M4 0C2.355469 0 1 1.355469 1 3v10c0 1.644531 1.355469 3 3 3h8c1.644531 0 3-1.355469 3-3V3c0-1.644531-1.355469-3-3-3zm0 2h8c.570312 0 1 .429688 1 1v9c0 .570312-.429688 1-1 1H4c-.554688 0-1-.445312-1-1V3c0-.554688.445312-1 1-1m4 1C5.789062 3 4 4.789062 4 7v4h4c2.5 0 4-1.789062 4-4s-1.789062-4-4-4m0 2c1.105469 0 2 .894531 2 2s-.894531 2-2 2-2-.894531-2-2 .894531-2 2-2m0 0"/></symbol>
+  <symbol id="adwaita-users" viewBox="0 0 16 16"><g fill="currentColor"><path d="m13.5 6.5c0 1.37891-1.12109 2.5-2.5 2.5-1.38281 0-2.5-1.12109-2.5-2.5 0-1.38281 1.11719-2.5 2.5-2.5 1.37891 0 2.5 1.11719 2.5 2.5"/><path d="M7.5 3.5C7.5 4.878906 6.378906 6 5 6S2.5 4.878906 2.5 3.5 3.621094 1 5 1s2.5 1.121094 2.5 2.5m0 0"/><path d="M3 7c-1.660156 0-3 1.339844-3 3v2c0 .554688.445312 1 1 1h4.074219c0-2.042969 1.582031-3.734375 3.582031-3.90625-.589844-.535156-.984375-1.257812-1.109375-2.042969C7.371094 7.019531 7.1875 7 7 7zm6 3.925781c-1.167969 0-2.078125.90625-2.078125 2.074219H9c.554688 0 1-.445312 1-1v-1.074219zm0 0"/><path d="m9 10c-1.66406 0-3 1.33594-3 3v2c0 0.554688 0.445312 1 1 1h8c0.554688 0 1-0.445312 1-1v-2c0-1.66406-1.33984-3-3-3z"/></g></symbol>
+  <symbol id="adwaita-volume" viewBox="0 0 16 16"><path fill="currentColor" d="M7 1.007812c-.296875-.003906-.578125.125-.769531.351563L3 5H2C.90625 5 0 5.84375 0 7v2c0 1.089844.910156 2 2 2h1l3.230469 3.640625c.210937.253906.492187.363281.769531.359375zm6.460938.960938c-.191407-.003906-.386719.054688-.558594.167969-.457032.3125-.578125.933593-.269532 1.390625 1.824219 2.707031 1.824219 6.238281 0 8.945312-.308593.457032-.1875 1.078125.269532 1.390625.457031.308594 1.078125.1875 1.390625-.269531C15.429688 11.902344 16 9.953125 16 8s-.570312-3.902344-1.707031-5.59375c-.195313-.285156-.511719-.4375-.832031-.4375m-3.421876 2.019531c-.222656-.007812-.453124.058594-.644531.203125-.261719.199219-.394531.5-.394531.804688v.058594c.011719.191406.074219.375.199219.535156 1.074219 1.429687 1.074219 3.390625 0 4.816406-.125.164062-.1875.347656-.199219.535156v.0625c0 .304688.132812.605469.394531.804688.441407.332031 1.066407.242187 1.398438-.199219C11.597656 10.542969 12 9.273438 12 8s-.402344-2.542969-1.207031-3.613281c-.183594-.246094-.464844-.382813-.753907-.398438m0 0"/></symbol>
+  <symbol id="adwaita-warning" viewBox="0 0 16 16"><path fill="currentColor" d="M7.90625.09375C7.378906.066406 6.867188.375 6.46875 1.0625l-6.25 11.59375C-.316406 13.621094.265625 15 1.3125 15h13.15625c.980469 0 1.902344-1.160156 1.21875-2.34375L9.375 1.125C8.976562.480469 8.433594.121094 7.90625.09375M9 4v5c.007812.527344-.472656 1-1 1s-1.007812-.472656-1-1V4zm-1 7c.550781 0 1 .449219 1 1s-.449219 1-1 1-1-.449219-1-1 .449219-1 1-1m0 0"/></symbol>
+  <symbol id="custom-dislike-outline" viewBox="0 0 16 16"><g fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"><path transform="translate(8 8) scale(.9) translate(-8 -8)" d="M15 5.766a3.763 3.763 0 00-3.77-3.757c-1.37 0-2.57.73-3.23 1.822a3.77 3.77 0 00-3.23-1.822A3.763 3.763 0 001 5.766a3.74 3.74 0 001.19 2.738h-.001L7.914 14l5.898-5.496h-.002A3.739 3.739 0 0015 5.766"/><path d="M8 3.6 6.7 6.6 9.2 8.8 7.2 11.3 7.9 13.4"/></g></symbol>
+  <symbol id="custom-dislike" viewBox="0 0 16 16"><defs><mask id="crack" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"><rect width="16" height="16" fill="#fff"/><path d="M8 3.2 6.5 6.6 9.4 8.9 7.1 11.6 7.914 15.5" fill="none" stroke="#000" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"/></mask></defs><path mask="url(#crack)" fill="currentColor" d="M15 5.766a3.763 3.763 0 00-3.77-3.757c-1.37 0-2.57.73-3.23 1.822a3.77 3.77 0 00-3.23-1.822A3.763 3.763 0 001 5.766a3.74 3.74 0 001.19 2.738h-.001L7.914 14l5.898-5.496h-.002A3.739 3.739 0 0015 5.766"/></symbol>
+  <symbol id="custom-like-outline" viewBox="0 0 16 16"><path transform="translate(8 8) scale(.9) translate(-8 -8)" fill="none" stroke="currentColor" stroke-width="1.65" stroke-linejoin="round" d="M15 5.766a3.763 3.763 0 00-3.77-3.757c-1.37 0-2.57.73-3.23 1.822a3.77 3.77 0 00-3.23-1.822A3.763 3.763 0 001 5.766a3.74 3.74 0 001.19 2.738h-.001L7.914 14l5.898-5.496h-.002A3.739 3.739 0 0015 5.766"/></symbol>
+  <symbol id="custom-unknown" viewBox="0 0 16 16"><defs><mask id="q" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"><rect width="16" height="16" fill="#fff"/><path d="M8 .03125c-.398438 0-.816406.160156-1.125.46875L.5 6.875c-.621094.621094-.621094 1.628906 0 2.25L6.875 15.5c.621094.621094 1.628906.621094 2.25 0L15.5 9.125c.621094-.621094.621094-1.628906 0-2.25L9.125.5C8.816406.191406 8.398438.03125 8 .03125m.152344 2.976562c.726562.035157 1.433594.335938 1.96875.871094.855468.855469 1.113281 2.152344.652344 3.269532C10.441406 7.945312 9.785156 8.539062 9 8.820312V10H7V8c0-.550781.449219-1 1-1 .40625 0 .769531-.242188.925781-.617188.152344-.375.070313-.800781-.21875-1.089843-.289062-.289063-.714843-.371094-1.089843-.21875C7.242188 5.230469 7 5.59375 7 6H5c0-1.210938.734375-2.308594 1.851562-2.769531.417969-.175781.863282-.246094 1.300782-.222657M8 11c.550781 0 1 .449219 1 1s-.449219 1-1 1-1-.449219-1-1 .449219-1 1-1m0 0" fill="#000" transform="translate(8 8) scale(0.9) translate(-8 -7.6)"/></mask></defs><path fill="currentColor" fill-rule="evenodd" d="M8 0C3.589844 0 0 3.589844 0 8s3.589844 8 8 8 8-3.589844 8-8-3.589844-8-8-8m0 2c3.332031 0 6 2.667969 6 6s-2.667969 6-6 6-6-2.667969-6-6 2.667969-6 6-6"/><circle cx="8" cy="8" r="4.9" fill="currentColor" mask="url(#q)"/></symbol>
+  <symbol id="custom-upload" viewBox="0 0 16 16"><path fill="currentColor" transform="translate(0 12.999) scale(1 -1)" d="M7.984375 0c-.550781 0-1 .449219-1 1v8.585938L4.691406 7.292969C4.503906 7.105469 4.25 7 3.984375 7s-.519531.105469-.707031.292969c-.390625.390625-.390625 1.023437 0 1.414062l4 4c.390625.390625 1.023437.390625 1.414062 0l4-4c.390625-.390625.390625-1.023437 0-1.414062s-1.023437-.390625-1.414062 0L8.984375 9.585938V1c0-.550781-.449219-1-1-1"/><path fill="currentColor" d="M1.984375 14v2h12v-2z"/></symbol>
+</svg>