:root[data-color-mode="dark"]{
  color-scheme:dark;
  --t-text-color-headline:hsl(0, 0%, 94%);
  --t-text-color:hsl(0, 0%, 80%);
  --t-text-color-secondary:hsl(0, 0%, 54%);
  --t-text-color-disabled:hsl(0, 0%, 32%);
  --t-text-color-placeholder:hsl(0, 0%, 38%);
  --t-text-color-interaction:hsl(204, 68%, 55%);
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
  --t-text-color-interaction-visited:hsl(204, 68%, 50%);
  --t-text-color-status-neutral:hsl(0, 0%, 80%);
  --t-text-color-status-info:hsl(204, 68%, 55%);
  --t-text-color-status-success:hsl(97, 57%, 41%);
  --t-text-color-status-warning:hsl(42, 84%, 55%);
  --t-text-color-status-error:hsl(8, 61%, 61%);
  --t-text-color-tag-subtle-gray:hsl(0, 0%, 80%);
  --t-text-color-tag-subtle-blue:hsl(223, 46%, 84%);
  --t-text-color-tag-subtle-indigo:hsl(233, 78%, 84%);
  --t-text-color-tag-subtle-aqua:hsl(208, 77%, 85%);
  --t-text-color-tag-subtle-teal:hsl(180, 95%, 74%);
  --t-text-color-tag-subtle-green:hsl(99, 93%, 84%);
  --t-text-color-tag-subtle-yellow:hsl(29, 100%, 85%);
  --t-text-color-tag-subtle-orange:hsl(18, 100%, 85%);
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
  --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
  --t-icon-color:hsl(0, 0%, 80%);
  --t-icon-color-secondary:hsl(0, 0%, 54%);
  --t-icon-color-dim:hsl(0, 0%, 38%);
  --t-icon-color-disabled:hsl(0, 0%, 25%);
  --t-icon-color-status-neutral:hsl(0, 0%, 54%);
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
  --t-icon-color-status-info:hsl(204, 68%, 55%);
  --t-icon-color-status-error:hsl(8, 61%, 61%);
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
  --t-fill-color-neutral-010:hsl(0, 0%, 88%);
  --t-fill-color-neutral-020:hsl(0, 0%, 68%);
  --t-fill-color-neutral-025:hsl(0, 0%, 58%);
  --t-fill-color-neutral-030:hsl(0, 0%, 50%);
  --t-fill-color-neutral-040:hsl(0, 0%, 32%);
  --t-fill-color-neutral-050:hsl(0, 0%, 24%);
  --t-fill-color-neutral-060:hsl(0, 0%, 19%);
  --t-fill-color-neutral-070:hsl(0, 0%, 17%);
  --t-fill-color-neutral-080:hsl(0, 0%, 15%);
  --t-fill-color-neutral-090:hsl(0, 0%, 12%);
  --t-fill-color-interaction:hsl(204, 100%, 35%);
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
  --t-fill-color-control-neutral:hsl(0, 0%, 32%);
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
  --t-fill-color-status-neutral:hsl(0, 0%, 24%);
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
  --t-fill-color-status-info:hsl(204, 100%, 35%);
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
  --t-fill-color-status-error-hover:hsl(8, 60%, 64%);
  --t-fill-color-tooltip:hsla(0, 0%, 24%, 0.9);
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));
  --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));
  --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));
  --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));
  --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));
  --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));
  --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
  --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
  --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
  --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
  --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
  --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
  --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
  --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
  --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
  --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
  --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
  --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
  --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
  --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
  --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
  --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
  --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
  --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
  --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
  --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
  --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
  --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
  --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
  --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
  --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
  --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
  --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
  --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
  --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
  --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
  --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
  --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
  --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
  --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
  --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
  --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
  --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
  --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
  --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
  --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
  --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
  --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
  --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
  --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
  --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
  --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
  --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
  --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
  --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
  --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
  --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
  --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
  --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
  --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-pill:hsl(0, 0%, 18%);
  --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
  --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
  --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
  --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
  --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
  --t-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
  --t-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
  --t-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
  --t-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
  --t-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
  --t-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
  --t-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
  --t-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
  --t-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
  --t-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
  --t-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
  --t-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
  --t-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
  --t-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
  --t-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
  --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
  --t-surface-color-card:hsl(0, 0%, 12%);
  --t-surface-color-canvas:hsl(0, 0%, 10%);
  --t-border-color:hsl(0, 0%, 21%);
  --t-border-color-dark:hsl(0, 0%, 25%);
  --t-border-color-darker:hsl(0, 0%, 33%);
  --t-border-color-darkest:hsl(0, 0%, 38%);
  --t-border-color-disabled:hsl(0, 0%, 21%);
  --t-border-color-dim:hsl(0, 0%, 16%);
  --t-border-color-white:hsl(0, 0%, 12%);
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
  --t-border-color-status-info:hsl(204, 100%, 35%);
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
  --t-border-color-control-info:hsl(204, 100%, 35%);
  --t-border-color-control-disabled:hsl(0, 0%, 24%);
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
}

@media (prefers-color-scheme: dark){
:root[data-color-mode="system"]{
  color-scheme:dark;
  --t-text-color-headline:hsl(0, 0%, 94%);
  --t-text-color:hsl(0, 0%, 80%);
  --t-text-color-secondary:hsl(0, 0%, 54%);
  --t-text-color-disabled:hsl(0, 0%, 32%);
  --t-text-color-placeholder:hsl(0, 0%, 38%);
  --t-text-color-interaction:hsl(204, 68%, 55%);
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
  --t-text-color-interaction-visited:hsl(204, 68%, 50%);
  --t-text-color-status-neutral:hsl(0, 0%, 80%);
  --t-text-color-status-info:hsl(204, 68%, 55%);
  --t-text-color-status-success:hsl(97, 57%, 41%);
  --t-text-color-status-warning:hsl(42, 84%, 55%);
  --t-text-color-status-error:hsl(8, 61%, 61%);
  --t-text-color-tag-subtle-gray:hsl(0, 0%, 80%);
  --t-text-color-tag-subtle-blue:hsl(223, 46%, 84%);
  --t-text-color-tag-subtle-indigo:hsl(233, 78%, 84%);
  --t-text-color-tag-subtle-aqua:hsl(208, 77%, 85%);
  --t-text-color-tag-subtle-teal:hsl(180, 95%, 74%);
  --t-text-color-tag-subtle-green:hsl(99, 93%, 84%);
  --t-text-color-tag-subtle-yellow:hsl(29, 100%, 85%);
  --t-text-color-tag-subtle-orange:hsl(18, 100%, 85%);
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
  --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
  --t-icon-color:hsl(0, 0%, 80%);
  --t-icon-color-secondary:hsl(0, 0%, 54%);
  --t-icon-color-dim:hsl(0, 0%, 38%);
  --t-icon-color-disabled:hsl(0, 0%, 25%);
  --t-icon-color-status-neutral:hsl(0, 0%, 54%);
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
  --t-icon-color-status-info:hsl(204, 68%, 55%);
  --t-icon-color-status-error:hsl(8, 61%, 61%);
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
  --t-fill-color-neutral-010:hsl(0, 0%, 88%);
  --t-fill-color-neutral-020:hsl(0, 0%, 68%);
  --t-fill-color-neutral-025:hsl(0, 0%, 58%);
  --t-fill-color-neutral-030:hsl(0, 0%, 50%);
  --t-fill-color-neutral-040:hsl(0, 0%, 32%);
  --t-fill-color-neutral-050:hsl(0, 0%, 24%);
  --t-fill-color-neutral-060:hsl(0, 0%, 19%);
  --t-fill-color-neutral-070:hsl(0, 0%, 17%);
  --t-fill-color-neutral-080:hsl(0, 0%, 15%);
  --t-fill-color-neutral-090:hsl(0, 0%, 12%);
  --t-fill-color-interaction:hsl(204, 100%, 35%);
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
  --t-fill-color-control-neutral:hsl(0, 0%, 32%);
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
  --t-fill-color-status-neutral:hsl(0, 0%, 24%);
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
  --t-fill-color-status-info:hsl(204, 100%, 35%);
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
  --t-fill-color-status-error-hover:hsl(8, 60%, 64%);
  --t-fill-color-tooltip:hsla(0, 0%, 24%, 0.9);
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));
  --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));
  --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));
  --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));
  --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));
  --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));
  --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
  --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
  --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
  --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
  --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
  --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
  --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
  --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
  --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
  --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
  --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
  --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
  --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
  --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
  --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
  --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
  --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
  --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
  --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
  --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
  --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
  --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
  --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
  --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
  --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
  --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
  --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
  --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
  --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
  --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
  --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
  --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
  --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
  --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
  --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
  --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
  --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
  --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
  --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
  --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
  --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
  --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
  --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
  --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
  --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
  --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
  --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
  --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
  --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
  --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
  --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
  --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
  --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
  --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-pill:hsl(0, 0%, 18%);
  --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
  --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
  --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
  --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
  --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
  --t-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
  --t-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
  --t-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
  --t-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
  --t-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
  --t-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
  --t-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
  --t-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
  --t-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
  --t-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
  --t-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
  --t-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
  --t-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
  --t-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
  --t-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
  --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
  --t-surface-color-card:hsl(0, 0%, 12%);
  --t-surface-color-canvas:hsl(0, 0%, 10%);
  --t-border-color:hsl(0, 0%, 21%);
  --t-border-color-dark:hsl(0, 0%, 25%);
  --t-border-color-darker:hsl(0, 0%, 33%);
  --t-border-color-darkest:hsl(0, 0%, 38%);
  --t-border-color-disabled:hsl(0, 0%, 21%);
  --t-border-color-dim:hsl(0, 0%, 16%);
  --t-border-color-white:hsl(0, 0%, 12%);
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
  --t-border-color-status-info:hsl(204, 100%, 35%);
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
  --t-border-color-control-info:hsl(204, 100%, 35%);
  --t-border-color-control-disabled:hsl(0, 0%, 24%);
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
}
}

/*# sourceMappingURL=tokens-dark.css.map */