:root{--comp-card-padding:var(--space-md);--comp-card-radius:var(--md-sys-shape-corner-medium);--comp-button-height:40px;--comp-button-radius:calc(var(--comp-button-height) / 2);--comp-button-height-xs:32px;--comp-button-height-s:40px;--comp-button-height-m:56px;--comp-button-height-l:96px;--comp-button-height-xl:136px;--comp-button-padding-inline-xs:12px;--comp-button-padding-inline-s:16px;--comp-button-padding-inline-m:24px;--comp-button-padding-inline-l:48px;--comp-button-padding-inline-xl:64px;--comp-button-icon-size-xs:20px;--comp-button-icon-size-s:20px;--comp-button-icon-size-m:24px;--comp-button-icon-size-l:32px;--comp-button-icon-size-xl:40px;--comp-button-outline-width-xs:1px;--comp-button-outline-width-s:1px;--comp-button-outline-width-m:1px;--comp-button-outline-width-l:2px;--comp-button-outline-width-xl:3px;--comp-icon-button-height-xs:32px;--comp-icon-button-height-s:40px;--comp-icon-button-height-m:56px;--comp-icon-button-height-l:96px;--comp-icon-button-height-xl:136px;--comp-icon-button-icon-size-xs:20px;--comp-icon-button-icon-size-s:24px;--comp-icon-button-icon-size-m:24px;--comp-icon-button-icon-size-l:32px;--comp-icon-button-icon-size-xl:40px;--comp-icon-button-space-xs-narrow:4px;--comp-icon-button-space-xs:6px;--comp-icon-button-space-xs-wide:10px;--comp-icon-button-space-s-narrow:4px;--comp-icon-button-space-s:8px;--comp-icon-button-space-s-wide:14px;--comp-icon-button-space-m-narrow:12px;--comp-icon-button-space-m:16px;--comp-icon-button-space-m-wide:24px;--comp-icon-button-space-l-narrow:16px;--comp-icon-button-space-l:32px;--comp-icon-button-space-l-wide:48px;--comp-icon-button-space-xl-narrow:32px;--comp-icon-button-space-xl:48px;--comp-icon-button-space-xl-wide:72px;--comp-icon-button-outline-width-xs:1px;--comp-icon-button-outline-width-s:1px;--comp-icon-button-outline-width-m:1px;--comp-icon-button-outline-width-l:2px;--comp-icon-button-outline-width-xl:3px;--comp-icon-button-shape-round:var(--md-sys-shape-corner-full);--comp-icon-button-shape-square-xs:var(--md-sys-shape-corner-medium);--comp-icon-button-shape-square-s:var(--md-sys-shape-corner-medium);--comp-icon-button-shape-square-m:var(--md-sys-shape-corner-large);--comp-icon-button-shape-square-l:var(--md-sys-shape-corner-extra-large);--comp-icon-button-shape-square-xl:var(--md-sys-shape-corner-extra-large);--comp-icon-button-shape-pressed-xs:var(--md-sys-shape-corner-small);--comp-icon-button-shape-pressed-s:var(--md-sys-shape-corner-small);--comp-icon-button-shape-pressed-m:var(--md-sys-shape-corner-medium);--comp-icon-button-shape-pressed-l:var(--md-sys-shape-corner-large);--comp-icon-button-shape-pressed-xl:var(--md-sys-shape-corner-large);--comp-icon-button-shape-selected-round-xs:var(--md-sys-shape-corner-medium);--comp-icon-button-shape-selected-round-s:var(--md-sys-shape-corner-medium);--comp-icon-button-shape-selected-round-m:var(--md-sys-shape-corner-large);--comp-icon-button-shape-selected-round-l:var(--md-sys-shape-corner-extra-large);--comp-icon-button-shape-selected-round-xl:var(--md-sys-shape-corner-extra-large);--comp-icon-button-shape-selected-square:var(--md-sys-shape-corner-full);--comp-icon-button-morph-spring-damping:var(--md-sys-motion-spring-fast-spatial-damping);--comp-icon-button-morph-spring-stiffness:var(--md-sys-motion-spring-fast-spatial-stiffness);--comp-feed-gap:var(--space-sm);--comp-feed-max:640px;--comp-avatar-size:40px;--comp-avatar-radius:var(--md-sys-shape-corner-full);--comp-rail-width:96px;--comp-rail-narrow:80px;--comp-rail-expanded:220px;--comp-icon-size-sm:20px;--comp-icon-size-md:24px;--comp-icon-size-lg:28px;--comp-icon-size-xl:32px;--comp-touch-target:48px}:root{--site-bg:var(--md-sys-color-background);--feed-bg:var(--md-sys-color-surface-container-lowest);--card-bg:var(--md-sys-color-surface-container);--card-bg-hover:var(--md-sys-color-surface-container-high);--modal-bg:var(--md-sys-color-surface-container-high);--nav-rail-bg:var(--md-sys-color-surface);--nav-rail-bg-modal:var(--md-sys-color-surface-container);--nav-bar-bg:var(--md-sys-color-surface-container);--nav-item-active:var(--md-sys-color-secondary-container);--nav-on-item-active:var(--md-sys-color-on-secondary-container);--action-primary-bg:var(--md-sys-color-primary);--action-primary-fg:var(--md-sys-color-on-primary);--action-secondary-bg:var(--md-sys-color-secondary-container);--action-secondary-fg:var(--md-sys-color-on-secondary-container)}:root{--layout-content-max:640px;--layout-rail-width:96px;--layout-rail-narrow:80px;--layout-rail-expanded:220px;--layout-rail-expanded-max:360px;--layout-feed-max:640px;--layout-aside-max:320px;--layout-modal-max:560px;--layout-bottom-sheet-max:640px}