:root,[data-duet-theme=dark]{color-scheme:dark;--duet-color-white-100: #ffffff;--duet-color-white-80: #ffffffcc;--duet-color-white-60: #ffffff99;--duet-color-white-40: #ffffff66;--duet-color-white-20: #ffffff33;--duet-color-white-12: #ffffff1f;--duet-color-white-8: #ffffff14;--duet-color-black-100: #000000;--duet-color-black-80: #000000cc;--duet-color-black-60: #00000099;--duet-color-black-40: #00000066;--duet-color-black-20: #00000033;--duet-color-black-12: #0000001f;--duet-color-black-8: #00000014;--duet-color-transparent: #00000000;--duet-color-grey-25: #191919;--duet-color-grey-50: #3e3e3e;--duet-color-grey-75: #686868;--duet-color-grey-100: #a4a4a4;--duet-color-grey-120: #e1e1e1;--duet-color-pink-25: #5d0941;--duet-color-pink-50: #b71280;--duet-color-pink-75: #ed45b5;--duet-color-pink-100: #f6a2da;--duet-color-pink-120: #fde8f6;--duet-color-red-25: #920e28;--duet-color-red-50: #dc143c;--duet-color-red-75: #f05a78;--duet-color-red-100: #f7adbc;--duet-color-red-120: #fcdcde;--duet-color-green-25: #196719;--duet-color-green-50: #29ab29;--duet-color-green-75: #54d654;--duet-color-green-100: #98e698;--duet-color-green-120: #ddf7dd;--duet-color-yellow-25: #aa9100;--duet-color-yellow-50: #ffd700;--duet-color-yellow-75: #ffe555;--duet-color-yellow-100: #fff2aa;--duet-color-yellow-120: #fff9d4;--duet-color-blue-25: #006eb8;--duet-color-blue-50: #33adff;--duet-color-blue-75: #88cfff;--duet-color-blue-100: #b8e2ff;--duet-color-blue-120: #e7f5ff;--duet-color-orange-25: #b66400;--duet-color-orange-50: #ff8c00;--duet-color-orange-75: #ffb255;--duet-color-orange-100: #ffc680;--duet-color-orange-120: #ffecd4;--duet-color-coffee-25: #19140e;--duet-color-coffee-50: #3f3123;--duet-color-coffee-75: #755c42;--duet-color-coffee-100: #b89e81;--duet-color-coffee-120: #e7dfd5;--duet-color-purple-25: #5f2588;--duet-color-purple-50: #9b52cf;--duet-color-purple-75: #c194e2;--duet-color-purple-100: #dabfed;--duet-color-purple-120: #f3eaf9;--duet-color-illustration-cream: #fff2e8;--duet-color-illustration-blush: #f7ded1;--duet-color-illustration-peach: #ffd2be;--duet-color-illustration-gold: #ffd395;--duet-color-illustration-amber: #f9b465;--duet-color-illustration-salmon: #f39d8c;--duet-color-illustration-coral: #f4725f;--duet-color-illustration-red: #e43f3f;--duet-color-illustration-crimson: #a91d31;--duet-color-illustration-wine: #733345;--duet-color-illustration-maroon: #6d2232;--duet-color-illustration-night: #29171a;--duet-color-illustration-ink: #14080a;--duet-color-illustration-sage-light: #9eb8a3;--duet-color-illustration-sage: #5c8578;--duet-color-illustration-sage-dark: #405d54;--duet-surface-canvas: var(--duet-color-black-100);--duet-surface-raised: var(--duet-color-grey-25);--duet-surface-raised-2: var(--duet-color-grey-50);--duet-surface-glass-thin: var(--duet-color-black-20);--duet-surface-glass-regular: var(--duet-color-black-40);--duet-surface-glass-thick: var(--duet-color-black-60);--duet-surface-glass-ultra: var(--duet-color-black-80);--duet-surface-scrim: var(--duet-color-black-40);--duet-surface-inverse: var(--duet-color-white-100);--duet-surface-track: var(--duet-color-white-12);--duet-text-primary: var(--duet-color-white-100);--duet-text-secondary: var(--duet-color-grey-100);--duet-text-tertiary: var(--duet-color-white-60);--duet-text-disabled: var(--duet-color-white-40);--duet-text-inverse: var(--duet-color-black-100);--duet-text-brand: var(--duet-color-pink-75);--duet-text-link: var(--duet-color-pink-100);--duet-icon-primary: var(--duet-color-white-100);--duet-icon-secondary: var(--duet-color-grey-100);--duet-icon-tertiary: var(--duet-color-white-60);--duet-border-hairline: var(--duet-color-white-20);--duet-border-subtle: var(--duet-color-white-8);--duet-border-strong: var(--duet-color-grey-50);--duet-border-control: var(--duet-color-grey-100);--duet-focus-ring: var(--duet-color-yellow-100);--duet-state-hover: var(--duet-color-white-8);--duet-state-pressed: var(--duet-color-white-12);--duet-state-hover-inverse: var(--duet-color-black-8);--duet-state-pressed-inverse: var(--duet-color-black-12);--duet-brand-primary: var(--duet-color-pink-50);--duet-brand-on-primary: var(--duet-color-white-100);--duet-status-positive-fill: var(--duet-color-green-50);--duet-status-positive-on-fill: var(--duet-color-black-100);--duet-status-positive-text: var(--duet-color-green-100);--duet-status-notice-fill: var(--duet-color-yellow-50);--duet-status-notice-on-fill: var(--duet-color-black-100);--duet-status-notice-text: var(--duet-color-yellow-100);--duet-status-negative-fill: var(--duet-color-red-50);--duet-status-negative-on-fill: var(--duet-color-white-100);--duet-status-negative-text: var(--duet-color-red-100);--duet-status-info-fill: var(--duet-color-blue-50);--duet-status-info-on-fill: var(--duet-color-black-100);--duet-status-info-text: var(--duet-color-blue-100);--duet-status-neutral-fill: var(--duet-color-grey-50);--duet-status-neutral-on-fill: var(--duet-color-white-100);--duet-status-neutral-text: var(--duet-color-grey-120);--duet-person-you-fill: var(--duet-color-orange-75);--duet-person-you-on-fill: var(--duet-color-black-100);--duet-person-you-text: var(--duet-color-orange-100);--duet-person-partner-fill: var(--duet-color-purple-75);--duet-person-partner-on-fill: var(--duet-color-black-100);--duet-person-partner-text: var(--duet-color-purple-100);--duet-person-together-fill: var(--duet-color-pink-75);--duet-person-together-on-fill: var(--duet-color-black-100);--duet-person-together-text: var(--duet-color-pink-100);--duet-action-primary-fill: var(--duet-color-pink-25);--duet-action-primary-label: var(--duet-color-white-100);--duet-action-secondary-fill: var(--duet-color-white-100);--duet-action-secondary-label: var(--duet-color-black-100);--duet-action-secondary-border: var(--duet-color-transparent);--duet-action-secondary-hover: var(--duet-color-black-8);--duet-action-secondary-pressed: var(--duet-color-black-12);--duet-action-ghost-fill: var(--duet-color-transparent);--duet-action-ghost-label: var(--duet-color-white-100);--duet-action-negative-fill: var(--duet-color-red-50);--duet-action-negative-label: var(--duet-color-white-100);--duet-action-negative-secondary-label: var(--duet-color-red-50);--duet-action-negative-ghost-label: var(--duet-color-red-50);--duet-toggle-track-off: var(--duet-color-black-100);--duet-toggle-track-off-border: var(--duet-color-grey-50);--duet-toggle-track-on: var(--duet-color-pink-100);--duet-toggle-thumb: var(--duet-color-white-100);--duet-toggle-thumb-off: var(--duet-color-grey-75);--duet-input-fill: var(--duet-color-black-100);--duet-input-border: var(--duet-color-grey-75);--duet-input-addon-fill: var(--duet-color-grey-25);--duet-selection-off: var(--duet-color-grey-120);--duet-selection-on: var(--duet-color-pink-50);--duet-selection-halo: var(--duet-color-pink-120);--duet-presence-online: var(--duet-color-green-50);--duet-avatar-primary-fill: var(--duet-color-pink-50);--duet-avatar-primary-label: var(--duet-color-white-100);--duet-avatar-secondary-fill: var(--duet-color-grey-50);--duet-avatar-secondary-label: var(--duet-color-white-100);--duet-avatar-accent-fill: var(--duet-color-purple-50);--duet-avatar-accent-label: var(--duet-color-white-100);--duet-chip-neutral-fill: var(--duet-color-grey-50);--duet-chip-neutral-label: var(--duet-color-white-100);--duet-chip-neutral-subtle-fill: var(--duet-color-grey-120);--duet-chip-neutral-subtle-border: var(--duet-color-grey-25);--duet-chip-neutral-subtle-label: var(--duet-color-grey-25);--duet-chip-brand-fill: var(--duet-color-pink-50);--duet-chip-brand-label: var(--duet-color-white-100);--duet-chip-brand-subtle-fill: var(--duet-color-pink-120);--duet-chip-brand-subtle-border: var(--duet-color-pink-25);--duet-chip-brand-subtle-label: var(--duet-color-pink-25);--duet-chip-positive-fill: var(--duet-color-green-50);--duet-chip-positive-label: var(--duet-color-white-100);--duet-chip-positive-subtle-fill: var(--duet-color-green-120);--duet-chip-positive-subtle-border: var(--duet-color-green-25);--duet-chip-positive-subtle-label: var(--duet-color-green-25);--duet-chip-notice-fill: var(--duet-color-yellow-50);--duet-chip-notice-label: var(--duet-color-black-100);--duet-chip-notice-subtle-fill: var(--duet-color-yellow-120);--duet-chip-notice-subtle-border: var(--duet-color-yellow-50);--duet-chip-notice-subtle-label: var(--duet-color-black-100);--duet-chip-negative-fill: var(--duet-color-red-50);--duet-chip-negative-label: var(--duet-color-white-100);--duet-chip-negative-subtle-fill: var(--duet-color-red-120);--duet-chip-negative-subtle-border: var(--duet-color-red-25);--duet-chip-negative-subtle-label: var(--duet-color-red-25);--duet-chip-info-fill: var(--duet-color-blue-50);--duet-chip-info-label: var(--duet-color-white-100);--duet-chip-info-subtle-fill: var(--duet-color-blue-120);--duet-chip-info-subtle-border: var(--duet-color-blue-25);--duet-chip-info-subtle-label: var(--duet-color-blue-25);--duet-chip-orange-fill: var(--duet-color-orange-50);--duet-chip-orange-label: var(--duet-color-white-100);--duet-chip-orange-subtle-fill: var(--duet-color-orange-120);--duet-chip-orange-subtle-border: var(--duet-color-orange-25);--duet-chip-orange-subtle-label: var(--duet-color-black-100);--duet-chip-purple-fill: var(--duet-color-purple-50);--duet-chip-purple-label: var(--duet-color-white-100);--duet-chip-purple-subtle-fill: var(--duet-color-purple-120);--duet-chip-purple-subtle-border: var(--duet-color-purple-25);--duet-chip-purple-subtle-label: var(--duet-color-purple-25);--duet-chip-plus-fill: var(--duet-color-coffee-50);--duet-chip-plus-label: var(--duet-color-white-100);--duet-chip-plus-subtle-fill: var(--duet-color-coffee-120);--duet-chip-plus-subtle-border: var(--duet-color-coffee-25);--duet-chip-plus-subtle-label: var(--duet-color-coffee-25);--duet-chip-glass-dark-fill: var(--duet-color-black-40);--duet-chip-glass-dark-label: var(--duet-color-white-100);--duet-chip-glass-dark-border: var(--duet-color-white-20);--duet-chip-glass-light-fill: var(--duet-color-white-60);--duet-chip-glass-light-label: var(--duet-color-black-100);--duet-chip-glass-light-border: var(--duet-color-black-20);--duet-filter-chip-fill: var(--duet-color-grey-50);--duet-filter-chip-label: var(--duet-color-grey-100);--duet-filter-chip-selected-fill: var(--duet-color-white-100);--duet-filter-chip-selected-label: var(--duet-color-black-100);--duet-tab-label: var(--duet-color-grey-100);--duet-tab-selected-label: var(--duet-color-white-100);--duet-tab-indicator: var(--duet-color-white-100);--duet-segment-track: var(--duet-color-grey-25);--duet-segment-fill: var(--duet-color-transparent);--duet-segment-label: var(--duet-color-grey-100);--duet-segment-selected-fill: var(--duet-color-grey-50);--duet-segment-selected-label: var(--duet-color-white-100);--duet-segment-primary-fill: var(--duet-color-pink-25);--duet-segment-primary-label: var(--duet-color-white-100);--duet-menu-fill: var(--duet-color-grey-25);--duet-menu-negative-label: var(--duet-color-red-50);--duet-dialog-fill: var(--duet-color-grey-25);--duet-snackbar-fill: var(--duet-color-grey-25);--duet-progress-fill: var(--duet-color-pink-100);--duet-card-fill: var(--duet-color-grey-25);--duet-card-media-fill: var(--duet-color-grey-50);--duet-table-header-fill: var(--duet-color-grey-25)}[data-duet-theme=light]{color-scheme:light;--duet-color-white-100: #ffffff;--duet-color-white-80: #ffffffcc;--duet-color-white-60: #ffffff99;--duet-color-white-40: #ffffff66;--duet-color-white-20: #ffffff33;--duet-color-white-12: #ffffff1f;--duet-color-white-8: #ffffff14;--duet-color-black-100: #000000;--duet-color-black-80: #000000cc;--duet-color-black-60: #00000099;--duet-color-black-40: #00000066;--duet-color-black-20: #00000033;--duet-color-black-12: #0000001f;--duet-color-black-8: #00000014;--duet-color-transparent: #00000000;--duet-color-grey-25: #e1e1e1;--duet-color-grey-50: #a4a4a4;--duet-color-grey-75: #686868;--duet-color-grey-100: #3e3e3e;--duet-color-grey-120: #191919;--duet-color-pink-25: #fde8f6;--duet-color-pink-50: #f6a2da;--duet-color-pink-75: #ed45b5;--duet-color-pink-100: #b71280;--duet-color-pink-120: #5d0941;--duet-color-red-25: #fbd6dd;--duet-color-red-50: #f7adbc;--duet-color-red-75: #f05a78;--duet-color-red-100: #dc143c;--duet-color-red-120: #920e28;--duet-color-green-25: #ddf7dd;--duet-color-green-50: #98e698;--duet-color-green-75: #54d654;--duet-color-green-100: #29ab29;--duet-color-green-120: #196719;--duet-color-yellow-25: #fff9d4;--duet-color-yellow-50: #fff2aa;--duet-color-yellow-75: #ffe555;--duet-color-yellow-100: #ffd700;--duet-color-yellow-120: #aa9100;--duet-color-blue-25: #e7f5ff;--duet-color-blue-50: #b8e2ff;--duet-color-blue-75: #88cfff;--duet-color-blue-100: #33adff;--duet-color-blue-120: #006eb8;--duet-color-orange-25: #ffecd4;--duet-color-orange-50: #ffc680;--duet-color-orange-75: #ffb255;--duet-color-orange-100: #ff8c00;--duet-color-orange-120: #b66400;--duet-color-coffee-25: #e7dfd5;--duet-color-coffee-50: #b89e81;--duet-color-coffee-75: #755c42;--duet-color-coffee-100: #3f3123;--duet-color-coffee-120: #19140e;--duet-color-purple-25: #f3eaf9;--duet-color-purple-50: #dabfed;--duet-color-purple-75: #c194e2;--duet-color-purple-100: #9b52cf;--duet-color-purple-120: #5f2588;--duet-color-illustration-cream: #fff2e8;--duet-color-illustration-blush: #f7ded1;--duet-color-illustration-peach: #ffd2be;--duet-color-illustration-gold: #ffd395;--duet-color-illustration-amber: #f9b465;--duet-color-illustration-salmon: #f39d8c;--duet-color-illustration-coral: #f4725f;--duet-color-illustration-red: #e43f3f;--duet-color-illustration-crimson: #a91d31;--duet-color-illustration-wine: #733345;--duet-color-illustration-maroon: #6d2232;--duet-color-illustration-night: #29171a;--duet-color-illustration-ink: #14080a;--duet-color-illustration-sage-light: #9eb8a3;--duet-color-illustration-sage: #5c8578;--duet-color-illustration-sage-dark: #405d54;--duet-surface-canvas: var(--duet-color-white-100);--duet-surface-raised: var(--duet-color-grey-25);--duet-surface-raised-2: var(--duet-color-grey-50);--duet-surface-glass-thin: var(--duet-color-white-20);--duet-surface-glass-regular: var(--duet-color-white-40);--duet-surface-glass-thick: var(--duet-color-white-60);--duet-surface-glass-ultra: var(--duet-color-white-80);--duet-surface-scrim: var(--duet-color-black-40);--duet-surface-inverse: var(--duet-color-black-100);--duet-surface-track: var(--duet-color-black-12);--duet-text-primary: var(--duet-color-black-100);--duet-text-secondary: var(--duet-color-grey-100);--duet-text-tertiary: var(--duet-color-black-60);--duet-text-disabled: var(--duet-color-black-40);--duet-text-inverse: var(--duet-color-white-100);--duet-text-brand: var(--duet-color-pink-75);--duet-text-link: var(--duet-color-pink-100);--duet-icon-primary: var(--duet-color-black-100);--duet-icon-secondary: var(--duet-color-grey-100);--duet-icon-tertiary: var(--duet-color-black-60);--duet-border-hairline: var(--duet-color-black-20);--duet-border-subtle: var(--duet-color-black-8);--duet-border-strong: var(--duet-color-grey-50);--duet-border-control: var(--duet-color-grey-100);--duet-focus-ring: var(--duet-color-yellow-120);--duet-state-hover: var(--duet-color-black-8);--duet-state-pressed: var(--duet-color-black-12);--duet-state-hover-inverse: var(--duet-color-white-8);--duet-state-pressed-inverse: var(--duet-color-white-12);--duet-brand-primary: var(--duet-color-pink-100);--duet-brand-on-primary: var(--duet-color-white-100);--duet-status-positive-fill: var(--duet-color-green-50);--duet-status-positive-on-fill: var(--duet-color-black-100);--duet-status-positive-text: var(--duet-color-green-120);--duet-status-notice-fill: var(--duet-color-yellow-50);--duet-status-notice-on-fill: var(--duet-color-black-100);--duet-status-notice-text: var(--duet-color-yellow-120);--duet-status-negative-fill: var(--duet-color-red-50);--duet-status-negative-on-fill: var(--duet-color-black-100);--duet-status-negative-text: var(--duet-color-red-120);--duet-status-info-fill: var(--duet-color-blue-50);--duet-status-info-on-fill: var(--duet-color-black-100);--duet-status-info-text: var(--duet-color-blue-120);--duet-status-neutral-fill: var(--duet-color-grey-50);--duet-status-neutral-on-fill: var(--duet-color-black-100);--duet-status-neutral-text: var(--duet-color-grey-120);--duet-person-you-fill: var(--duet-color-orange-75);--duet-person-you-on-fill: var(--duet-color-black-100);--duet-person-you-text: var(--duet-color-orange-120);--duet-person-partner-fill: var(--duet-color-purple-75);--duet-person-partner-on-fill: var(--duet-color-black-100);--duet-person-partner-text: var(--duet-color-purple-120);--duet-person-together-fill: var(--duet-color-pink-75);--duet-person-together-on-fill: var(--duet-color-black-100);--duet-person-together-text: var(--duet-color-pink-120);--duet-action-primary-fill: var(--duet-color-pink-100);--duet-action-primary-label: var(--duet-color-white-100);--duet-action-secondary-fill: var(--duet-color-white-100);--duet-action-secondary-label: var(--duet-color-black-100);--duet-action-secondary-border: var(--duet-color-grey-50);--duet-action-secondary-hover: var(--duet-color-black-8);--duet-action-secondary-pressed: var(--duet-color-black-12);--duet-action-ghost-fill: var(--duet-color-transparent);--duet-action-ghost-label: var(--duet-color-black-100);--duet-action-negative-fill: var(--duet-color-red-100);--duet-action-negative-label: var(--duet-color-white-100);--duet-action-negative-secondary-label: var(--duet-color-red-120);--duet-action-negative-ghost-label: var(--duet-color-red-100);--duet-toggle-track-off: var(--duet-color-white-100);--duet-toggle-track-off-border: var(--duet-color-grey-75);--duet-toggle-track-on: var(--duet-color-pink-100);--duet-toggle-thumb: var(--duet-color-white-100);--duet-toggle-thumb-off: var(--duet-color-grey-75);--duet-input-fill: var(--duet-color-white-100);--duet-input-border: var(--duet-color-grey-75);--duet-input-addon-fill: var(--duet-color-grey-25);--duet-selection-off: var(--duet-color-grey-75);--duet-selection-on: var(--duet-color-pink-100);--duet-selection-halo: var(--duet-color-pink-25);--duet-presence-online: var(--duet-color-green-100);--duet-avatar-primary-fill: var(--duet-color-pink-100);--duet-avatar-primary-label: var(--duet-color-white-100);--duet-avatar-secondary-fill: var(--duet-color-grey-25);--duet-avatar-secondary-label: var(--duet-color-black-100);--duet-avatar-accent-fill: var(--duet-color-purple-100);--duet-avatar-accent-label: var(--duet-color-white-100);--duet-chip-neutral-fill: var(--duet-color-grey-100);--duet-chip-neutral-label: var(--duet-color-white-100);--duet-chip-neutral-subtle-fill: var(--duet-color-grey-25);--duet-chip-neutral-subtle-border: var(--duet-color-grey-120);--duet-chip-neutral-subtle-label: var(--duet-color-grey-120);--duet-chip-brand-fill: var(--duet-color-pink-100);--duet-chip-brand-label: var(--duet-color-white-100);--duet-chip-brand-subtle-fill: var(--duet-color-pink-25);--duet-chip-brand-subtle-border: var(--duet-color-pink-120);--duet-chip-brand-subtle-label: var(--duet-color-pink-120);--duet-chip-positive-fill: var(--duet-color-green-100);--duet-chip-positive-label: var(--duet-color-white-100);--duet-chip-positive-subtle-fill: var(--duet-color-green-25);--duet-chip-positive-subtle-border: var(--duet-color-green-120);--duet-chip-positive-subtle-label: var(--duet-color-green-120);--duet-chip-notice-fill: var(--duet-color-yellow-100);--duet-chip-notice-label: var(--duet-color-black-100);--duet-chip-notice-subtle-fill: var(--duet-color-yellow-25);--duet-chip-notice-subtle-border: var(--duet-color-yellow-100);--duet-chip-notice-subtle-label: var(--duet-color-black-100);--duet-chip-negative-fill: var(--duet-color-red-100);--duet-chip-negative-label: var(--duet-color-white-100);--duet-chip-negative-subtle-fill: var(--duet-color-red-25);--duet-chip-negative-subtle-border: var(--duet-color-red-120);--duet-chip-negative-subtle-label: var(--duet-color-red-120);--duet-chip-info-fill: var(--duet-color-blue-100);--duet-chip-info-label: var(--duet-color-white-100);--duet-chip-info-subtle-fill: var(--duet-color-blue-25);--duet-chip-info-subtle-border: var(--duet-color-blue-120);--duet-chip-info-subtle-label: var(--duet-color-blue-120);--duet-chip-orange-fill: var(--duet-color-orange-100);--duet-chip-orange-label: var(--duet-color-white-100);--duet-chip-orange-subtle-fill: var(--duet-color-orange-25);--duet-chip-orange-subtle-border: var(--duet-color-orange-120);--duet-chip-orange-subtle-label: var(--duet-color-black-100);--duet-chip-purple-fill: var(--duet-color-purple-100);--duet-chip-purple-label: var(--duet-color-white-100);--duet-chip-purple-subtle-fill: var(--duet-color-purple-25);--duet-chip-purple-subtle-border: var(--duet-color-purple-120);--duet-chip-purple-subtle-label: var(--duet-color-purple-120);--duet-chip-plus-fill: var(--duet-color-coffee-100);--duet-chip-plus-label: var(--duet-color-white-100);--duet-chip-plus-subtle-fill: var(--duet-color-coffee-25);--duet-chip-plus-subtle-border: var(--duet-color-coffee-120);--duet-chip-plus-subtle-label: var(--duet-color-coffee-120);--duet-chip-glass-dark-fill: var(--duet-color-black-40);--duet-chip-glass-dark-label: var(--duet-color-white-100);--duet-chip-glass-dark-border: var(--duet-color-white-20);--duet-chip-glass-light-fill: var(--duet-color-white-60);--duet-chip-glass-light-label: var(--duet-color-black-100);--duet-chip-glass-light-border: var(--duet-color-black-20);--duet-filter-chip-fill: var(--duet-color-grey-25);--duet-filter-chip-label: var(--duet-color-grey-100);--duet-filter-chip-selected-fill: var(--duet-color-black-100);--duet-filter-chip-selected-label: var(--duet-color-white-100);--duet-tab-label: var(--duet-color-grey-100);--duet-tab-selected-label: var(--duet-color-black-100);--duet-tab-indicator: var(--duet-color-black-100);--duet-segment-track: var(--duet-color-grey-25);--duet-segment-fill: var(--duet-color-transparent);--duet-segment-label: var(--duet-color-grey-100);--duet-segment-selected-fill: var(--duet-color-white-100);--duet-segment-selected-label: var(--duet-color-black-100);--duet-segment-primary-fill: var(--duet-color-pink-100);--duet-segment-primary-label: var(--duet-color-white-100);--duet-menu-fill: var(--duet-color-white-100);--duet-menu-negative-label: var(--duet-color-red-100);--duet-dialog-fill: var(--duet-color-white-100);--duet-snackbar-fill: var(--duet-color-white-100);--duet-progress-fill: var(--duet-color-pink-100);--duet-card-fill: var(--duet-color-white-100);--duet-card-media-fill: var(--duet-color-grey-25);--duet-table-header-fill: var(--duet-color-grey-25)}:root{--duet-space-0: 0px;--duet-space-xs: 4px;--duet-space-md: 8px;--duet-space-lg: 12px;--duet-space-xl: 16px;--duet-space-2xl: 20px;--duet-space-3xl: 24px;--duet-space-4xl: 32px;--duet-space-5xl: 40px;--duet-space-6xl: 48px;--duet-space-7xl: 64px;--duet-space-8xl: 80px;--duet-space-9xl: 96px;--duet-space-10xl: 128px;--duet-space-11xl: 160px;--duet-radius-none: 0px;--duet-radius-xs: 4px;--duet-radius-md: 8px;--duet-radius-lg: 12px;--duet-radius-xl: 16px;--duet-radius-2xl: 24px;--duet-radius-full: 999px;--duet-size-control-sm: 32px;--duet-size-control-md: 40px;--duet-size-control-lg: 48px;--duet-size-control-xl: 56px;--duet-stroke-thin: 1px;--duet-stroke-thick: 2px;--duet-stroke-heavy: 3px;--duet-size-icon-xs: 12px;--duet-size-icon-sm: 16px;--duet-size-icon-md: 20px;--duet-size-icon-lg: 24px;--duet-size-icon-xl: 32px;--duet-size-icon-2xl: 48px;--duet-motion-duration-fast: .12s;--duet-motion-duration-base: .2s;--duet-motion-duration-slow: .3s;--duet-motion-duration-slower: .5s;--duet-motion-duration-playful: .32s;--duet-motion-duration-stagger: 60ms;--duet-motion-easing-enter: cubic-bezier(.215, .61, .355, 1);--duet-motion-easing-exit: cubic-bezier(.55, .055, .675, .19);--duet-motion-easing-move: cubic-bezier(.42, 0, .58, 1);--duet-motion-easing-playful: cubic-bezier(.175, .885, .32, 1.275);--duet-motion-easing-linear: linear;--duet-elevation-low-shadow: 0px 4px 16px 0px #00000033;--duet-elevation-medium-shadow: 0px 10px 30px 0px #00000066, 0px 0px 1px 0px #00000099;--duet-elevation-high-shadow: 0px 18px 54px 0px #00000099, 0px 0px 1px 0px #000000cc;--duet-elevation-low-glass-shadow: 0px 4px 16px 0px #00000033;--duet-elevation-low-glass-blur: 24px;--duet-elevation-medium-glass-shadow: 0px 10px 30px 0px #00000066, 0px 0px 1px 0px #00000099;--duet-elevation-medium-glass-blur: 40px;--duet-glass-thin-shadow: none;--duet-glass-thin-blur: 16px;--duet-glass-regular-shadow: none;--duet-glass-regular-blur: 24px;--duet-glass-thick-shadow: none;--duet-glass-thick-blur: 40px}:root,[data-duet-density=web-compact]{--duet-font-family: "Lato";--duet-type-hero-size: 64px;--duet-type-hero-line-height: 72px;--duet-type-display-1-size: 64px;--duet-type-display-1-line-height: 72px;--duet-type-display-2-size: 36px;--duet-type-display-2-line-height: 44px;--duet-type-title-1-size: 28px;--duet-type-title-1-line-height: 36px;--duet-type-title-2-size: 24px;--duet-type-title-2-line-height: 32px;--duet-type-title-3-size: 20px;--duet-type-title-3-line-height: 28px;--duet-type-headline-size: 16px;--duet-type-headline-line-height: 24px;--duet-type-subheadline-size: 15px;--duet-type-subheadline-line-height: 20px;--duet-type-body-large-size: 16px;--duet-type-body-large-line-height: 24px;--duet-type-body-size: 14px;--duet-type-body-line-height: 20px;--duet-type-callout-size: 13px;--duet-type-callout-line-height: 20px;--duet-type-footnote-size: 12px;--duet-type-footnote-line-height: 16px;--duet-type-caption-1-size: 12px;--duet-type-caption-1-line-height: 16px;--duet-type-caption-2-size: 11px;--duet-type-caption-2-line-height: 16px}[data-duet-density=touch]{--duet-font-family: "Lato";--duet-type-hero-size: 64px;--duet-type-hero-line-height: 72px;--duet-type-display-1-size: 64px;--duet-type-display-1-line-height: 72px;--duet-type-display-2-size: 34px;--duet-type-display-2-line-height: 44px;--duet-type-title-1-size: 28px;--duet-type-title-1-line-height: 36px;--duet-type-title-2-size: 24px;--duet-type-title-2-line-height: 32px;--duet-type-title-3-size: 20px;--duet-type-title-3-line-height: 28px;--duet-type-headline-size: 16px;--duet-type-headline-line-height: 20px;--duet-type-subheadline-size: 15px;--duet-type-subheadline-line-height: 20px;--duet-type-body-large-size: 16px;--duet-type-body-large-line-height: 20px;--duet-type-body-size: 14px;--duet-type-body-line-height: 16px;--duet-type-callout-size: 13px;--duet-type-callout-line-height: 16px;--duet-type-footnote-size: 12px;--duet-type-footnote-line-height: 16px;--duet-type-caption-1-size: 12px;--duet-type-caption-1-line-height: 16px;--duet-type-caption-2-size: 11px;--duet-type-caption-2-line-height: 16px}[data-duet-density=web-marketing]{--duet-font-family: "Lato";--duet-type-hero-size: 80px;--duet-type-hero-line-height: 88px;--duet-type-display-1-size: 64px;--duet-type-display-1-line-height: 72px;--duet-type-display-2-size: 44px;--duet-type-display-2-line-height: 52px;--duet-type-title-1-size: 32px;--duet-type-title-1-line-height: 40px;--duet-type-title-2-size: 24px;--duet-type-title-2-line-height: 32px;--duet-type-title-3-size: 20px;--duet-type-title-3-line-height: 28px;--duet-type-headline-size: 18px;--duet-type-headline-line-height: 24px;--duet-type-subheadline-size: 16px;--duet-type-subheadline-line-height: 24px;--duet-type-body-large-size: 18px;--duet-type-body-large-line-height: 28px;--duet-type-body-size: 16px;--duet-type-body-line-height: 24px;--duet-type-callout-size: 14px;--duet-type-callout-line-height: 20px;--duet-type-footnote-size: 12px;--duet-type-footnote-line-height: 18px;--duet-type-caption-1-size: 12px;--duet-type-caption-1-line-height: 16px;--duet-type-caption-2-size: 11px;--duet-type-caption-2-line-height: 16px}.duet-text-hero-light{font:300 var(--duet-type-hero-size)/var(--duet-type-hero-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-hero-emphasis{font:700 var(--duet-type-hero-size)/var(--duet-type-hero-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-display-1-light{font:300 var(--duet-type-display-1-size)/var(--duet-type-display-1-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-display-1-regular{font:400 var(--duet-type-display-1-size)/var(--duet-type-display-1-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-display-1-emphasis{font:700 var(--duet-type-display-1-size)/var(--duet-type-display-1-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-display-2-regular{font:400 var(--duet-type-display-2-size)/var(--duet-type-display-2-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-display-2-emphasis{font:700 var(--duet-type-display-2-size)/var(--duet-type-display-2-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-title-1-regular{font:400 var(--duet-type-title-1-size)/var(--duet-type-title-1-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-title-1-emphasis{font:700 var(--duet-type-title-1-size)/var(--duet-type-title-1-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-title-2-regular{font:400 var(--duet-type-title-2-size)/var(--duet-type-title-2-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-title-2-emphasis{font:700 var(--duet-type-title-2-size)/var(--duet-type-title-2-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-title-3-regular{font:400 var(--duet-type-title-3-size)/var(--duet-type-title-3-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-title-3-emphasis{font:700 var(--duet-type-title-3-size)/var(--duet-type-title-3-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-headline-regular{font:400 var(--duet-type-headline-size)/var(--duet-type-headline-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-headline-emphasis{font:700 var(--duet-type-headline-size)/var(--duet-type-headline-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-subheadline-regular{font:400 var(--duet-type-subheadline-size)/var(--duet-type-subheadline-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-subheadline-emphasis{font:700 var(--duet-type-subheadline-size)/var(--duet-type-subheadline-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-body-large-regular{font:400 var(--duet-type-body-large-size)/var(--duet-type-body-large-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-body-large-emphasis{font:700 var(--duet-type-body-large-size)/var(--duet-type-body-large-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-body-regular{font:400 var(--duet-type-body-size)/var(--duet-type-body-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-body-emphasis{font:700 var(--duet-type-body-size)/var(--duet-type-body-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-body-italic{font:italic 400 var(--duet-type-body-size)/var(--duet-type-body-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-callout-regular{font:400 var(--duet-type-callout-size)/var(--duet-type-callout-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-callout-emphasis{font:700 var(--duet-type-callout-size)/var(--duet-type-callout-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-callout-italic{font:italic 400 var(--duet-type-callout-size)/var(--duet-type-callout-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-footnote-regular{font:400 var(--duet-type-footnote-size)/var(--duet-type-footnote-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-footnote-emphasis{font:700 var(--duet-type-footnote-size)/var(--duet-type-footnote-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-footnote-italic{font:italic 400 var(--duet-type-footnote-size)/var(--duet-type-footnote-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-caption-1-regular{font:400 var(--duet-type-caption-1-size)/var(--duet-type-caption-1-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-caption-1-emphasis{font:700 var(--duet-type-caption-1-size)/var(--duet-type-caption-1-line-height) var(--duet-font-family),system-ui,sans-serif}.duet-text-caption-2-regular{font:400 var(--duet-type-caption-2-size)/var(--duet-type-caption-2-line-height) var(--duet-font-family),system-ui,sans-serif;letter-spacing:.04em}.duet-text-caption-2-emphasis{font:700 var(--duet-type-caption-2-size)/var(--duet-type-caption-2-line-height) var(--duet-font-family),system-ui,sans-serif;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){:root{--duet-motion-duration-base: var(--duet-motion-duration-fast);--duet-motion-duration-slow: var(--duet-motion-duration-fast);--duet-motion-duration-slower: var(--duet-motion-duration-fast);--duet-motion-duration-playful: var(--duet-motion-duration-fast);--duet-motion-easing-enter: linear;--duet-motion-easing-exit: linear;--duet-motion-easing-move: linear;--duet-motion-easing-playful: linear}}.duet-interactive{position:relative;isolation:isolate;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duet-motion-duration-fast) var(--duet-motion-easing-move),opacity var(--duet-motion-duration-fast) var(--duet-motion-easing-move)}.duet-interactive:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--duet-state-layer-hover, var(--duet-state-hover));opacity:0;transition:opacity var(--duet-motion-duration-fast) var(--duet-motion-easing-move);pointer-events:none}.duet-interactive:hover:not(:disabled):before,.duet-interactive[data-state=hover]:before{opacity:1}.duet-interactive:active:not(:disabled):before,.duet-interactive[data-state=pressed]:before{opacity:1;background:var(--duet-state-layer-pressed, var(--duet-state-pressed))}.duet-interactive:focus-visible,.duet-interactive[data-state=focus]{outline:var(--duet-stroke-thick) solid var(--duet-focus-ring);outline-offset:var(--duet-stroke-thick);overflow:visible}.duet-interactive:disabled,.duet-interactive[data-state=disabled]{opacity:.4;cursor:not-allowed}.duet-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--duet-radius-md);font-family:var(--duet-font-family),system-ui,sans-serif;font-weight:700;white-space:nowrap;box-shadow:inset 0 0 0 var(--duet-stroke-thin) var(--duet-button-border, transparent);background:var(--duet-button-fill);color:var(--duet-button-label)}.duet-button[data-size=small]{height:var(--duet-size-control-sm);padding:0 var(--duet-space-lg);gap:var(--duet-space-xs);font-size:var(--duet-type-callout-size);line-height:var(--duet-type-callout-line-height)}.duet-button[data-size=medium]{height:var(--duet-size-control-md);padding:0 var(--duet-space-xl);gap:var(--duet-space-md);font-size:var(--duet-type-body-size);line-height:var(--duet-type-body-line-height)}.duet-button[data-size=large]{height:var(--duet-size-control-lg);padding:0 var(--duet-space-2xl);gap:var(--duet-space-md);font-size:var(--duet-type-headline-size);line-height:var(--duet-type-headline-line-height)}.duet-button[data-variant=primary]{--duet-button-fill: var(--duet-action-primary-fill);--duet-button-label: var(--duet-action-primary-label)}.duet-button[data-variant=secondary]{--duet-button-fill: var(--duet-action-secondary-fill);--duet-button-label: var(--duet-action-secondary-label);--duet-button-border: var(--duet-action-secondary-border);--duet-state-layer-hover: var(--duet-action-secondary-hover);--duet-state-layer-pressed: var(--duet-action-secondary-pressed)}.duet-button[data-variant=ghost]{--duet-button-fill: var(--duet-action-ghost-fill);--duet-button-label: var(--duet-action-ghost-label)}.duet-button[data-variant=primary][data-tone=negative]{--duet-button-fill: var(--duet-action-negative-fill);--duet-button-label: var(--duet-action-negative-label)}.duet-button[data-variant=secondary][data-tone=negative]{--duet-button-label: var(--duet-action-negative-secondary-label)}.duet-button[data-variant=ghost][data-tone=negative]{--duet-button-label: var(--duet-action-negative-ghost-label)}.duet-button .duet-icon{font-size:var(--duet-size-icon-sm)}.duet-chip{display:inline-flex;align-items:center;gap:var(--duet-space-xs);border-radius:var(--duet-radius-full);font-family:var(--duet-font-family),system-ui,sans-serif;font-weight:700;white-space:nowrap;background:var(--duet-chip-fill);color:var(--duet-chip-label);box-shadow:inset 0 0 0 var(--duet-stroke-thin) var(--duet-chip-border, transparent)}.duet-chip[data-size=small]{height:var(--duet-space-3xl);padding:0 var(--duet-space-md);font-size:var(--duet-type-footnote-size);line-height:var(--duet-type-footnote-line-height)}.duet-chip[data-size=medium]{height:var(--duet-size-control-sm);padding:0 var(--duet-space-lg);font-size:var(--duet-type-body-size);line-height:var(--duet-type-body-line-height)}.duet-chip .duet-icon{font-size:var(--duet-size-icon-xs)}.duet-toggle{display:inline-flex;align-items:center;gap:var(--duet-space-md);font-family:var(--duet-font-family),system-ui,sans-serif;font-size:var(--duet-type-body-size);line-height:var(--duet-type-body-line-height);color:var(--duet-text-primary);cursor:pointer}.duet-toggle__track{width:var(--duet-size-control-md);height:var(--duet-space-3xl);padding:var(--duet-space-xs);border:0;border-radius:var(--duet-radius-full);background:var(--duet-toggle-track-off);box-shadow:inset 0 0 0 var(--duet-stroke-thin) var(--duet-toggle-track-off-border);display:inline-flex;align-items:center;flex:none}.duet-toggle__thumb{width:var(--duet-size-icon-sm);height:var(--duet-size-icon-sm);border-radius:var(--duet-radius-full);background:var(--duet-toggle-thumb-off);transition:transform var(--duet-motion-duration-base) var(--duet-motion-easing-move),background-color var(--duet-motion-duration-base) var(--duet-motion-easing-move)}.duet-toggle__track[aria-checked=true]{background:var(--duet-toggle-track-on);box-shadow:none}.duet-toggle__track[aria-checked=true] .duet-toggle__thumb{background:var(--duet-toggle-thumb);transform:translate(var(--duet-space-xl))}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--duet-surface-canvas);color:var(--duet-text-primary);font-family:var(--duet-font-family),system-ui,sans-serif;font-size:var(--duet-type-body-size);line-height:var(--duet-type-body-line-height)}a{color:var(--duet-text-link)}code,pre,.mono{font-family:Roboto Mono,ui-monospace,monospace;font-size:12px}.shell{display:grid;grid-template-columns:248px 1fr;height:100%}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--duet-space-xl);height:56px;padding:0 var(--duet-space-3xl);border-bottom:1px solid var(--duet-border-subtle)}.brand{display:flex;align-items:center;gap:var(--duet-space-md);font-weight:700;font-size:var(--duet-type-headline-size);text-decoration:none;color:inherit}.brand__mark{width:24px;height:24px;border-radius:var(--duet-radius-md);background:var(--duet-brand-primary)}.topbar__spacer{flex:1}.topbar select{font:inherit;padding:var(--duet-space-xs) var(--duet-space-md);border-radius:var(--duet-radius-md);border:1px solid var(--duet-border-control);background:var(--duet-input-fill);color:inherit}.shell__body{display:contents}.sidenav{overflow-y:auto;padding:var(--duet-space-3xl) var(--duet-space-xl);border-right:1px solid var(--duet-border-subtle);height:calc(100vh - 56px);position:sticky;top:0}.sidenav h4{margin:var(--duet-space-3xl) 0 var(--duet-space-md);font-size:var(--duet-type-footnote-size);text-transform:uppercase;letter-spacing:.06em;color:var(--duet-text-secondary)}.sidenav h4:first-child{margin-top:0}.sidenav a{display:flex;justify-content:space-between;align-items:center;padding:var(--duet-space-xs) var(--duet-space-md);border-radius:var(--duet-radius-md);color:var(--duet-text-primary);text-decoration:none}.sidenav a:hover{background:var(--duet-state-hover)}.sidenav a[aria-current=page]{background:var(--duet-surface-raised);font-weight:700}.sidenav a.is-planned{color:var(--duet-text-tertiary)}.sidenav .pill{font-size:10px;color:var(--duet-text-tertiary)}main{overflow-y:auto;height:calc(100vh - 56px)}.page{max-width:960px;padding:var(--duet-space-6xl) var(--duet-space-6xl) var(--duet-space-9xl)}.crumb{color:var(--duet-text-secondary);font-size:var(--duet-type-footnote-size);margin-bottom:var(--duet-space-md)}.page h1{font-size:var(--duet-type-display-2-size);line-height:var(--duet-type-display-2-line-height);margin:0 0 var(--duet-space-md)}.lede{font-size:var(--duet-type-body-large-size);line-height:var(--duet-type-body-large-line-height);color:var(--duet-text-secondary);margin:0 0 var(--duet-space-3xl);max-width:720px}.meta{display:flex;flex-wrap:wrap;gap:var(--duet-space-md);margin-bottom:var(--duet-space-3xl)}.tabs{display:flex;gap:var(--duet-space-3xl);border-bottom:1px solid var(--duet-border-hairline);margin-bottom:var(--duet-space-5xl)}.tabs button{all:unset;cursor:pointer;padding:var(--duet-space-lg) 0;color:var(--duet-tab-label);font-weight:700;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--duet-tab-selected-label);border-color:var(--duet-tab-indicator)}.tabs button:focus-visible{outline:2px solid var(--duet-focus-ring);outline-offset:2px}.section{margin-bottom:var(--duet-space-6xl)}.section>h2{font-size:var(--duet-type-title-1-size);line-height:var(--duet-type-title-1-line-height);margin:0 0 var(--duet-space-xl);padding-top:var(--duet-space-xl);border-top:1px solid var(--duet-border-hairline)}.section h3{font-size:var(--duet-type-title-3-size);line-height:var(--duet-type-title-3-line-height);margin:var(--duet-space-4xl) 0 var(--duet-space-md)}.section p,.section li{max-width:720px}.section ul{padding-left:var(--duet-space-3xl)}.stages{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--duet-radius-lg);overflow:hidden;border:1px solid var(--duet-border-hairline)}.stages.single{grid-template-columns:1fr}.stage{padding:var(--duet-space-5xl) var(--duet-space-3xl);display:flex;flex-wrap:wrap;gap:var(--duet-space-xl);align-items:center;justify-content:center;background:var(--duet-surface-canvas);color:var(--duet-text-primary);min-height:160px;position:relative}.stage__label{position:absolute;top:var(--duet-space-md);left:var(--duet-space-lg);font-size:11px;color:var(--duet-text-tertiary)}table.doc{width:100%;border-collapse:collapse;margin:var(--duet-space-xl) 0}table.doc th{text-align:left;background:var(--duet-table-header-fill);color:var(--duet-text-secondary);font-weight:700;font-size:var(--duet-type-footnote-size);padding:var(--duet-space-md) var(--duet-space-lg)}table.doc td{padding:var(--duet-space-lg);border-bottom:1px solid var(--duet-border-hairline);vertical-align:top}.swatch{width:32px;height:32px;border-radius:var(--duet-radius-md);box-shadow:inset 0 0 0 1px var(--duet-border-hairline)}.swatch-pair{display:flex;gap:var(--duet-space-xs)}.dodont{display:grid;grid-template-columns:1fr 1fr;gap:var(--duet-space-3xl);margin:var(--duet-space-xl) 0}.dodont>div{border-top:3px solid;padding-top:var(--duet-space-lg)}.dodont .do{border-color:var(--duet-status-positive-fill)}.dodont .dont{border-color:var(--duet-status-negative-fill)}.dodont strong{display:block;margin-bottom:var(--duet-space-xs)}.code{position:relative;background:var(--duet-color-grey-25);border-radius:var(--duet-radius-lg);padding:var(--duet-space-xl);overflow-x:auto;margin:var(--duet-space-md) 0 var(--duet-space-xl)}[data-duet-theme=light] .code{background:#f5f5f7}.code pre{margin:0;white-space:pre}.code__copy{position:absolute;top:var(--duet-space-md);right:var(--duet-space-md)}.code__lang{font-size:11px;color:var(--duet-text-tertiary);margin-bottom:var(--duet-space-xs)}.playground{display:grid;grid-template-columns:1fr 260px;gap:var(--duet-space-3xl);align-items:start}.controls{display:flex;flex-direction:column;gap:var(--duet-space-xl);padding:var(--duet-space-xl);border-radius:var(--duet-radius-lg);background:var(--duet-surface-raised)}.controls label{display:flex;flex-direction:column;gap:var(--duet-space-xs);font-size:var(--duet-type-footnote-size);font-weight:700;color:var(--duet-text-secondary)}.controls label.inline{flex-direction:row;justify-content:space-between;align-items:center}.controls select,.controls input[type=text]{font:inherit;font-weight:400;color:var(--duet-text-primary);padding:var(--duet-space-md);border-radius:var(--duet-radius-md);border:1px solid var(--duet-border-control);background:var(--duet-input-fill)}.grid-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--duet-space-md)}.chipcell{display:flex;flex-direction:column;gap:var(--duet-space-xs);font-size:11px}.chipcell .swatch{width:100%;height:48px}.bar{height:16px;background:var(--duet-brand-primary);border-radius:2px}.elev{width:160px;height:96px;border-radius:var(--duet-radius-xl);background:var(--duet-card-fill);display:grid;place-items:center;font-size:12px}.motion-track{position:relative;height:40px;background:var(--duet-surface-raised);border-radius:var(--duet-radius-full)}.motion-dot{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:var(--duet-brand-primary)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--duet-space-xl)}.card{display:block;padding:var(--duet-space-xl);border-radius:var(--duet-radius-lg);border:1px solid var(--duet-border-hairline);text-decoration:none;color:inherit}.card:hover{background:var(--duet-state-hover)}.card h3{margin:0 0 var(--duet-space-xs);font-size:var(--duet-type-headline-size)}.card p{margin:0;color:var(--duet-text-secondary)}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidenav{display:none}.page{padding:var(--duet-space-3xl) var(--duet-space-xl)}.stages,.playground,.dodont{grid-template-columns:1fr}}