@layer cosmos{cosmos-title{--cosmos-title-color:var(--vandeer-color-text-neutral-inverse-prominent);--cosmos-title-font-family:var(--vandeer-typography-title-typeface);--cosmos-title-font-weight:var(--vandeer-typography-title-weight);--cosmos-title-text-transform:var(--vandeer-typography-title-text-transform)}cosmos-title[size=xx-small]{--cosmos-title-font-size:var(--vandeer-typography-title-xx-small-size-mobile);--cosmos-title-line-height:var(--vandeer-typography-title-xx-small-line-height);--cosmos-title-letter-spacing:var(--vandeer-typography-title-xx-small-letter-spacing)}cosmos-title[size=x-small]{--cosmos-title-font-size:var(--vandeer-typography-title-x-small-size-mobile);--cosmos-title-line-height:var(--vandeer-typography-title-x-small-line-height);--cosmos-title-letter-spacing:var(--vandeer-typography-title-x-small-letter-spacing)}cosmos-title[size=small]{--cosmos-title-font-size:var(--vandeer-typography-title-small-size-mobile);--cosmos-title-line-height:var(--vandeer-typography-title-small-line-height);--cosmos-title-letter-spacing:var(--vandeer-typography-title-small-letter-spacing)}cosmos-title[size=medium]{--cosmos-title-font-size:var(--vandeer-typography-title-medium-size-mobile);--cosmos-title-line-height:var(--vandeer-typography-title-medium-line-height);--cosmos-title-letter-spacing:var(--vandeer-typography-title-medium-letter-spacing)}cosmos-title[size=large]{--cosmos-title-font-size:var(--vandeer-typography-title-large-size-mobile);--cosmos-title-line-height:var(--vandeer-typography-title-large-line-height);--cosmos-title-letter-spacing:var(--vandeer-typography-title-large-letter-spacing)}cosmos-title[size=x-large]{--cosmos-title-font-size:var(--vandeer-typography-title-x-large-size-mobile);--cosmos-title-line-height:var(--vandeer-typography-title-x-large-line-height);--cosmos-title-letter-spacing:var(--vandeer-typography-title-x-large-letter-spacing)}cosmos-title[size=xx-large]{--cosmos-title-font-size:var(--vandeer-typography-title-xx-large-size-mobile);--cosmos-title-line-height:var(--vandeer-typography-title-xx-large-line-height);--cosmos-title-letter-spacing:var(--vandeer-typography-title-xx-large-letter-spacing)}cosmos-title[appearance=dark]{--cosmos-title-color:var(--vandeer-color-text-neutral-inverse-prominent)}cosmos-title[appearance=light]{--cosmos-title-color:var(--vandeer-color-text-neutral-prominent)}@media (min-width:650px){cosmos-title[size=xx-small]{--cosmos-title-font-size:var(--vandeer-typography-title-xx-small-size-desktop)}cosmos-title[size=x-small]{--cosmos-title-font-size:var(--vandeer-typography-title-x-small-size-desktop)}cosmos-title[size=small]{--cosmos-title-font-size:var(--vandeer-typography-title-small-size-desktop)}cosmos-title[size=medium]{--cosmos-title-font-size:var(--vandeer-typography-title-medium-size-desktop)}cosmos-title[size=large]{--cosmos-title-font-size:var(--vandeer-typography-title-large-size-desktop)}cosmos-title[size=x-large]{--cosmos-title-font-size:var(--vandeer-typography-title-x-large-size-desktop)}cosmos-title[size=xx-large]{--cosmos-title-font-size:var(--vandeer-typography-title-xx-large-size-desktop)}}}
@layer cosmos{cosmos-button{--cosmos-button-font-family:var(--vandeer-typography-title-typeface);--cosmos-button-border-radius:.1875rem;--cosmos-button-font-style:normal;--cosmos-button-font-weight:500;--cosmos-button-text-transform:uppercase}cosmos-button::part(base){gap:1.25rem;padding-left:.75rem;padding-right:.75rem;transition:background-color .2s,color .2s}cosmos-button[data-variant=primary]{--cosmos-button-color:var(--vandeer-color-text-neutral-prominent);--cosmos-button-color-hover:var(--vandeer-color-text-neutral-prominent);--cosmos-button-background:var(--vandeer-color-fill-brand-primary-default);--cosmos-button-background-hover:var(--vandeer-color-fill-brand-primary-hover)}cosmos-button[data-variant=secondary-light]::part(base){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}cosmos-button[data-variant=secondary-light]::part(base){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}cosmos-button[data-variant=secondary-light]{--cosmos-button-color:var(--vandeer-color-text-neutral-prominent);--cosmos-button-color-hover:var(--vandeer-color-text-neutral-prominent);--cosmos-button-background:color-mix(in oklab,var(--vandeer-color-fill-neutral-prominent)10%,transparent);--cosmos-button-background-hover:color-mix(in oklab,var(--vandeer-color-fill-neutral-prominent)15%,transparent)}cosmos-button[data-variant=secondary-dark]{--cosmos-button-color:var(--vandeer-color-text-neutral-inverse-prominent);--cosmos-button-color-hover:var(--vandeer-color-text-neutral-inverse-prominent);--cosmos-button-background:color-mix(in oklab,var(--vandeer-color-fill-neutral-inverse-prominent)10%,transparent);--cosmos-button-background-hover:color-mix(in oklab,var(--vandeer-color-fill-neutral-inverse-prominent)15%,transparent)}cosmos-button[data-variant=outline-light]{--cosmos-button-color:var(--vandeer-color-text-neutral-prominent);--cosmos-button-color-hover:var(--vandeer-color-text-neutral-prominent);--cosmos-button-background:transparent;--cosmos-button-background-hover:transparent;--cosmos-button-border-width:1px;--cosmos-button-border-color:color-mix(in oklab,var(--vandeer-color-fill-neutral-prominent)10%,transparent);--cosmos-button-border-color-hover:color-mix(in oklab,var(--vandeer-color-fill-neutral-prominent)15%,transparent)}cosmos-button[data-variant=outline-dark]{--cosmos-button-color:var(--vandeer-color-text-neutral-inverse-prominent);--cosmos-button-color-hover:var(--vandeer-color-text-neutral-inverse-prominent);--cosmos-button-background:transparent;--cosmos-button-background-hover:transparent;--cosmos-button-border-width:1px;--cosmos-button-border-color:color-mix(in oklab,var(--vandeer-color-fill-neutral-inverse-prominent)10%,transparent);--cosmos-button-border-color-hover:color-mix(in oklab,var(--vandeer-color-fill-neutral-inverse-prominent)15%,transparent)}cosmos-button[size=small]{--cosmos-button-font-size:.75rem;--cosmos-button-letter-spacing:.03rem;--cosmos-button-icon-size:1rem}cosmos-button[size=medium],cosmos-button[size=large]{--cosmos-button-font-size:1.0625rem;--cosmos-button-letter-spacing:.0425rem;--cosmos-button-icon-size:1.5rem}cosmos-button[size=small]::part(base){height:2.25rem}cosmos-button[size=medium]::part(base){height:2.5rem}cosmos-button[size=large]::part(base){height:3rem}cosmos-button[size=small] [slot=icon]{width:1rem;height:1rem}cosmos-button[size=medium] [slot=icon],cosmos-button[size=large] [slot=icon]{width:1.5rem;height:1.5rem}cosmos-button[data-layout=justified]::part(base){justify-content:space-between}}