:root{--default-font: "Inter", sans-serif;--border-radius: 8px;--page-gutter: 40px;--sidebar-width: 400px;--gutter: 0px;--rails-page-gutter: 3rem;--white: #ffffff;--primary-010: hsl(210, 20%, 98%);--primary-025: hsl(214, 23%, 94%);--primary-050: hsl(218, 22%, 86%);--primary-100: hsl(217, 22%, 72%);--primary-200: hsl(218, 22%, 64%);--primary-300: hsl(217, 27%, 49%);--primary-400: hsl(217, 40%, 40%);--primary-500: hsl(217, 90%, 20%);--brand-h: 217;--brand-010: hsl(var(--brand-h), 95%, 96%);--brand-025: hsl(var(--brand-h), 95%, 94%);--brand-050: hsl(var(--brand-h), 95%, 91%);--brand-100: hsl(var(--brand-h), 95%, 53%);--brand-200: hsl(var(--brand-h), 95%, 47%);--brand-300: hsl(var(--brand-h), 95%, 42%);--brand-400: hsl(var(--brand-h), 95%, 35%);--brand-500: hsl(var(--brand-h), 95%, 30%);--brand: var(--brand-200);--blue-h: 217;--blue-010: hsl(var(--blue-h), 95%, 96%);--blue-025: hsl(var(--blue-h), 95%, 94%);--blue-050: hsl(var(--blue-h), 95%, 91%);--blue-100: hsl(var(--blue-h), 95%, 53%);--blue-200: hsl(var(--blue-h), 95%, 47%);--blue-300: hsl(var(--blue-h), 95%, 42%);--blue-400: hsl(var(--blue-h), 95%, 35%);--blue-500: hsl(var(--blue-h), 95%, 30%);--blue: var(--blue-100);--red-h: 353;--red-010: hsla(var(--red-h), 95%, 95%, 1);--red-025: hsla(var(--red-h), 95%, 94%, 1);--red-050: hsla(var(--red-h), 95%, 91%, 1);--red-100: hsla(var(--red-h), 79%, 52%, 1);--red-200: hsla(var(--red-h), 79%, 48%, 1);--red-300: hsla(var(--red-h), 79%, 44%, 1);--red-400: hsla(var(--red-h), 79%, 35%, 1);--red-500: hsla(var(--red-h), 79%, 30%, 1);--red: var(--red-100);--green-h: 150;--green-010: hsl(var(--green-h), 66%, 93%);--green-025: hsl(var(--green-h), 65%, 90%);--green-050: hsl(var(--green-h), 65%, 80%);--green-100: hsl(var(--green-h), 65%, 50%);--green-200: hsl(var(--green-h), 65%, 45%);--green-300: hsl(var(--green-h), 65%, 40%);--green-400: hsl(var(--green-h), 65%, 35%);--green-500: hsl(var(--green-h), 65%, 30%);--green: var(--green-200);--yellow-h: 52;--yellow-010: hsl(var(--yellow-h), 100%, 92%);--yellow-025: hsl(var(--yellow-h), 99%, 90%);--yellow-050: hsl(var(--yellow-h), 99%, 80%);--yellow-100: hsl(var(--yellow-h), 99%, 60%);--yellow-200: hsl(var(--yellow-h), 99%, 50%);--yellow-300: hsl(var(--yellow-h), 99%, 45%);--yellow-400: hsl(var(--yellow-h), 99%, 35%);--yellow-500: hsl(var(--yellow-h), 99%, 30%);--yellow: var(--yellow-100);--orange-h: 20;--orange-010: hsl(var(--orange-h), 100%, 95%);--orange-025: hsl(var(--orange-h), 100%, 90%);--orange-050: hsl(var(--orange-h), 100%, 80%);--orange-100: hsl(var(--orange-h), 100%, 60%);--orange-200: hsl(var(--orange-h), 100%, 50%);--orange-300: hsl(var(--orange-h), 100%, 45%);--orange-400: hsl(var(--orange-h), 100%, 40%);--orange-500: hsl(var(--orange-h), 100%, 35%);--orange: var(--orange-100);--violet-h: 270;--violet-010: hsl(var(--violet-h), 80%, 95%);--violet-025: hsl(var(--violet-h), 80%, 90%);--violet-050: hsl(var(--violet-h), 80%, 80%);--violet-100: hsl(var(--violet-h), 80%, 60%);--violet-200: hsl(var(--violet-h), 80%, 50%);--violet-300: hsl(var(--violet-h), 80%, 45%);--violet-400: hsl(var(--violet-h), 80%, 35%);--violet-500: hsl(var(--violet-h), 80%, 30%);--violett: var(--violet-100);--header-background-color: var(--white);--header-button-text-color: var(--primary-500);--header-button-text-highlight-color: var(--blue-200);--header-button-background-color: var(--white);--header-button-background-hover-color: var(--blue-010);--header-button-background-active-color: var(--blue-025);--header-button-outline-color: var(--brand-100);--logo-position: center;--logo-height: 30px;--account-name-display: block;--breadcrumb-background-color: var(--primary-010);--breadcrumb-divider-color: var(--primary-200);--breadcrumb-border-color: var(--primary-050);--breadcrumb-last-item-color: var(--primary-500);--breadcrumb-button-text-color: var(--blue-200);--breadcrumb-button-text-highlight-color: var(--blue-300);--breadcrumb-button-active-text-color: var(--blue-400);--breadcrumb-button-hover-background-color: var(--blue-010);--breadcrumb-button-active-background-color: var(--blue-025);--focus-color: var(--blue)}