.page_connectContent__hF6k7{display:flex;flex:1 1 auto;flex-direction:column}@layer roon-ui{:where(:root,[data-rui-theme]){--color__palette-purple-1000:#0f0f37;--color__palette-purple-900:#181961;--color__palette-purple-800:#2a2845;--color__palette-purple-700:#2c28a1;--color__palette-purple-600:#333154;--color__palette-purple-500:#2f2d4d;--color__palette-purple-400:#7272ff;--color__palette-purple-300:#adadfd;--color__palette-purple-200:#cdcdff;--color__palette-purple-100:#ececff;--color__palette-teal-1000:#071113;--color__palette-teal-900:#143238;--color__palette-teal-800:#22535e;--color__palette-teal-700:#2f7483;--color__palette-teal-600:#3d95a9;--color__palette-teal-500:#56aec2;--color__palette-teal-400:#7cc0d0;--color__palette-teal-300:#a1d2dd;--color__palette-teal-200:#c7e4eb;--color__palette-teal-100:#ecf6f8;--color__palette-red-1000:#bf1919;--color__palette-red-900:#de3030;--color__palette-red-800:#f03b3b;--color__palette-red-700:#f55e5e;--color__palette-red-600:#ff6f6f;--color__palette-red-500:#ff9393;--color__palette-red-400:#feb7b7;--color__palette-red-300:#ffd2d2;--color__palette-red-200:#f0e4e0;--color__palette-red-100:#fff1f1;--color__palette-orange-1000:#b16e12;--color__palette-orange-900:#ce831c;--color__palette-orange-800:#db8d21;--color__palette-orange-700:#e69b33;--color__palette-orange-600:#efa641;--color__palette-orange-500:#f4b358;--color__palette-orange-400:#fbd094;--color__palette-orange-300:#f8dcb5;--color__palette-orange-200:#f8eee1;--color__palette-orange-100:#fdf8f1;--color__palette-gray-1000:#1e202d;--color__palette-gray-900:#353642;--color__palette-gray-800:#494b59;--color__palette-gray-700:#6a6d81;--color__palette-gray-600:#7f8192;--color__palette-gray-500:#999ba9;--color__palette-gray-400:#abadba;--color__palette-gray-300:#c1c2ca;--color__palette-gray-200:#d3d4d9;--color__palette-gray-100:#e8e9ea;--color__palette-alpha-gray-1000:#1e202dff;--color__palette-alpha-gray-900:#1e202de6;--color__palette-alpha-gray-800:#1b1e2fcc;--color__palette-alpha-gray-700:#2a2e4ab3;--color__palette-alpha-gray-600:#292d4999;--color__palette-alpha-gray-500:#33375380;--color__palette-alpha-gray-400:#2e33524d;--color__palette-alpha-gray-300:#30345033;--color__palette-alpha-gray-200:#2428431a;--color__palette-alpha-gray-100:#1e202d0d;--color__palette-alpha-white-1000:#ffffffff;--color__palette-alpha-white-900:#ffffffe6;--color__palette-alpha-white-800:#ffffffcc;--color__palette-alpha-white-700:#ffffffb3;--color__palette-alpha-white-600:#ffffff99;--color__palette-alpha-white-500:#ffffff80;--color__palette-alpha-white-400:#ffffff66;--color__palette-alpha-white-300:#ffffff4d;--color__palette-alpha-white-200:#ffffff33;--color__palette-alpha-white-100:#ffffff1a;--x-color__purple-1:#d3d3f8;--x-color__tan-1:#f2edea;--x-color__blue-1:#3498db;--x-color__tan-2:#eae5e0;--x-color__palette-alpha-gray-3:#1e202d08;--x-color__black:#000000;--x-color__palette-alpha-black-100:#0000001a;--x-color__background-elevated:#353641}:where(:root,[data-rui-theme]){--color__content-primary:var(--color__palette-alpha-gray-900);--color__content-secondary:var(--color__palette-alpha-gray-700);--color__content-tertiary:var(--color__palette-alpha-gray-400);--color__content-highlight:var(--color__palette-purple-600);--color__content-subtle:#a3a0c4;--color__content-callout:var(--color__palette-red-600);--color__content-success:var(--color__palette-teal-600);--color__content-active:var(--color__palette-teal-600);--color__content-label:var(--color__palette-alpha-white-1000);--color__content-inverse:var(--color__palette-alpha-white-1000);--color__content-link:var(--color__palette-teal-700);--color__content-accent:var(--color__brand-teal);--color__content-skeleton:#dfdad6;--color__content-skeleton-shimmer:#acaaa9;--color__action-primary:var(--color__palette-purple-500);--color__action-primary-hover:var(--color__palette-purple-800);--color__action-primary-pressed:var(--color__palette-purple-600);--color__action-secondary:var(--color__palette-alpha-gray-200);--color__background-low:var(--color__palette-red-200);--color__background-mid:var(--color__palette-orange-100);--color__background-high:var(--color__palette-alpha-white-1000);--color__background-shroud:var(--color__palette-alpha-gray-600);--color__background-adaptive:var(--color__brand-roon-paper);--color__background-adaptive-inverse:var(--color__palette-alpha-white-1000);--color__inset-normal:var(--color__palette-alpha-gray-100);--color__inset-emphasized:var(--color__palette-alpha-gray-200);--color__highlight-normal:var(--color__palette-alpha-gray-100);--color__highlight-hover:var(--color__palette-alpha-gray-200);--color__highlight-pressed:var(--color__palette-alpha-gray-300);--color__highlight-active:var(--color__palette-teal-300);--color__border-muted:var(--color__palette-alpha-gray-200);--color__border-strong:var(--color__palette-gray-300);--color__surface-page:var(--color__background-low);--color__surface-card:var(--color__background-high);--color__surface-nav-selected:#e8e9ea80;--color__surface-hover:var(--color__highlight-normal);--color__border-default:var(--color__border-muted);--color__border-divider:var(--color__border-muted);--color__content-body:var(--color__content-primary);--color__content-small-dark:var(--color__content-primary);--color__icon-default:var(--color__content-secondary);--color__action-on-primary:var(--color__content-label);--color__action-secondary-label:var(--color__content-secondary);--color__action-follow:var(--color__content-link);--color__action-create:var(--color__action-primary);--color__action-on-create:var(--color__content-label);--color__action-on-disabled:var(--color__content-tertiary);--color__action-disabled:var(--color__highlight-normal);--color__action-secondary-pressed:var(--color__highlight-pressed);--color__action-tertiary-pressed:var(--color__highlight-hover);--color__action-gray:var(--color__highlight-normal);--color__action-gray-pressed:var(--color__highlight-pressed);--color__action-gray-label:var(--color__content-secondary);--color__badge-background:var(--color__content-accent);--color__badge-foreground:var(--color__content-label);--color__avatar-ring:var(--color__background-high);--color__avatar-placeholder:var(--color__background-low);--color__avatar-on-placeholder:var(--color__content-primary);--color__control-track-on:var(--color__content-primary);--color__control-track-off:var(--color__content-tertiary);--color__control-thumb:var(--color__background-high);--color__chip-selected:var(--color__action-primary);--color__brand-roon-light-blue:var(--color__palette-purple-400);--color__brand-roon-dark-blue:var(--color__palette-purple-700);--color__brand-roon-paper:var(--color__palette-orange-100);--color__brand-roon-ink:var(--color__palette-alpha-gray-900);--color__brand-midnight:var(--color__palette-purple-500);--color__brand-teal:var(--color__palette-teal-600);--color__brand-burnt-orange:#d25e2b;--color__brand-dusty-pink:var(--color__palette-red-200)}:where([data-rui-theme=roon-bedow]){--color__palette-orange:#ff5e29;--color__palette-orange-dark:#ff4000;--color__palette-burgundy:#800901;--color__palette-burgundy-dark:#6b0701;--color__palette-ochre:#ffb158;--color__palette-ochre-light:#fdc17c;--color__palette-cream-light:#fcf6ee;--color__palette-cream:#f8ecdb;--color__palette-cream-dark:#f1e5d0;--color__palette-black:#000000;--color__palette-neutral-50:#ffffff;--color__palette-neutral-100:#f5f5f5;--color__palette-neutral-200:#e9eaea;--color__palette-neutral-300:#d2d4d5;--color__palette-neutral-400:#9c9fa0;--color__palette-neutral-500:#606364;--color__palette-neutral-600:#414344;--color__palette-neutral-700:#262728;--color__palette-neutral-800:#171717;--color__palette-neutral-900:#000000;--color__palette-neutral-900-o10:rgb(0 0 0/10%);--color__palette-gray-outline:var(--color__palette-neutral-200);--color__palette-gray-divider:var(--color__palette-neutral-200)}@media (min-width:768px){:where(:root,[data-rui-theme]){--color__background-adaptive:var(--color__palette-alpha-white-1000);--color__background-adaptive-inverse:var(--color__brand-roon-paper)}}:where([data-rui-theme=roon-bedow]){--color__surface-page:var(--color__palette-neutral-50);--color__surface-card:var(--color__palette-neutral-50);--color__surface-nav-selected:var(--color__palette-neutral-100);--color__surface-hover:var(--color__palette-neutral-100);--color__border-default:var(--color__palette-neutral-200);--color__border-divider:var(--color__palette-gray-divider);--color__content-primary:var(--color__palette-neutral-900);--color__content-body:var(--color__palette-neutral-900);--color__content-small-dark:var(--color__palette-neutral-700);--color__content-secondary:var(--color__palette-neutral-600);--color__content-tertiary:var(--color__palette-neutral-500);--color__content-inverse:var(--color__palette-neutral-50);--color__icon-default:var(--color__palette-neutral-600);--color__action-primary:var(--color__palette-orange);--color__action-primary-hover:var(--color__palette-orange-dark);--color__action-primary-pressed:var(--color__palette-orange-dark);--color__action-on-primary:var(--color__palette-neutral-50);--color__action-secondary:var(--color__palette-neutral-200);--color__action-secondary-label:var(--color__content-primary);--color__action-follow:var(--color__palette-orange);--color__action-create:var(--color__palette-orange);--color__action-on-create:var(--color__palette-neutral-50);--color__action-on-disabled:var(--color__palette-neutral-400);--color__action-disabled:var(--color__palette-neutral-200);--color__action-secondary-pressed:var(--color__palette-neutral-800);--color__action-tertiary-pressed:var(--color__palette-neutral-100);--color__action-gray:var(--color__palette-neutral-100);--color__action-gray-pressed:var(--color__palette-neutral-200);--color__action-gray-label:var(--color__palette-neutral-600);--color__badge-background:var(--color__palette-orange);--color__badge-foreground:var(--color__palette-neutral-50);--color__avatar-ring:var(--color__palette-neutral-50);--color__avatar-placeholder:var(--color__palette-neutral-200);--color__avatar-on-placeholder:var(--color__palette-neutral-600);--color__control-track-on:var(--color__content-primary);--color__control-track-off:var(--color__palette-neutral-400);--color__control-thumb:var(--color__palette-neutral-50);--color__chip-selected:var(--color__palette-neutral-800);--color__content-highlight:var(--color__content-primary);--color__content-subtle:var(--color__palette-neutral-400);--color__content-success:#50c878;--color__content-active:var(--color__content-primary);--color__content-label:var(--color__action-on-primary);--color__content-link:var(--color__palette-orange);--color__content-accent:var(--color__palette-orange-dark);--color__content-skeleton:var(--color__palette-neutral-200);--color__content-skeleton-shimmer:var(--color__palette-neutral-300);--color__background-low:var(--color__surface-page);--color__background-mid:var(--color__surface-page);--color__background-high:var(--color__surface-card);--color__background-adaptive:var(--color__surface-page);--color__background-adaptive-inverse:var(--color__surface-card);--color__inset-normal:var(--color__palette-neutral-100);--color__inset-emphasized:var(--color__palette-neutral-200);--color__highlight-normal:var(--color__palette-neutral-100);--color__highlight-hover:var(--color__palette-neutral-200);--color__highlight-pressed:var(--color__palette-neutral-300);--color__highlight-active:var(--color__highlight-normal);--color__border-muted:var(--color__border-default);--color__border-strong:var(--color__palette-neutral-300);--color__brand-roon-paper:var(--color__palette-cream-light);--color__brand-roon-ink:var(--color__palette-black)}:where([data-rui-theme=roon-bedow][data-rui-surface=marketing]){--color__surface-page:var(--color__palette-cream);--color__background-mid:var(--color__palette-cream-light)}}.Code_code__Hn5jf{font-family:var(--font__family-caption);overflow-wrap:anywhere}.ColorBox_box__igTdD{display:flex;flex-direction:column;gap:var(--spacing__fixed-12);padding:var(--spacing__fixed-24);min-height:var(--spacing__fixed-88)}.ColorExamples_examples__bGMn4{display:flex;flex-direction:column;border-radius:var(--rounding__fixed-16);background-color:var(--color__palette-cream-light);overflow:hidden}.ColorExamples_intro__coAFd{display:flex;flex-direction:column;gap:var(--spacing__fixed-88);padding:var(--spacing__fixed-24)}.ColorExamples_headline__Q3nnn{display:flex;flex-direction:column;gap:var(--spacing__fixed-20);max-width:335px}.ColorExamples_body__qsNZg{display:flex;flex-direction:column;gap:var(--spacing__fixed-40)}.ColorExamples_copy__99hFG{display:flex;flex-direction:column;gap:var(--spacing__fixed-12)}.ColorExamples_buttons__6zJoU{display:flex;flex-wrap:wrap;gap:var(--spacing__fixed-16) var(--spacing__fixed-10)}.ColorExamples_tags__dPNBt{display:flex;gap:var(--spacing__fixed-8)}.ColorExamples_surfaces__JjmVB{display:flex;position:relative;flex-direction:column;gap:var(--spacing__fixed-16);background-color:var(--color__palette-cream);padding:var(--spacing__fixed-40) var(--spacing__fixed-24) var(--spacing__section-space-large)}.ColorExamples_surfaces__JjmVB .ColorExamples_particles__EUxF8{position:absolute;bottom:0;left:13%;transform:translateY(60%);width:102%}@media (min-width:768px){.ColorExamples_surfaces__JjmVB{flex-direction:row;align-items:flex-start;padding-inline:var(--spacing__fixed-40)}}@media (min-width:1024px){.ColorExamples_examples__bGMn4{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.ColorExamples_intro__coAFd{padding:var(--spacing__fixed-56) var(--spacing__fixed-64)}}.ColorSection_cards__99GTP{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing__fixed-32)}.ColorSection_card__4KLke{display:flex;flex-direction:column;gap:var(--spacing__fixed-64);border-radius:var(--rounding__fixed-32);background-color:var(--color__background-high);padding:var(--spacing__fixed-24);width:100%}.ColorSection_rolesCard__L9cp0{width:auto;max-width:100%}.ColorSection_baseColors__s8N5_{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacing__fixed-16);gap:var(--spacing__fixed-16)}.ColorSection_baseColor__c66Rt{border-radius:var(--rounding__fixed-16);aspect-ratio:3/2}.ColorSection_outlined__TG1fY{border:1px solid var(--color__border-muted)}.ColorSection_palette__gvt3u{display:flex;flex-wrap:wrap;gap:var(--spacing__fixed-32) var(--spacing__fixed-16)}.ColorSection_stack__ZZvO7{display:flex;flex:1 1 240px;flex-direction:column;align-self:flex-start;border-radius:var(--rounding__fixed-16);overflow:hidden}.ColorSection_neutrals__TqVs2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--color__border-muted);border-radius:var(--rounding__fixed-16);width:100%;overflow:hidden}.ColorSection_roles__trkL1{display:flex;flex-direction:column;gap:var(--spacing__fixed-24)}.ColorSection_role__AKIVR{display:flex;flex-direction:column;gap:var(--spacing__fixed-16)}.ColorSection_roleColor__cNafx{border-radius:var(--rounding__fixed-16)}.ColorSection_description__3h_i0{max-width:514px}@media (min-width:768px){.ColorSection_baseColors__s8N5_{grid-template-columns:repeat(4,minmax(0,1fr))}.ColorSection_neutrals__TqVs2{grid-template-columns:repeat(10,minmax(0,1fr))}.ColorSection_role__AKIVR{flex-direction:row;gap:var(--spacing__fixed-32)}.ColorSection_roleColor__cNafx{flex-shrink:0;width:315px}.ColorSection_description__3h_i0{padding-top:var(--spacing__fixed-16)}}.ComponentGroup_group__I5noO{display:flex;flex-direction:column;gap:var(--spacing__fixed-24)}.ComponentGroup_rows__8MKhZ{display:flex;flex-direction:column;gap:var(--spacing__fixed-32)}.Specimen_specimen__4OhqB{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing__fixed-12)}.Specimen_preview__nEEjS{display:flex;align-items:center;min-height:var(--spacing__fixed-48)}.SpecimenGrid_grid__l9u7X{align-self:flex-start;border-collapse:collapse}.SpecimenGrid_cell__PRsa2,.SpecimenGrid_heading__IE2jQ{padding:var(--spacing__fixed-8) var(--spacing__fixed-32) var(--spacing__fixed-8) 0}.SpecimenGrid_heading__IE2jQ{font-weight:inherit;text-align:left;white-space:nowrap}.SpecimenGrid_cell__PRsa2{vertical-align:middle}.SpecimenRow_row__yW2ll{display:flex;flex-direction:column;gap:var(--spacing__fixed-16)}.SpecimenRow_specimens__IWHV1{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing__fixed-24)}.ButtonsDemo_cell__Q6lyp{display:flex;align-items:center;gap:var(--spacing__fixed-12)}.ButtonsDemo_inverseSurface__wCgMa{display:flex;gap:var(--spacing__fixed-12);border-radius:var(--rounding__fixed-16);background:var(--color__content-primary);padding:var(--spacing__fixed-16)}.MarketingHeader_sentinel__zYJQ_{position:absolute;top:0;left:0;width:100%;height:1px;pointer-events:none}.MarketingHeader_container__Wm4aj{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;padding:16px;row-gap:8px;-moz-column-gap:16px;column-gap:16px;position:fixed;top:var(--open-in-app-banner__pinned-height,0);z-index:10;transition:background .2s ease-in-out,backdrop-filter .2s ease-in-out}.MarketingHeader_container__Wm4aj.MarketingHeader_withBackground__4tiLl{background:rgba(242,237,234,25%);backdrop-filter:blur(20px)}.MarketingHeader_ctas__q859u{display:flex;flex-direction:row;align-items:center;-moz-column-gap:12px;column-gap:12px}.MarketingHeader_logoCompact__mvjiy{height:25px;width:auto}.MarketingHeader_logoFull___NbKd{display:none}@media (min-width:768px){.MarketingHeader_container__Wm4aj{padding:18px 40px}.MarketingHeader_logoCompact__mvjiy{display:none}.MarketingHeader_logoFull___NbKd{display:block;height:25px;width:125px}}.MarketingHeader_outlineCta__2AIOa{box-shadow:inset 0 0 0 1px var(--marketing__ink-30);color:var(--marketing__ink)}