@layer components{.Card{background-color:var(--global-background);border-radius:var(--radius);padding:var(--padding);position:relative}.Card[data-card-highlight-hover=true]:is(:hover,:focus-visible){background-color:var(--dimmed-0)}.Card[data-card-bordered=true]{border:1px solid var(--dimmed-1)}.Card[data-card-dimmed="0"]{background-color:var(--dimmed-0)}.Card[data-card-dimmed="0"][data-card-highlight-hover=true]:is(:hover,:focus-visible){background-color:var(--global-background)}.Card[data-card-dimmed="1"]{background-color:var(--dimmed-1)}.Card[data-card-dimmed="1"][data-card-highlight-hover=true]:is(:hover,:focus-visible){background-color:var(--dimmed-0)}.Card[data-card-dimmed="1"][data-card-bordered=true]{border:1px solid var(--dimmed-2)}.Card[data-card-dimmed="2"]{background-color:var(--dimmed-2)}.Card[data-card-dimmed="2"][data-card-highlight-hover=true]:is(:hover,:focus-visible){background-color:var(--dimmed-1)}.Card[data-card-dimmed="2"][data-card-bordered=true]{border:1px solid var(--dimmed-3)}.Card[data-card-vibrant=true]{-webkit-backdrop-filter:saturate(180%) blur(62px);backdrop-filter:saturate(180%) blur(62px);background-color:var(--global-vibrancy-background)}.Card[data-card-vibrant=true][data-card-highlight-hover=true]:is(:hover,:focus-visible){background-color:var(--global-vibrancy-background-soft)}.Card[data-card-vibrant=true][data-card-dimmed="0"]{background-color:var(--global-vibrancy-background-soft)}.Card[data-card-vibrant=true][data-card-dimmed="0"][data-card-highlight-hover=true]:is(:hover,:focus-visible){background-color:var(--global-background)}.Card[data-card-vibrant=true][data-card-dimmed="1"]{background-color:var(--global-vibrancy-background)}.Card[data-card-vibrant=true][data-card-dimmed="1"][data-card-highlight-hover=true]:is(:hover,:focus-visible){background-color:var(--global-vibrancy-background-soft)}.Card[data-card-vibrant=true][data-card-dimmed="2"]{background-color:var(--global-vibrancy-background-hard)}.Card[data-card-vibrant=true][data-card-dimmed="2"][data-card-highlight-hover=true]:is(:hover,:focus-visible){background-color:var(--global-vibrancy-background)}.Row{height:100%}.Left{flex-shrink:0}.Content{flex-grow:1;height:100%;width:100%}.Right{flex-shrink:0}}