*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

body {
  text-rendering: optimizeSpeed;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  height: 100%;
}

html {
  position: relative;
  scroll-behavior: smooth;
  overflow-y: scroll;
}

:where(img, picture, video, canvas, svg):not([class]):empty {
  display: block;
  max-width: 100%;
}

figure {
  position: relative;
  width: 100%;
}

:where(p, h1, h2, h3, h4, h5, h6, a) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3, h4, h5, h6) a {
  color: inherit;
}

:where(ul, ol) {
  padding: 0;
  list-style: none;
}

button {
  all: unset;
  cursor: pointer;
}

a {
  text-decoration: none;
  cursor: pointer;
}

address {
  font-style: normal;
}

article {
  position: relative;
}

iframe {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
}

@font-face {
  font-family: "Roobert";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Roobert-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Roobert";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Roobert-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Roobert";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Roobert-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Roobert";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Roobert-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Right Grotesk";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/RightGrotesk-NarrowBlack.woff2") format("woff2");
}
.l-body {
  display: flex;
  flex-direction: column;
}

.l-main {
  position: relative;
  flex: 1;
  z-index: 0;
}

.l-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-inline: 4rem;
}

.l-container {
  position: relative;
  width: min(100%, 87.5rem);
  z-index: 10;
}
.l-container:is(.-tiny) {
  width: min(100%, 62.5rem);
}
.l-container:is(.-small) {
  width: min(100%, 75rem);
}
.l-container:is(.-large) {
  width: min(100%, 100rem);
}
.l-container:is(.-xlarge) {
  width: min(100%, 112.5rem);
}

.l-row {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.l-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.5rem;
}
.l-grid:is(.-align-center) {
  align-items: center;
}
.l-grid:is(.-align-end) {
  align-items: flex-end;
}

.l-cell {
  grid-column-end: span 12;
}
.l-cell:is(.-center):is(.-cell4) {
  grid-column-start: 5;
}
.l-cell:is(.-center):is(.-cell6) {
  grid-column-start: 4;
}
.l-cell:is(.-center):is(.-cell8) {
  grid-column-start: 3;
}
.l-cell:is(.-center):is(.-cell10) {
  grid-column-start: 2;
}

.-cell2 {
  grid-column-end: span 2 !important;
}

.-cell3 {
  grid-column-end: span 3 !important;
}

.-cell4 {
  grid-column-end: span 4 !important;
}

.-cell5 {
  grid-column-end: span 5 !important;
}

.-cell6 {
  grid-column-end: span 6 !important;
}

.-cell7 {
  grid-column-end: span 7 !important;
}

.-cell8 {
  grid-column-end: span 8 !important;
}

.-cell9 {
  grid-column-end: span 9 !important;
}

.-cell10 {
  grid-column-end: span 10 !important;
}

.-cell11 {
  grid-column-end: span 11 !important;
}

.-cell-start2 {
  grid-column-start: 2;
}

.-cell-start3 {
  grid-column-start: 3;
}

.-cell-start4 {
  grid-column-start: 4;
}

.-cell-start5 {
  grid-column-start: 5;
}

.-cell-start6 {
  grid-column-start: 6;
}

.-cell-start7 {
  grid-column-start: 7;
}

.-cell-start8 {
  grid-column-start: 8;
}

.-cell-start9 {
  grid-column-start: 9;
}

.-cell-start10 {
  grid-column-start: 10;
}

.-cell-start11 {
  grid-column-start: 11;
}

.-cell-start12 {
  grid-column-start: 12;
}

body {
  font-family: "Roobert", "Segoe", Arial, Helvetica, ssans-serif;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.01em;
  font-size: 1rem;
  color: #585858;
}

h1 {
  font-family: "Roobert", "Segoe", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  color: #383838;
  letter-spacing: -0.015em;
  font-size: 2.75rem;
}

h2 {
  font-family: "Roobert", "Segoe", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  color: #383838;
  letter-spacing: -0.015em;
  font-size: 2.25rem;
}

h3 {
  font-family: "Roobert", "Segoe", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  color: #383838;
  letter-spacing: -0.015em;
  font-size: 2rem;
}

h4 {
  font-family: "Roobert", "Segoe", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  color: #383838;
  letter-spacing: -0.015em;
  font-size: 1.5rem;
}

h5 {
  font-family: "Roobert", "Segoe", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  color: #383838;
  letter-spacing: -0.015em;
  font-size: 1.375rem;
}

h6 {
  font-family: "Roobert", "Segoe", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  color: #383838;
  letter-spacing: -0.015em;
  font-size: 1.25rem;
}

.c-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-inline: 4rem;
  z-index: 0;
}
.c-footer__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: min(100%, 87.5rem);
  z-index: 10;
}

.c-nav {
  position: fixed;
  left: 0;
  height: 100%;
  padding: 0.75rem 0rem 0.75rem 0.75rem;
  z-index: 1000;
}
.c-nav__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  width: 5.25rem;
  height: 100%;
  padding: 0.625rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
  transition: 0.225s cubic-bezier(0.7, 0, 0.2, 1) width;
}
.c-nav__container > * {
  position: relative;
  z-index: 10;
}

.c-logo {
  height: 1.375rem;
  fill: #e6e6e6;
}
.c-logo__wrapper {
  padding: 1.25rem 0rem 1.25rem 1.375rem;
}

.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:hover,
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:has(.c-dashboard-nav__item[data-state=dragging]) {
  width: 17.125rem;
}
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:hover .c-dashboard-link__title,
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:hover .c-nav-link__title,
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:has(.c-dashboard-nav__item[data-state=dragging]) .c-dashboard-link__title,
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:has(.c-dashboard-nav__item[data-state=dragging]) .c-nav-link__title {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.075s;
}
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:hover .c-dashboard-link::after,
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:hover .c-nav-link::after,
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:has(.c-dashboard-nav__item[data-state=dragging]) .c-dashboard-link::after,
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:has(.c-dashboard-nav__item[data-state=dragging]) .c-nav-link::after {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
  transition-delay: 0.3s;
}
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:hover .c-nav-group__item:has(.c-nav-dropdown) .c-nav-link::after,
.l-body:not(:has(.c-modal, .c-demo):is([data-state=inactive])) .c-nav__container:has(.c-dashboard-nav__item[data-state=dragging]) .c-nav-group__item:has(.c-nav-dropdown) .c-nav-link::after {
  transform: translate(0, -50%) rotate(45deg);
  opacity: 1;
  visibility: visible;
}

.c-nav-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.75rem;
}
.c-nav-group:not(:last-child) {
  margin-bottom: auto;
  padding-top: 1.25rem;
}
.c-nav-group__item {
  position: relative;
}

.c-nav-link__title {
  position: absolute;
  top: 50%;
  left: 2.25rem;
  transform: translate(0, -50%);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-nav-link__icon {
  display: flex;
}

.c-nav-link,
.c-nav-dropdown__link {
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-weight: 600;
  cursor: pointer;
}
.c-nav-link span:has(svg),
.c-nav-dropdown__link span:has(svg) {
  display: flex;
}
.c-nav-link svg,
.c-nav-dropdown__link svg {
  height: 1rem;
}
.c-nav-link:has(> svg:only-child),
.c-nav-dropdown__link:has(> svg:only-child) {
  width: 2.25rem;
}
.c-nav-link:has(> svg:only-child),
.c-nav-dropdown__link:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-nav-link:where(:hover),
.c-nav-dropdown__link:where(:hover) {
  background: #F8F8F8;
  color: #464646;
}
.c-nav-link:where(:hover) svg,
.c-nav-dropdown__link:where(:hover) svg {
  fill: #464646;
}
.c-nav-link[data-state=new],
.c-nav-dropdown__link[data-state=new] {
  background: rgb(240, 253.44, 252.9);
  color: #00655A;
}
.c-nav-link[data-state=new]::before,
.c-nav-dropdown__link[data-state=new]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.125rem;
  background: #05E5DC;
  transition-property: transform, opacity;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-nav-link[data-state=new]::after,
.c-nav-dropdown__link[data-state=new]::after {
  content: "Nieuw";
  position: absolute;
  top: 50%;
  right: 0.25rem;
  transform: translate(0, -150%);
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.125rem;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  transition-property: transform, opacity;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-nav-link[data-state=new]:where(:hover)::before,
.c-nav-dropdown__link[data-state=new]:where(:hover)::before {
  opacity: 0;
  visibility: hidden;
}
.c-nav-link[data-state=new]:where(:hover)::after,
.c-nav-dropdown__link[data-state=new]:where(:hover)::after {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}
.c-nav-dropdown {
  position: absolute;
  left: 12.5rem;
  bottom: -0.625rem;
  width: 15rem;
  height: auto;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
  transform: translate(-1rem, 0);
  padding: 0.5rem;
  border-radius: 0.75rem;
  z-index: 1095;
  opacity: 0;
  visibility: hidden;
  transition-property: transform, opacity;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

:where(.c-nav-group__item:has(.c-nav-dropdown)) .c-nav-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translate(0, -50%);
  width: 0.3125rem;
  height: 0.3125rem;
  border-top: 0.09375rem solid #585858;
  border-right: 0.09375rem solid #585858;
  transform: rotate(-45deg);
  opacity: 0;
  visibility: hidden;
}

:where(.c-nav-group__item:has(.c-nav-dropdown):hover) .c-nav-link {
  background: #F8F8F8;
  color: #464646;
}
:where(.c-nav-group__item:has(.c-nav-dropdown):hover) .c-nav-link svg {
  fill: #464646;
}
:where(.c-nav-group__item:has(.c-nav-dropdown):hover) .c-nav-dropdown {
  transform: translate(0, 0);
  z-index: 1100;
  opacity: 1;
  visibility: visible;
}

.c-dashboard-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-block: 0.75rem;
  background: #F8F8F8;
  border-radius: 0.5rem;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) background;
}
.c-dashboard-nav__item {
  position: relative;
  width: 100%;
}
.c-dashboard-nav__item:where(:hover) .c-dashboard-link__drag {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.075s;
}

.c-dashboard-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.125rem;
  padding-left: 1.25rem;
  color: #383838;
  border-radius: 0.5rem;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) background;
}
.c-dashboard-link__icon {
  display: flex;
  height: 1.375rem;
  width: auto;
  transform: translate(0rem, -0.03125rem);
}
.c-dashboard-link__title {
  position: absolute;
  top: 50%;
  left: 3.625rem;
  transform: translate(0, -50%);
  font-size: 1.0625rem;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-dashboard-link__drag {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: 1.125rem;
  height: 1.375rem;
  transform: translate(0, -50%);
  border-radius: 0.25rem;
  background: #FFFFFF;
  cursor: grab;
  box-shadow: 0rem 0rem 0.375rem 0rem rgba(0, 0, 0, 0.015);
  opacity: 0;
  visibility: hidden;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-dashboard-link__drag svg {
  width: 0.75rem;
}
:where(.c-dashboard-group__item:hover) .c-dashboard-link__drag {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.075s;
}

.c-dashboard-nav__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  transition-property: background, height, top, width;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-dashboard-nav:has(.c-dashboard-nav__item:hover) {
  background: transparent;
}
.c-dashboard-nav:has(.c-dashboard-nav__item:hover) .c-dashboard-nav__backdrop {
  width: 100%;
  height: 3.125rem;
  background: #F8F8F8;
}
.c-dashboard-nav:has(.c-dashboard-nav__item[data-state=dragging]) .c-dashboard-nav__backdrop {
  opacity: 0;
}
.c-dashboard-nav:has(.c-dashboard-nav__item:nth-child(2):hover) .c-dashboard-nav__backdrop {
  top: 0.75rem;
}
.c-dashboard-nav:has(.c-dashboard-nav__item:nth-child(3):hover) .c-dashboard-nav__backdrop {
  top: 3.875rem;
}
.c-dashboard-nav:has(.c-dashboard-nav__item:nth-child(4):hover) .c-dashboard-nav__backdrop {
  top: 7rem;
}
.c-dashboard-nav:has(.c-dashboard-nav__item:nth-child(5):hover) .c-dashboard-nav__backdrop {
  top: 10.125rem;
}
.c-dashboard-nav:has(.c-dashboard-nav__item:nth-child(6):hover) .c-dashboard-nav__backdrop {
  top: 13.25rem;
}
.c-dashboard-nav:has(.c-dashboard-nav__item:nth-child(7):hover) .c-dashboard-nav__backdrop {
  top: 16.375rem;
}

.c-dashboard-nav__item[data-state=dragging] {
  max-width: 15rem;
  border-radius: 0.5rem;
  background: #F8F8F8;
  opacity: 0.75;
  z-index: 100;
  pointer-events: none;
}
.c-dashboard-nav__item[data-state=original-placeholder], .c-dashboard-nav__item[data-state=insert-placeholder] {
  opacity: 0.25;
  background-color: #F8F8F8;
}
.c-dashboard-nav__item[data-state=insert-placeholder]::before {
  content: "";
  position: absolute;
  top: -0.0625rem;
  left: 4%;
  width: 92%;
  height: 0.125rem;
  background: #383838;
  border-radius: 0.046875rem;
}

.c-footer {
  height: 5rem;
}

.c-footer-menu {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 1.25rem;
}
.c-footer-menu__link {
  display: flex;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  color: #A4A4A4;
}
.c-footer-menu__link span:has(svg) {
  display: flex;
}
.c-footer-menu__link svg {
  height: 1rem;
}
.c-footer-menu__link:has(svg) {
  align-items: center;
}
.c-footer-menu__link:not(a, [data-toggle]) {
  cursor: default;
}

.c-colophon {
  display: flex;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  color: #A4A4A4;
}
.c-colophon span:has(svg) {
  display: flex;
}
.c-colophon svg {
  height: 1rem;
}
.c-colophon:has(svg) {
  align-items: center;
}

html {
  font-size: 14px;
}
@media screen and (min-width: 50em) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 75em) {
  html {
    font-size: 16px;
  }
}

.l-body {
  background: #F8F8F8;
}
.l-body:has(.c-nav) {
  padding-left: 6rem;
}
.l-body:has(.c-footer) .l-main {
  min-height: calc(100vh - 5rem);
}
.l-body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #DDDDDD 0.0625rem, transparent 0.0625rem);
  background-size: 1.375rem 1.375rem;
  z-index: 0;
}

.l-main {
  z-index: 5;
}

.l-section {
  padding-block: 5rem;
}
.l-section:has(.c-home-grid) {
  padding-top: 7.5rem;
}

@media screen and (max-width: 87.4375em) {
  .l-body:has(.c-page) .l-section {
    padding: 0.75rem 0.75rem 0rem;
  }
  .l-body:has(.c-page) .l-container {
    width: 100%;
  }
  .l-body:has(.c-page) .c-footer {
    padding-inline: 1.5rem;
  }
}
@media screen and (min-width: 112.5em) {
  .l-body:has(.c-page) .c-footer__container {
    width: min(100%, 100rem);
  }
}
.l-body:has(.c-page):has(.c-page:is(.-full), .c-page__sidebar) .l-section {
  padding: 0.75rem 0.75rem 0rem;
}
.l-body:has(.c-page):has(.c-page:is(.-full), .c-page__sidebar) .l-container {
  width: 100%;
}
.l-body:has(.c-page):has(.c-page:is(.-full), .c-page__sidebar) .c-footer {
  padding-inline: 1.5rem;
}
.l-body:has(.c-page):has(.c-page:is(.-full), .c-page__sidebar) .c-footer__container {
  width: min(100%, 100rem);
}

.c-home-grid {
  display: grid;
  gap: 4rem;
}
@media screen and (min-width: 65em) {
  .c-home-grid {
    grid-template-columns: 1fr minmax(27.5rem, 37.5%);
  }
}
.c-home-grid__main > *:not(h1, h2, h3, :last-child), .c-home-grid__sidebar > *:not(h1, h2, h3, :last-child) {
  margin-bottom: 4rem;
}

.l-main:has(.c-login-intro) {
  padding: 0.75rem;
  min-height: 100vh;
}

.c-login-intro {
  position: relative;
  background: none;
  min-height: calc(100vh - 1.5rem);
  height: 100%;
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-login-intro > * {
  position: absolute;
  z-index: 5;
}
.c-login-intro__thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.c-login-intro__thumbnail picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-login-intro__thumbnail img {
  transition: 0.6s cubic-bezier(0.7, 0, 0.2, 1) transform;
}
.c-login-intro__title {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  z-index: 5;
  color: #FFFFFF;
}
.c-login-intro__nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  padding-left: 2.25rem;
}
.c-login-intro__nav::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200%;
  z-index: -1;
  mask: linear-gradient(to top, transparent 0%, black 100%);
  backdrop-filter: blur(16px);
  pointer-events: none;
}
.c-login-intro__logo {
  height: 1.5rem;
}

.c-page {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  gap: 0.5rem;
  min-height: 100vh;
  border-radius: 0.75rem;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-page__section {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-block: 5rem;
  padding-inline: 9rem;
  gap: 3rem;
  border-radius: 0.5rem;
  z-index: 5;
}
.c-page__container {
  position: relative;
  width: min(100%, 75rem);
}
.c-page__container:is(.-tiny) {
  width: min(100%, 50rem);
}
.c-page__container:is(.-small) {
  width: min(100%, 62.5rem);
}
.c-page__container:is(.-large) {
  width: min(100%, 87.5rem);
}
.c-page__container:is(.-xlarge) {
  width: min(100%, 100rem);
}

.c-page:not(:has(.c-page__background, .c-page__gradient)) .c-page__section:first-of-type {
  justify-content: flex-end;
}
.c-page__section:first-of-type {
  padding-top: 15rem;
}
:where(.c-page:has(.c-page__gradient)) .c-page__section:first-of-type {
  padding-top: 10rem !important;
}
.c-page__section:not(:has(+ .c-page__section)) {
  padding-bottom: 7.5rem;
}

.c-page__background, .c-page__gradient {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: 52.5rem;
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.c-page__background::before, .c-page__background::after, .c-page__gradient::before, .c-page__gradient::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.c-page__background::before, .c-page__gradient::before {
  background: radial-gradient(farthest-corner at 0% 100%, white, white 40%, transparent);
}
.c-page__background::after, .c-page__gradient::after {
  background: linear-gradient(to top, white, white 15%, transparent);
}

.c-page__background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}

.c-page__section-background {
  position: relative;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
.c-page__section-background picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-page__section-background:not(:only-child)::before, .c-page__section-background:not(:only-child)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.c-page__section-background:not(:only-child)::before {
  background: radial-gradient(farthest-corner at 0% 100%, rgba(12, 12, 12, 0.1), rgba(12, 12, 12, 0.1) 40%, transparent);
}
.c-page__section-background:not(:only-child)::after {
  background: linear-gradient(to top, rgba(12, 12, 12, 0.1), rgba(12, 12, 12, 0.1) 15%, transparent);
}
.c-page__section:has(.c-page__section-background) {
  background: none;
}
.c-page__section:has(.c-page__section-background) :where(h1, h2, h3, h4, h5, h6) {
  color: #FFFFFF;
}
.c-page__section:has(.c-page__section-background) .c-content {
  color: white;
}
.c-page__section:not(:first-of-type):has(.c-page__section-background) {
  padding-block: 7.5rem;
}
.c-page__section:has(.c-page__section-background):not(:first-of-type) {
  margin-top: 3rem;
}
.c-page__section:has(.c-page__section-background):not(:first-of-type):not(:last-of-type) {
  margin-bottom: 3rem;
}
.c-page__section:has(.c-page__section-background:only-child) {
  min-height: 40rem;
}

.c-breadcrumb-group {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  gap: 0.375rem;
  z-index: 10;
}

.c-breadcrumb {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  color: #585858;
  background: #F8F8F8;
}
.c-breadcrumb span:has(svg) {
  display: flex;
}
.c-breadcrumb svg {
  height: 0.875rem;
}
.c-breadcrumb:has(> svg:only-child) {
  width: 2rem;
}
.c-breadcrumb:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-breadcrumb:is(span) {
  cursor: default;
}
.c-breadcrumb:is(a):where(:hover) {
  background: #F4F4F4;
  color: #464646;
}
.c-breadcrumb:is(a):where(:hover) svg {
  fill: #464646;
}

.c-page__note {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  color: #585858;
  background: #F8F8F8;
  z-index: 10;
  cursor: default;
}
.c-page__note span:has(svg) {
  display: flex;
}
.c-page__note svg {
  height: 0.875rem;
}
.c-page__note:has(> svg:only-child) {
  width: 2rem;
}
.c-page__note:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}

.c-page:has(.c-page__background, .c-page__gradient, .c-page__section:first-of-type:is([data-color-dark], [data-color-light], [data-shade], [data-gradient]), .c-page__section:first-of-type .c-page__section-background) .c-breadcrumb-group {
  top: 1rem;
  left: 1rem;
}
.c-page:has(.c-page__background, .c-page__gradient, .c-page__section:first-of-type:is([data-color-dark], [data-color-light], [data-shade], [data-gradient]), .c-page__section:first-of-type .c-page__section-background) .c-page__note {
  top: 1rem;
  right: 1rem;
}

.c-page:has(.c-page__section:first-of-type .c-page__section-background) .c-breadcrumb {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(244.8, 244.8, 244.8), rgb(234.6, 234.6, 234.6)) border-box;
  backdrop-filter: blur(0.75rem);
  background: rgba(12, 12, 12, 0.05);
  color: white;
}
.c-page:has(.c-page__section:first-of-type .c-page__section-background) .c-breadcrumb:is(a):where(:hover) {
  color: #FFFFFF;
}
.c-page:has(.c-page__section:first-of-type .c-page__section-background) .c-page__note {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(244.8, 244.8, 244.8), rgb(234.6, 234.6, 234.6)) border-box;
  backdrop-filter: blur(0.75rem);
  background: rgba(12, 12, 12, 0.05);
  color: white;
}

.c-page:has(.c-page__background, .c-page__gradient, .c-page__section:first-of-type:is([data-shade], [data-gradient])) .c-breadcrumb {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-page:has(.c-page__background, .c-page__gradient, .c-page__section:first-of-type:is([data-shade], [data-gradient])) .c-page__note {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}

.c-page:has(.c-page__section:first-of-type:is([data-color-dark], [data-color-light])) .c-breadcrumb {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
}
.c-page:has(.c-page__section:first-of-type:is([data-color-dark], [data-color-light])) .c-page__note {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
}

.c-page:has(.c-page__sidebar) {
  display: grid;
  grid-template-columns: 440px 1fr;
}
.c-page:has(.c-page__sidebar) .c-page__sidebar, .c-page:has(.c-page__sidebar) .c-page__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.c-page:has(.c-page__sidebar) .c-page__sidebar {
  background: #f5f5f5;
  border-radius: 0.5rem;
  padding: 1.5rem;
}
.c-page:has(.c-page__sidebar) .c-page__content {
  max-height: calc(100vh - 1rem);
}

.c-page__nav {
  display: flex;
  justify-content: center;
  padding-block: 1.5rem;
  z-index: 1000;
}
.c-page__nav:is(.-sticky-bottom) {
  position: sticky;
  bottom: 0;
  margin-top: auto;
}
.c-page__nav:is(.-sticky-top) {
  position: sticky;
  top: 0;
}

.c-content :where(p, li) {
  max-width: 68ch;
  letter-spacing: -0.01em;
}
.c-content :where(p, li) strong {
  font-weight: 600;
}
.c-content > *:is(p, ul, ol):not(:last-child) {
  margin-bottom: 2rem;
}
.c-content > *:is(p, ul, ol):not(:last-child):has(+ ul, + ol) {
  margin-bottom: 0.5rem;
}
.c-content :where(h1, h2, h3, h4, h5, h6):not(:has(+ h1, h2, h3, h4, h5, h6)) {
  margin-bottom: 0.25rem;
}
.c-content :where(h1, h2, h3, h4, h5, h6):has(+ h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0.25rem;
}
.c-content :where(h1, h2, h3, h4, h5, h6):not([class]) {
  text-wrap: balance;
}
.c-content ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}
.c-content ul li {
  padding-left: 0.5rem;
}
.c-content a {
  font-weight: 600;
  color: inherit;
}

:where(.c-page, .c-modal[data-type=page], .c-modal[data-type=slideout]) .c-content {
  font-size: 1.0625rem;
}

.c-content:has(+ .c-group, .c-button, .c-link) {
  margin-bottom: 1.5rem;
}

.c-title {
  display: block;
  text-wrap: balance;
}
.c-title :where(h1, h2, h3, h4, h5, h6) {
  display: inline;
}
.c-title__icon {
  display: inline;
}
.c-title:has(h1) .c-title__icon:is(img) {
  transform: translate(0, 0.0625rem);
}
.c-title:has(h1) .c-title__icon:is(img):is(:first-child) {
  height: 2.25rem;
  margin-right: 0.75rem;
}
.c-title:has(h1) .c-title__icon:is(img):is(:last-child) {
  height: 1.625rem;
  margin-left: 0.625rem;
}
.c-title:has(h2) .c-title__icon:is(img) {
  transform: translate(0, 0.0625rem);
}
.c-title:has(h2) .c-title__icon:is(img):is(:first-child) {
  height: 1.875rem;
  margin-right: 0.625rem;
}
.c-title:has(h2) .c-title__icon:is(img):is(:last-child) {
  height: 1.375rem;
  margin-left: 0.5rem;
}
.c-title:has(h3) .c-title__icon:is(img) {
  transform: translate(0, 0.0625rem);
}
.c-title:has(h3) .c-title__icon:is(img):is(:first-child) {
  height: 1.625rem;
  margin-right: 0.5rem;
}
.c-title:has(h3) .c-title__icon:is(img):is(:last-child) {
  height: 1.25rem;
  margin-left: 0.375rem;
}
.c-title:has(h4) .c-title__icon:is(img) {
  transform: translate(0, 0.0625rem);
}
.c-title:has(h4) .c-title__icon:is(img):is(:first-child) {
  height: 1.25rem;
  margin-right: 0.5rem;
}
.c-title:has(h4) .c-title__icon:is(img):is(:last-child) {
  height: 1rem;
  margin-left: 0.25rem;
}
.c-title:has(h5) .c-title__icon:is(img) {
  transform: translate(0, 0.0625rem);
}
.c-title:has(h5) .c-title__icon:is(img):is(:first-child) {
  height: 1.1875rem;
  margin-right: 0.5rem;
}
.c-title:has(h5) .c-title__icon:is(img):is(:last-child) {
  height: 0.875rem;
  margin-left: 0.25rem;
}
.c-title:has(h6) .c-title__icon:is(img) {
  transform: translate(0, 0.0625rem);
}
.c-title:has(h6) .c-title__icon:is(img):is(:first-child) {
  height: 1.0625rem;
  margin-right: 0.375rem;
}
.c-title:has(h6) .c-title__icon:is(img):is(:last-child) {
  height: 0.875rem;
  margin-left: 0.25rem;
}

.c-title .c-group {
  display: inline-flex;
}
.c-title:has(h1) .c-label {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  transform: translate(0, -0.375rem);
}
.c-title:has(h1) .c-label svg {
  height: 0.875rem;
}
.c-title:has(h1) .c-label:has(> svg:only-child) {
  width: 2rem;
}
.c-title:has(h1) .c-label:first-of-type {
  margin-left: 1rem;
}
.c-title:has(h2) .c-label {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  transform: translate(0, -0.3125rem);
}
.c-title:has(h2) .c-label svg {
  height: 0.875rem;
}
.c-title:has(h2) .c-label:has(> svg:only-child) {
  width: 2rem;
}
.c-title:has(h2) .c-label:first-of-type {
  margin-left: 0.875rem;
}
.c-title:has(h3) .c-label {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  transform: translate(0, -0.25rem);
}
.c-title:has(h3) .c-label svg {
  height: 0.75rem;
}
.c-title:has(h3) .c-label:has(> svg:only-child) {
  width: 1.75rem;
}
.c-title:has(h3) .c-label:first-of-type {
  margin-left: 0.75rem;
}
.c-title:has(h4) .c-label {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  transform: translate(0, -0.1875rem);
}
.c-title:has(h4) .c-label svg {
  height: 0.75rem;
}
.c-title:has(h4) .c-label:has(> svg:only-child) {
  width: 1.75rem;
}
.c-title:has(h4) .c-label:first-of-type {
  margin-left: 0.625rem;
}
.c-title:has(h5) .c-label {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  transform: translate(0, -0.1875rem);
}
.c-title:has(h5) .c-label svg {
  height: 0.75rem;
}
.c-title:has(h5) .c-label:has(> svg:only-child) {
  width: 1.75rem;
}
.c-title:has(h5) .c-label:first-of-type {
  margin-left: 0.625rem;
}
.c-title:has(h6) .c-label {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  transform: translate(0, -0.125rem);
}
.c-title:has(h6) .c-label svg {
  height: 0.75rem;
}
.c-title:has(h6) .c-label:has(> svg:only-child) {
  width: 1.75rem;
}
.c-title:has(h6) .c-label:first-of-type {
  margin-left: 0.625rem;
}

.c-icon-title {
  display: block;
  text-wrap: balance;
}
.c-icon-title__icon {
  display: inline-block;
  margin-right: 0.75rem;
}
.c-icon-title__icon svg, .c-icon-title__icon img {
  height: 1.25rem;
  transform: translate(0, 0.0625rem);
}
.c-icon-title__icon img[src^="assets/icons/logo"] {
  height: 1.375rem;
  transform: translate(0, 0.0625rem);
}
.c-icon-title__title {
  display: inline;
  font-family: "Roobert", "Segoe", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  color: #383838;
  letter-spacing: -0.015em;
  font-size: 1.5rem;
}
.c-icon-title:has(+ .c-content) {
  margin-bottom: 0.5rem;
}
.c-icon-title:has(+ p) {
  margin-bottom: 0.25rem;
}

.c-label-title {
  display: block;
  line-height: 1.4;
}
.c-label-title__icon {
  display: inline-block;
  margin-right: 0.375rem;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  color: #585858;
  background: #F8F8F8;
  transform: translate(0, 0.03125rem);
}
.c-label-title__icon span:has(svg) {
  display: flex;
}
.c-label-title__icon svg {
  height: 0.75rem;
}
.c-label-title__icon:has(> svg:only-child) {
  width: 1.75rem;
}
.c-label-title__icon:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-label-title__title {
  display: inline;
  font-weight: 600;
}

.c-temp-title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.c-count-title {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.c-count-title__number {
  font-weight: 900;
  opacity: 0.5;
  transform: scale(0.95) translate(0, 1%);
  transform-origin: bottom;
}
.c-count-title__number::before {
  content: "(";
}
.c-count-title__number::after {
  content: ")";
}

[data-color=teal] .c-count-title__number {
  color: #0B3337;
}

[data-color=orange] .c-count-title__number {
  color: #A31700;
}

[data-color=green] .c-count-title__number {
  color: #00655A;
}

[data-color=blue] .c-count-title__number {
  color: #332D85;
}

[data-color=pink] .c-count-title__number {
  color: #9E1640;
}

[data-color=yellow] .c-count-title__number {
  color: #993E03;
}

.c-tab-nav {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
}
.c-tab-nav__wrapper {
  display: inline-flex;
}
.c-tab-nav__item {
  position: relative;
  z-index: 5;
}

.c-tab-nav__backdrop {
  position: absolute;
  height: 100%;
  background: #F8F8F8;
  border-radius: 0.375rem;
  z-index: 0;
  transition-property: width, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.c-tab-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.c-tab-content__item {
  grid-column-start: 1;
  grid-row-start: 1;
  opacity: 0;
  visibility: hidden;
}
.c-tab-content__item[data-state=active] {
  opacity: 1;
  visibility: visible;
}

.c-tab-nav__wrapper:has(.c-label) {
  padding: 0.375rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-tab-nav__wrapper:has(.c-label) .c-tab-nav {
  gap: 0.125rem;
}
.c-tab-nav__wrapper:has(.c-label) .c-tab-nav__item .c-label {
  background: none !important;
  border: none !important;
  cursor: pointer;
}
.c-tab-nav__wrapper:has(.c-label) .c-tab-nav__item .c-label:where(:hover) {
  color: #464646;
}
.c-tab-nav__wrapper:has(.c-label) .c-tab-nav__item[data-state=active] .c-label {
  color: #383838;
}

.c-tab-nav__wrapper:has(.c-count-title) .c-tab-nav {
  gap: 1.5rem;
}
.c-tab-nav__wrapper:has(.c-count-title) .c-tab-nav__item:not([data-state=active]) {
  opacity: 0.2;
  cursor: pointer;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-tab-nav__wrapper:has(.c-count-title) .c-tab-nav__item:not([data-state=active]) .c-count-title__number {
  opacity: 1;
}
.c-tab-nav__wrapper:has(.c-count-title) .c-tab-nav__item:not([data-state=active]):where(:hover) {
  opacity: 0.3;
}

.c-notification-group {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 22.5rem;
  height: auto;
  display: flex;
  flex-direction: column;
  z-index: 10;
  gap: 0.5rem;
}

.c-notification {
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 1rem;
  border-radius: 0.5rem;
  line-height: 1.2;
}
.c-notification::before, .c-notification::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border-radius: 0.5rem;
  z-index: 0;
  border-radius: 0.375rem;
}
.c-notification .c-label-title {
  font-size: 0.9375rem !important;
}
.c-notification__content {
  position: relative;
  z-index: 5;
}
.c-notification__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  z-index: 15;
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  color: #585858;
  background: #F8F8F8;
  opacity: 0;
  visibility: hidden;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-notification__close span:has(svg) {
  display: flex;
}
.c-notification__close svg {
  height: 1rem;
}
.c-notification__close:has(> svg:only-child) {
  width: 2.25rem;
}
.c-notification__close:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-notification__close svg {
  height: 0.75rem;
}
.c-notification__close:has(> svg:only-child) {
  width: 1.75rem;
}
.c-notification__close:where(:hover) {
  background: #F4F4F4;
  color: #464646;
}
.c-notification__close:where(:hover) svg {
  fill: #464646;
}
.c-notification:where(:hover) .c-notification__close {
  opacity: 1;
  visibility: visible;
}
.c-notification[data-state=inactive] {
  transform: translate(150%, 0);
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.c-upload-button {
  position: relative;
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(238.08, 238.08, 238.08), rgb(238.08, 238.08, 238.08)) border-box;
}
.c-upload-button__label, .c-upload-button__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-upload-button__label {
  cursor: pointer;
}
.c-upload-button:where(:hover) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F4F4F4, #F4F4F4) padding-box, linear-gradient(15deg, rgb(234.24, 234.24, 234.24), rgb(234.24, 234.24, 234.24)) border-box;
  color: #464646;
}
.c-upload-button:where(:hover) svg {
  fill: #464646;
}
.c-upload-button:not(.-vertical) {
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1rem 0.5rem;
  gap: 0.75rem;
  border-radius: 0.375rem;
}
.c-upload-button:not(.-vertical) span:has(svg) {
  display: flex;
}
.c-upload-button:not(.-vertical) svg {
  height: 1rem;
}
.c-upload-button:is(.-vertical) {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-upload-button:is(.-vertical) span:has(svg) {
  display: flex;
}
.c-upload-button:is(.-vertical) svg {
  height: 1.125rem;
}
.c-upload-button:is(.-vertical):has(> svg:only-child) {
  width: 2.5rem;
}
.c-upload-button:is(.-vertical):has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}

.c-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.c-group:is(.-vertical) {
  flex-direction: column;
}
.c-group:is(.-columns1) {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.c-group:is(.-columns2) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.c-group:is(.-columns3) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.c-group:is(.-columns4) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.c-group:has(.c-link, .c-input) {
  column-gap: 1.5rem;
  row-gap: 0.75rem;
}

.c-action-group {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.c-button, .c-label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  white-space: nowrap;
}
.c-button span:has(svg), .c-label span:has(svg) {
  display: flex;
}
.c-button svg, .c-label svg {
  height: 1rem;
}
.c-button:has(> svg:only-child), .c-label:has(> svg:only-child) {
  width: 2.25rem;
}
.c-button:has(> svg:only-child), .c-label:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-button:is(.-tiny), .c-label:is(.-tiny) {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
}
.c-button:is(.-tiny) svg, .c-label:is(.-tiny) svg {
  height: 0.75rem;
}
.c-button:is(.-tiny):has(> svg:only-child), .c-label:is(.-tiny):has(> svg:only-child) {
  width: 1.75rem;
}
.c-button:is(.-small), .c-label:is(.-small) {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
}
.c-button:is(.-small) svg, .c-label:is(.-small) svg {
  height: 0.875rem;
}
.c-button:is(.-small):has(> svg:only-child), .c-label:is(.-small):has(> svg:only-child) {
  width: 2rem;
}
.c-button:is(.-large), .c-label:is(.-large) {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
}
.c-button:is(.-large) svg, .c-label:is(.-large) svg {
  height: 1.125rem;
}
.c-button:is(.-large):has(> svg:only-child), .c-label:is(.-large):has(> svg:only-child) {
  width: 2.5rem;
}

.c-button[data-state] {
  font-weight: 700;
}
.c-button[data-state=new]::before, .c-button[data-state=featured]::before {
  content: "";
  display: block;
  background: #05E5DC;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 0.125rem;
}
.c-button[data-state=featured]:is(.-white) {
  background: rgba(5, 229, 220, 0.08);
}
:where(.c-list) .c-button[data-state=featured]:is(.-white) {
  margin-bottom: 0.375rem;
}
.c-button[data-state=error]:is(.-white) {
  background: linear-gradient(to right, rgb(245.3, 231.7, 235.9), transparent, transparent);
  background: rgba(158, 22, 64, 0.05);
}
:where(.c-list) .c-button[data-state=error]:is(.-white) {
  margin-bottom: 0.375rem;
}
.c-button[data-state=error]::before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "!";
  font-size: 0.75rem;
  height: 0.875rem;
  width: 0.875rem;
  background: #9E1640;
  color: #FFFFFF;
  border-radius: 0.125rem;
}
.c-button[data-state=warning]::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  background: #FF7000;
  border-radius: 0.125rem;
}

.c-data-label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(233.12, 233.12, 233.12), rgb(238.08, 238.08, 238.08)) border-box;
  justify-content: center;
  margin-left: 0.5rem;
}
.c-data-label span:has(svg) {
  display: flex;
}
.c-data-label svg {
  height: 0.75rem;
}
.c-data-label:has(> svg:only-child) {
  width: 1.75rem;
}
.c-data-label:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-data-label:is(.-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-data-label:is(.-fixed) {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 10;
}

.c-button:has(.c-data-label), .c-label:has(.c-data-label) {
  position: relative;
}
.c-tooltip {
  position: absolute;
  background: rgba(56, 56, 56, 0.9);
  color: #FFFFFF;
  transition-property: transform, opacity;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
}
.c-tooltip:not(.-left, .-right) {
  left: 50%;
  transform: translate(-50%, 0.25rem);
}
.c-tooltip:is(.-left, .-right) {
  transform: translate(0, 0.25rem);
}
.c-tooltip:is(.-left, .-right):is(.-left) {
  left: 0;
}
.c-tooltip:is(.-left, .-right):is(.-right) {
  right: 0;
}
.c-tooltip:not(:has(.c-content)) {
  top: calc(100% + 0.5rem);
  padding: 0.25rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  white-space: nowrap;
}
.c-tooltip:has(.c-content) {
  top: calc(100% + 0.75rem);
  width: 30rem;
  padding: 1rem;
  border-radius: 0.375rem;
}
.c-tooltip .c-content {
  font-size: 0.9375rem;
  line-height: 1.25;
  white-space: wrap;
}
.c-tooltip .c-content > *:is(p, ul, ol):not(:last-child) {
  margin-bottom: 0.75rem;
}

:has(> .c-tooltip) {
  position: relative;
}
:has(> .c-tooltip):where(:hover) {
  z-index: 50;
}
:has(> .c-tooltip):where(:hover) .c-tooltip {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}
:has(> .c-tooltip):where(:hover) .c-tooltip:is(.-left, .-right) {
  transform: translate(0, 0);
}

.c-input, .c-input-label {
  display: inline-flex;
  cursor: pointer;
}
.c-input input, .c-input-label input {
  display: none;
}
.c-input input + span, .c-input-label input + span {
  display: inline-flex;
  align-items: center;
  position: relative;
  line-height: 1;
}
.c-input input + span::before, .c-input input + span::after, .c-input-label input + span::before, .c-input-label input + span::after {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  transform: translate(0, -50%);
}
.c-input input + span::before, .c-input-label input + span::before {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(238.08, 238.08, 238.08), rgb(238.08, 238.08, 238.08)) border-box;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) background;
}
.c-input input + span::after, .c-input-label input + span::after {
  content: url("../assets/icons/remix/check-white.svg");
}
.c-input input:checked + span, .c-input-label input:checked + span {
  font-weight: 600;
}
.c-input input:checked + span::after, .c-input-label input:checked + span::after {
  opacity: 1;
  visibility: visible;
}
.c-input input[type=radio] + span::before, .c-input-label input[type=radio] + span::before {
  border-radius: 100%;
}

.c-input input + span, .c-input-label input + span {
  font-size: 1rem;
  gap: 0.625rem;
  padding-left: 1.5625rem;
}
.c-input input + span svg, .c-input-label input + span svg {
  height: 1rem;
}
.c-input input + span::before, .c-input input + span::after, .c-input-label input + span::before, .c-input-label input + span::after {
  width: 0.9375rem;
  height: 0.9375rem;
}
.c-input input[type=checkbox] + span::before, .c-input input[type=checkbox] + span::after, .c-input-label input[type=checkbox] + span::before, .c-input-label input[type=checkbox] + span::after {
  border-radius: 0.1875rem;
}
.c-input:is(.-tiny) input + span, .c-input-label:is(.-tiny) input + span {
  font-size: 0.875rem;
  gap: 0.375rem;
  padding-left: 1.1875rem;
}
.c-input:is(.-tiny) input + span svg, .c-input-label:is(.-tiny) input + span svg {
  height: 0.75rem;
}
.c-input:is(.-tiny) input + span::before, .c-input:is(.-tiny) input + span::after, .c-input-label:is(.-tiny) input + span::before, .c-input-label:is(.-tiny) input + span::after {
  width: 0.8125rem;
  height: 0.8125rem;
}
.c-input:is(.-tiny) input[type=checkbox] + span::before, .c-input:is(.-tiny) input[type=checkbox] + span::after, .c-input-label:is(.-tiny) input[type=checkbox] + span::before, .c-input-label:is(.-tiny) input[type=checkbox] + span::after {
  border-radius: 0.125rem;
}
.c-input:is(.-small) input + span, .c-input-label:is(.-small) input + span {
  font-size: 0.9375rem;
  gap: 0.5rem;
  padding-left: 1.375rem;
}
.c-input:is(.-small) input + span svg, .c-input-label:is(.-small) input + span svg {
  height: 0.875rem;
}
.c-input:is(.-small) input + span::before, .c-input:is(.-small) input + span::after, .c-input-label:is(.-small) input + span::before, .c-input-label:is(.-small) input + span::after {
  width: 0.875rem;
  height: 0.875rem;
}
.c-input:is(.-small) input[type=checkbox] + span::before, .c-input:is(.-small) input[type=checkbox] + span::after, .c-input-label:is(.-small) input[type=checkbox] + span::before, .c-input-label:is(.-small) input[type=checkbox] + span::after {
  border-radius: 0.1875rem;
}
.c-input:is(.-large) input + span, .c-input-label:is(.-large) input + span {
  font-size: 1rem;
  gap: 0.625rem;
  padding-left: 1.625rem;
}
.c-input:is(.-large) input + span svg, .c-input-label:is(.-large) input + span svg {
  height: 1.125rem;
}
.c-input:is(.-large) input + span::before, .c-input:is(.-large) input + span::after, .c-input-label:is(.-large) input + span::before, .c-input-label:is(.-large) input + span::after {
  width: 1rem;
  height: 1rem;
}
.c-input:is(.-large) input[type=checkbox] + span::before, .c-input:is(.-large) input[type=checkbox] + span::after, .c-input-label:is(.-large) input[type=checkbox] + span::before, .c-input-label:is(.-large) input[type=checkbox] + span::after {
  border-radius: 0.1875rem;
}

[data-color=teal] .c-input input:checked + span::before, [data-color=teal] .c-input-label input:checked + span::before {
  background: #05E5DC;
}

[data-color=orange] .c-input input:checked + span::before, [data-color=orange] .c-input-label input:checked + span::before {
  background: #FF7000;
}

[data-color=green] .c-input input:checked + span::before, [data-color=green] .c-input-label input:checked + span::before {
  background: #5AFF52;
}

[data-color=blue] .c-input input:checked + span::before, [data-color=blue] .c-input-label input:checked + span::before {
  background: #56E7FF;
}

[data-color=pink] .c-input input:checked + span::before, [data-color=pink] .c-input-label input:checked + span::before {
  background: #FFAAF0;
}

[data-color=yellow] .c-input input:checked + span::before, [data-color=yellow] .c-input-label input:checked + span::before {
  background: #FBAD19;
}

.c-select {
  border: none;
  appearance: none;
  font-family: inherit;
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(238.08, 238.08, 238.08), rgb(238.08, 238.08, 238.08)) border-box;
  display: flex;
  width: auto;
  white-space: nowrap;
}
.c-select__wrapper {
  position: relative;
  display: inline-flex;
}
.c-select__icon {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  pointer-events: none;
}
.c-select__icon span {
  display: flex;
}

.c-select {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  padding-right: 2.25rem;
}
.c-select span:has(svg) {
  display: flex;
}
.c-select svg {
  height: 1rem;
}
.c-select:has(> svg:only-child) {
  width: 2.25rem;
}
.c-select:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-select + .c-select__icon {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
}
.c-select + .c-select__icon svg {
  height: 1rem;
}
.c-select + .c-select__icon:has(> svg:only-child) {
  width: 2.25rem;
}
.c-select:is(.-tiny) {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  padding-right: 1.75rem;
}
.c-select:is(.-tiny) svg {
  height: 0.75rem;
}
.c-select:is(.-tiny):has(> svg:only-child) {
  width: 1.75rem;
}
.c-select:is(.-tiny) + .c-select__icon {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
}
.c-select:is(.-tiny) + .c-select__icon svg {
  height: 0.75rem;
}
.c-select:is(.-tiny) + .c-select__icon:has(> svg:only-child) {
  width: 1.75rem;
}
.c-select:is(.-small) {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  padding-right: 2rem;
}
.c-select:is(.-small) svg {
  height: 0.875rem;
}
.c-select:is(.-small):has(> svg:only-child) {
  width: 2rem;
}
.c-select:is(.-small) + .c-select__icon {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
}
.c-select:is(.-small) + .c-select__icon svg {
  height: 0.875rem;
}
.c-select:is(.-small) + .c-select__icon:has(> svg:only-child) {
  width: 2rem;
}
.c-select:is(.-large) {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
  padding-right: 2.5rem;
}
.c-select:is(.-large) svg {
  height: 1.125rem;
}
.c-select:is(.-large):has(> svg:only-child) {
  width: 2.5rem;
}
.c-select:is(.-large) + .c-select__icon {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
}
.c-select:is(.-large) + .c-select__icon svg {
  height: 1.125rem;
}
.c-select:is(.-large) + .c-select__icon:has(> svg:only-child) {
  width: 2.5rem;
}

.c-select-group {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%;
  z-index: 10;
}
.c-select-group:has(.c-select-group__options[data-state=active]) {
  z-index: 100;
}
.c-select-group__wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.c-select-group__options {
  position: absolute;
  left: 0;
  z-index: 100;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(233.12, 233.12, 233.12), rgb(238.08, 238.08, 238.08)) border-box;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
  opacity: 0;
  visibility: hidden;
}
.c-select-group__options[data-state=active] {
  opacity: 1;
  visibility: visible;
}
.c-select-group__options[data-state=inactive] {
  opacity: 0;
  visibility: hidden;
}
.c-select-group__options .c-search {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-select-group__options .c-search__wrapper {
  width: 100%;
}
.c-select-group__options .c-input {
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-select-group__options .c-input input + span::before {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-select-group__options .c-input input[type=radio] + span {
  padding-left: 0 !important;
}
.c-select-group__options .c-input input[type=radio] + span::before, .c-select-group__options .c-input input[type=radio] + span::after {
  display: none;
}
.c-select-group__options .c-input[data-state=active] {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.c-select-group__options .c-input[data-state=inactive] {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.c-select-group__placeholder {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(238.08, 238.08, 238.08), rgb(238.08, 238.08, 238.08)) border-box;
}
.c-select-group__selection {
  display: flex;
  align-items: center;
}
.c-select-group__selection .c-label:not(:nth-last-child(2)) {
  margin-right: 0.375rem;
}
.c-select-group__add {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  order: 100;
}
.c-select-group__add span:has(svg) {
  display: flex;
}
.c-select-group__add svg {
  height: 1rem;
}
.c-select-group__add:has(> svg:only-child) {
  width: 2.25rem;
}
.c-select-group__add:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-select-group__remove {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  order: 100;
}
.c-select-group__remove span:has(svg) {
  display: flex;
}
.c-select-group__remove svg {
  height: 1rem;
}
.c-select-group__remove:has(> svg:only-child) {
  width: 2.25rem;
}
.c-select-group__remove:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-select-group:has(.c-select-group__selection .c-label, .c-select:not(:empty)) .c-select-group__placeholder, .c-select-group:has(.c-select-group__selection .c-label, .c-select:not(:empty)) .c-select-group__remove {
  display: none;
}
.c-select-group:has(.c-select-group__selection .c-label, .c-select:not(:empty)) .c-select-group__selection {
  display: flex;
}
.c-select-group:not(:has(.c-select-group__selection .c-label, .c-select:empty)) .c-select-group__placeholder {
  display: flex;
}
.c-select-group:not(:has(.c-select-group__selection .c-label, .c-select:empty)) .c-select-group__selection {
  display: none;
}

.c-select-group__placeholder, .c-select-group__add, .c-select-group__remove, .c-select-group__selection .c-label, .c-select-group .c-search, .c-select-group .c-search__icon {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-select-group__placeholder span:has(svg), .c-select-group__add span:has(svg), .c-select-group__remove span:has(svg), .c-select-group__selection .c-label span:has(svg), .c-select-group .c-search span:has(svg), .c-select-group .c-search__icon span:has(svg) {
  display: flex;
}
.c-select-group__placeholder svg, .c-select-group__add svg, .c-select-group__remove svg, .c-select-group__selection .c-label svg, .c-select-group .c-search svg, .c-select-group .c-search__icon svg {
  height: 1rem;
}
.c-select-group__placeholder:has(> svg:only-child), .c-select-group__add:has(> svg:only-child), .c-select-group__remove:has(> svg:only-child), .c-select-group__selection .c-label:has(> svg:only-child), .c-select-group .c-search:has(> svg:only-child), .c-select-group .c-search__icon:has(> svg:only-child) {
  width: 2.25rem;
}
.c-select-group__placeholder:has(> svg:only-child), .c-select-group__add:has(> svg:only-child), .c-select-group__remove:has(> svg:only-child), .c-select-group__selection .c-label:has(> svg:only-child), .c-select-group .c-search:has(> svg:only-child), .c-select-group .c-search__icon:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-select-group__options {
  top: calc(100% + 0.5rem);
  width: 15rem;
  border-radius: 0.375rem;
  padding: 0.625rem;
}
.c-select-group__options .c-group {
  margin-block: 0.46875rem;
  padding-left: 0.3125rem;
}
.c-select-group__options .c-search {
  margin-bottom: 0.46875rem;
}
.c-select-group__wrapper:has(.-tiny) .c-select__note {
  font-size: 0.875rem;
  gap: 0.375rem;
}
.c-select-group__wrapper:has(.-tiny) .c-select__note svg {
  height: 0.75rem;
}
.c-select-group:is(.-tiny) .c-select-group__placeholder, .c-select-group:is(.-tiny) .c-select-group__add, .c-select-group:is(.-tiny) .c-select-group__remove, .c-select-group:is(.-tiny) .c-select-group__selection .c-label, .c-select-group:is(.-tiny) .c-select-group .c-search, .c-select-group:is(.-tiny) .c-select-group .c-search__icon {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
}
.c-select-group:is(.-tiny) .c-select-group__placeholder svg, .c-select-group:is(.-tiny) .c-select-group__add svg, .c-select-group:is(.-tiny) .c-select-group__remove svg, .c-select-group:is(.-tiny) .c-select-group__selection .c-label svg, .c-select-group:is(.-tiny) .c-select-group .c-search svg, .c-select-group:is(.-tiny) .c-select-group .c-search__icon svg {
  height: 0.75rem;
}
.c-select-group:is(.-tiny) .c-select-group__placeholder:has(> svg:only-child), .c-select-group:is(.-tiny) .c-select-group__add:has(> svg:only-child), .c-select-group:is(.-tiny) .c-select-group__remove:has(> svg:only-child), .c-select-group:is(.-tiny) .c-select-group__selection .c-label:has(> svg:only-child), .c-select-group:is(.-tiny) .c-select-group .c-search:has(> svg:only-child), .c-select-group:is(.-tiny) .c-select-group .c-search__icon:has(> svg:only-child) {
  width: 1.75rem;
}
.c-select-group:is(.-tiny) .c-select-group__options {
  top: calc(100% + 0.375rem);
  width: 12.5rem;
  border-radius: 0.25rem;
  padding: 0.375rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-group {
  margin-block: 0.28125rem;
  padding-left: 0.1875rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-search {
  margin-bottom: 0.28125rem;
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  padding-right: 1.75rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-search svg {
  height: 0.75rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-search:has(> svg:only-child) {
  width: 1.75rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-search + .c-search__icon {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-search + .c-search__icon svg {
  height: 0.75rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-search + .c-search__icon:has(> svg:only-child) {
  width: 1.75rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-input input + span {
  font-size: 0.875rem;
  gap: 0.375rem;
  padding-left: 1.1875rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-input input + span svg {
  height: 0.75rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-input input + span::before, .c-select-group:is(.-tiny) .c-select-group__options .c-input input + span::after {
  width: 0.8125rem;
  height: 0.8125rem;
}
.c-select-group:is(.-tiny) .c-select-group__options .c-input input[type=checkbox] + span::before, .c-select-group:is(.-tiny) .c-select-group__options .c-input input[type=checkbox] + span::after {
  border-radius: 0.125rem;
}
.c-select-group:is(.-tiny) .c-select {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  padding-right: 1.75rem;
}
.c-select-group:is(.-tiny) .c-select svg {
  height: 0.75rem;
}
.c-select-group:is(.-tiny) .c-select:has(> svg:only-child) {
  width: 1.75rem;
}
.c-select-group:is(.-tiny) .c-select + .c-select__icon {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
}
.c-select-group:is(.-tiny) .c-select + .c-select__icon svg {
  height: 0.75rem;
}
.c-select-group:is(.-tiny) .c-select + .c-select__icon:has(> svg:only-child) {
  width: 1.75rem;
}
.c-select-group:is(.-tiny) .c-input {
  font-size: 0.875rem;
  gap: 0.375rem;
}
.c-select-group:is(.-tiny) .c-input svg {
  height: 0.75rem;
}
.c-select-group__wrapper:has(.-small) .c-select__note {
  font-size: 0.9375rem;
  gap: 0.5rem;
}
.c-select-group__wrapper:has(.-small) .c-select__note svg {
  height: 0.875rem;
}
.c-select-group:is(.-small) .c-select-group__placeholder, .c-select-group:is(.-small) .c-select-group__add, .c-select-group:is(.-small) .c-select-group__remove, .c-select-group:is(.-small) .c-select-group__selection .c-label, .c-select-group:is(.-small) .c-select-group .c-search, .c-select-group:is(.-small) .c-select-group .c-search__icon {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
}
.c-select-group:is(.-small) .c-select-group__placeholder svg, .c-select-group:is(.-small) .c-select-group__add svg, .c-select-group:is(.-small) .c-select-group__remove svg, .c-select-group:is(.-small) .c-select-group__selection .c-label svg, .c-select-group:is(.-small) .c-select-group .c-search svg, .c-select-group:is(.-small) .c-select-group .c-search__icon svg {
  height: 0.875rem;
}
.c-select-group:is(.-small) .c-select-group__placeholder:has(> svg:only-child), .c-select-group:is(.-small) .c-select-group__add:has(> svg:only-child), .c-select-group:is(.-small) .c-select-group__remove:has(> svg:only-child), .c-select-group:is(.-small) .c-select-group__selection .c-label:has(> svg:only-child), .c-select-group:is(.-small) .c-select-group .c-search:has(> svg:only-child), .c-select-group:is(.-small) .c-select-group .c-search__icon:has(> svg:only-child) {
  width: 2rem;
}
.c-select-group:is(.-small) .c-select-group__options {
  top: calc(100% + 0.5rem);
  width: 13.75rem;
  border-radius: 0.375rem;
  padding: 0.5rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-group {
  margin-block: 0.375rem;
  padding-left: 0.25rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-search {
  margin-bottom: 0.375rem;
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  padding-right: 2rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-search svg {
  height: 0.875rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-search:has(> svg:only-child) {
  width: 2rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-search + .c-search__icon {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-search + .c-search__icon svg {
  height: 0.875rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-search + .c-search__icon:has(> svg:only-child) {
  width: 2rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-input input + span {
  font-size: 0.9375rem;
  gap: 0.5rem;
  padding-left: 1.375rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-input input + span svg {
  height: 0.875rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-input input + span::before, .c-select-group:is(.-small) .c-select-group__options .c-input input + span::after {
  width: 0.875rem;
  height: 0.875rem;
}
.c-select-group:is(.-small) .c-select-group__options .c-input input[type=checkbox] + span::before, .c-select-group:is(.-small) .c-select-group__options .c-input input[type=checkbox] + span::after {
  border-radius: 0.1875rem;
}
.c-select-group:is(.-small) .c-select {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  padding-right: 2rem;
}
.c-select-group:is(.-small) .c-select svg {
  height: 0.875rem;
}
.c-select-group:is(.-small) .c-select:has(> svg:only-child) {
  width: 2rem;
}
.c-select-group:is(.-small) .c-select + .c-select__icon {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
}
.c-select-group:is(.-small) .c-select + .c-select__icon svg {
  height: 0.875rem;
}
.c-select-group:is(.-small) .c-select + .c-select__icon:has(> svg:only-child) {
  width: 2rem;
}
.c-select-group:is(.-small) .c-input {
  font-size: 0.9375rem;
  gap: 0.5rem;
}
.c-select-group:is(.-small) .c-input svg {
  height: 0.875rem;
}
.c-select-group__wrapper:has(.-large) .c-select__note {
  font-size: 1rem;
  gap: 0.625rem;
}
.c-select-group__wrapper:has(.-large) .c-select__note svg {
  height: 1.125rem;
}
.c-select-group:is(.-large) .c-select-group__placeholder, .c-select-group:is(.-large) .c-select-group__add, .c-select-group:is(.-large) .c-select-group__remove, .c-select-group:is(.-large) .c-select-group__selection .c-label, .c-select-group:is(.-large) .c-select-group .c-search, .c-select-group:is(.-large) .c-select-group .c-search__icon {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
}
.c-select-group:is(.-large) .c-select-group__placeholder svg, .c-select-group:is(.-large) .c-select-group__add svg, .c-select-group:is(.-large) .c-select-group__remove svg, .c-select-group:is(.-large) .c-select-group__selection .c-label svg, .c-select-group:is(.-large) .c-select-group .c-search svg, .c-select-group:is(.-large) .c-select-group .c-search__icon svg {
  height: 1.125rem;
}
.c-select-group:is(.-large) .c-select-group__placeholder:has(> svg:only-child), .c-select-group:is(.-large) .c-select-group__add:has(> svg:only-child), .c-select-group:is(.-large) .c-select-group__remove:has(> svg:only-child), .c-select-group:is(.-large) .c-select-group__selection .c-label:has(> svg:only-child), .c-select-group:is(.-large) .c-select-group .c-search:has(> svg:only-child), .c-select-group:is(.-large) .c-select-group .c-search__icon:has(> svg:only-child) {
  width: 2.5rem;
}
.c-select-group:is(.-large) .c-select-group__options {
  top: calc(100% + 0.625rem);
  width: 16.25rem;
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-group {
  margin-block: 0.5625rem;
  padding-left: 0.375rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-search {
  margin-bottom: 0.5625rem;
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
  padding-right: 2.5rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-search svg {
  height: 1.125rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-search:has(> svg:only-child) {
  width: 2.5rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-search + .c-search__icon {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-search + .c-search__icon svg {
  height: 1.125rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-search + .c-search__icon:has(> svg:only-child) {
  width: 2.5rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-input input + span {
  font-size: 1rem;
  gap: 0.625rem;
  padding-left: 1.625rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-input input + span svg {
  height: 1.125rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-input input + span::before, .c-select-group:is(.-large) .c-select-group__options .c-input input + span::after {
  width: 1rem;
  height: 1rem;
}
.c-select-group:is(.-large) .c-select-group__options .c-input input[type=checkbox] + span::before, .c-select-group:is(.-large) .c-select-group__options .c-input input[type=checkbox] + span::after {
  border-radius: 0.1875rem;
}
.c-select-group:is(.-large) .c-select {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
  padding-right: 2.5rem;
}
.c-select-group:is(.-large) .c-select svg {
  height: 1.125rem;
}
.c-select-group:is(.-large) .c-select:has(> svg:only-child) {
  width: 2.5rem;
}
.c-select-group:is(.-large) .c-select + .c-select__icon {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
}
.c-select-group:is(.-large) .c-select + .c-select__icon svg {
  height: 1.125rem;
}
.c-select-group:is(.-large) .c-select + .c-select__icon:has(> svg:only-child) {
  width: 2.5rem;
}
.c-select-group:is(.-large) .c-input {
  font-size: 1rem;
  gap: 0.625rem;
}
.c-select-group:is(.-large) .c-input svg {
  height: 1.125rem;
}

.c-select-group:is(.-white) {
  color: #c2c2c2;
  padding-left: 0;
}

.c-input-toggle {
  cursor: pointer;
}
.c-input-toggle input {
  display: none;
}
.c-input-toggle__switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 1.25rem;
  width: 1.75rem;
  border-radius: 0.375rem;
  background: #F4F4F4;
}
.c-input-toggle__switch::before {
  content: "";
  position: absolute;
  display: flex;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.25rem;
  background: #383838;
  left: 0.25rem;
  top: 0.25rem;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) right;
}
.c-input-toggle:has(input:checked) span {
  background: #05E5DC;
}
.c-input-toggle:has(input:checked) span::before {
  left: auto;
  right: 0.25rem;
}

[data-color=teal] .c-input-toggle__switch::before {
  background: #0B3337;
}
[data-color=teal] .c-input-toggle:has(input:checked) span {
  background: #05E5DC;
}

[data-color=orange] .c-input-toggle__switch::before {
  background: #A31700;
}
[data-color=orange] .c-input-toggle:has(input:checked) span {
  background: #FF7000;
}

[data-color=green] .c-input-toggle__switch::before {
  background: #00655A;
}
[data-color=green] .c-input-toggle:has(input:checked) span {
  background: #5AFF52;
}

[data-color=blue] .c-input-toggle__switch::before {
  background: #332D85;
}
[data-color=blue] .c-input-toggle:has(input:checked) span {
  background: #56E7FF;
}

[data-color=pink] .c-input-toggle__switch::before {
  background: #9E1640;
}
[data-color=pink] .c-input-toggle:has(input:checked) span {
  background: #FFAAF0;
}

[data-color=yellow] .c-input-toggle__switch::before {
  background: #993E03;
}
[data-color=yellow] .c-input-toggle:has(input:checked) span {
  background: #FBAD19;
}

.c-search {
  border: none;
  appearance: none;
  font-family: inherit;
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(238.08, 238.08, 238.08), rgb(238.08, 238.08, 238.08)) border-box;
  display: flex;
  width: 100%;
  outline: none;
}
.c-search::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.c-search__wrapper {
  position: relative;
  display: inline-flex;
}
.c-search__icon {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  pointer-events: none;
}
.c-search__icon span {
  display: flex;
}
.c-search__icon {
  opacity: 0;
  visibility: hidden;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opactity;
}
.c-search:not(:empty, :placeholder-shown) + .c-search__icon {
  opacity: 1;
  visibility: visible;
}

.c-search {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  padding-right: 2.25rem;
}
.c-search span:has(svg) {
  display: flex;
}
.c-search svg {
  height: 1rem;
}
.c-search:has(> svg:only-child) {
  width: 2.25rem;
}
.c-search:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-search + .c-search__icon {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
}
.c-search + .c-search__icon svg {
  height: 1rem;
}
.c-search + .c-search__icon:has(> svg:only-child) {
  width: 2.25rem;
}
.c-search:is(.-tiny) {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  padding-right: 1.75rem;
}
.c-search:is(.-tiny) svg {
  height: 0.75rem;
}
.c-search:is(.-tiny):has(> svg:only-child) {
  width: 1.75rem;
}
.c-search:is(.-tiny) + .c-search__icon {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
}
.c-search:is(.-tiny) + .c-search__icon svg {
  height: 0.75rem;
}
.c-search:is(.-tiny) + .c-search__icon:has(> svg:only-child) {
  width: 1.75rem;
}
.c-search:is(.-small) {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  padding-right: 2rem;
}
.c-search:is(.-small) svg {
  height: 0.875rem;
}
.c-search:is(.-small):has(> svg:only-child) {
  width: 2rem;
}
.c-search:is(.-small) + .c-search__icon {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
}
.c-search:is(.-small) + .c-search__icon svg {
  height: 0.875rem;
}
.c-search:is(.-small) + .c-search__icon:has(> svg:only-child) {
  width: 2rem;
}
.c-search:is(.-large) {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
  padding-right: 2.5rem;
}
.c-search:is(.-large) svg {
  height: 1.125rem;
}
.c-search:is(.-large):has(> svg:only-child) {
  width: 2.5rem;
}
.c-search:is(.-large) + .c-search__icon {
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
}
.c-search:is(.-large) + .c-search__icon svg {
  height: 1.125rem;
}
.c-search:is(.-large) + .c-search__icon:has(> svg:only-child) {
  width: 2.5rem;
}

.c-list {
  display: flex;
  flex-direction: column;
}
.c-list__item {
  position: relative;
  width: 100%;
}
.c-list__item:has(.c-button.-white):not(:last-child) {
  border-bottom: 0.0625rem solid #F2F2F2;
}
.c-list__item:has(.c-button, .c-label):has(.c-data-label.-fixed)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 100%;
  background: #FFFFFF;
  z-index: 5;
}
.c-list__item:has(.c-button, .c-label):has(.c-data-label.-fixed)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 4rem;
  width: 2.25rem;
  height: 100%;
  background: linear-gradient(90deg, transparent, #FFFFFF);
  z-index: 5;
}
.c-list .c-button, .c-list .c-label {
  width: 100%;
  min-width: 0;
}
.c-list .c-button:has(.c-data-label.-fixed) span:first-child, .c-list .c-label:has(.c-data-label.-fixed) span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
:where(.c-block) .c-list .c-button:has(.c-data-label.-fixed) span:first-child, :where(.c-block) .c-list .c-label:has(.c-data-label.-fixed) span:first-child {
  max-width: 40ch;
}
.c-list .c-button:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]), .c-list .c-label:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]) {
  padding-left: 0.3125rem;
}
.c-list .c-button:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):where(:hover), .c-list .c-label:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):where(:hover) {
  padding-left: 0.625rem;
}
.c-list .c-button:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):is(.-small), .c-list .c-label:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):is(.-small) {
  padding-left: 0.25rem;
}
.c-list .c-button:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):is(.-small):where(:hover), .c-list .c-label:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):is(.-small):where(:hover) {
  padding-left: 0.5rem;
}
.c-list .c-button:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):is(.-large), .c-list .c-label:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):is(.-large) {
  padding-left: 0.375rem;
}
.c-list .c-button:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):is(.-large):where(:hover), .c-list .c-label:is(.-white):not([data-state=featured], [data-state=error], [data-state=new]):is(.-large):where(:hover) {
  padding-left: 0.75rem;
}

.c-link {
  display: flex;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
}
.c-link span:has(svg) {
  display: flex;
}
.c-link svg {
  height: 1rem;
}
.c-link:has(svg) {
  align-items: center;
}
.c-link:is(.-small) {
  font-size: 0.9375rem;
  gap: 0.5rem;
}
.c-link:is(.-small) svg {
  height: 0.875rem;
}
.c-link:is(.-large) {
  font-size: 1rem;
  gap: 0.625rem;
}
.c-link:is(.-large) svg {
  height: 1.125rem;
}
.c-link:is(.-light) {
  color: #c2c2c2;
}
.c-link:is(.-light):where(:hover) {
  color: #585858;
}

.c-block {
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  padding: 2.25rem;
}
.c-block:is(.-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-block:is(.-small) {
  padding: 1.5rem;
}
.c-block:is(.-large) {
  padding: 3rem;
}

.c-block .c-content, .c-block p {
  text-wrap: balance;
}

.l-cell:has(.c-icon-block) div:not([class]),
.l-cell:has(.c-icon-block) .c-icon-block {
  height: 100%;
}

.l-cell:has(.c-icon-block):is(:nth-child(2), :nth-child(5), :nth-child(8)) .c-icon-block {
  padding-left: 2.25rem;
}

.c-icon-block {
  display: flex;
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
  gap: 1.25rem;
  padding: 1.5rem;
  padding-right: 0.75rem;
}
.c-icon-block:not(.-vertical) {
  flex-direction: column;
}
.c-icon-block:not(.-vertical) .c-icon-card__icon {
  margin-top: -0.125rem;
}
.c-icon-block:not(.-vertical) .c-icon-card__title {
  font-size: 1rem;
  margin-bottom: -0.25rem;
}
.c-icon-block:is(.-vertical) {
  align-items: center;
}
.c-icon-block__icon {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(238.08, 238.08, 238.08), rgb(238.08, 238.08, 238.08)) border-box;
  transition: 0.3s cubic-bezier(0.7, 0, 0.2, 1) background;
}
.c-icon-block__icon span:has(svg) {
  display: flex;
}
.c-icon-block__icon svg {
  height: 1.125rem;
}
.c-icon-block__icon:has(> svg:only-child) {
  width: 2.5rem;
}
.c-icon-block__icon:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-icon-block__icon svg {
  height: 0.875rem !important;
  transition: 0.3s cubic-bezier(0.7, 0, 0.2, 1) fill;
}
.c-icon-block__title {
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  max-width: 12ch;
  color: #383838;
  transition: 0.3s cubic-bezier(0.7, 0, 0.2, 1) color;
}
.c-icon-block > * {
  position: relative;
  z-index: 10;
}
.c-icon-block::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border-radius: 0.5rem;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-icon-block:where(:hover)::after {
  opacity: 1;
  visibility: visible;
}

.c-summary-block {
  padding: 1.5rem;
  max-width: 55rem;
  border-radius: 0.75rem;
  background: #F8F8F8;
}
.c-summary-block__title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  padding-left: 0.75rem;
}

.c-summary-group {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.c-summary-item {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-summary-item__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
}
.c-summary-item__icon svg {
  height: 1rem;
}
.c-summary-item__title {
  font-size: 1.0625rem;
  font-weight: 700;
}
.c-summary-item__content {
  font-size: 1.0625rem;
}
.c-summary-item__label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  margin-right: auto;
}
.c-summary-item__label span:has(svg) {
  display: flex;
}
.c-summary-item__label svg {
  height: 0.875rem;
}
.c-summary-item__label:has(> svg:only-child) {
  width: 2rem;
}
.c-summary-item__label:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-summary-item:has(.c-button, .c-label) {
  justify-content: space-between;
}
.c-summary-item:has(.c-button, .c-label) .c-summary-item__title {
  margin-right: auto;
}

.c-search-block {
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, #05E5DC, rgb(4, 183.2, 176)) border-box;
  padding: 2.25rem;
}
.c-search-block > * {
  position: relative;
  z-index: 10;
}
.c-search-block::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border-radius: 0.5rem;
  z-index: 0;
  background: radial-gradient(farthest-corner at bottom right, rgb(230, 252.4, 251.5), transparent 50%, transparent);
}
.c-search-block .c-form__input {
  padding-inline: 1.25rem;
  height: 3.5rem;
}
.c-search-block .c-button {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#05E5DC, #05E5DC) padding-box, linear-gradient(15deg, rgb(4.7, 215.26, 206.8), rgb(4.8, 219.84, 211.2)) border-box;
  height: 100%;
  min-width: 3.25rem;
}
.c-search-block .c-button svg {
  fill: #FFFFFF;
}

.c-video {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.c-video__wrapper {
  position: relative;
  display: flex;
}
.c-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  backdrop-filter: blur(0.75rem);
  background: rgba(12, 12, 12, 0.05);
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) background;
}
.c-video__play span:has(svg) {
  display: flex;
}
.c-video__play svg {
  height: 1rem;
}
.c-video__play:has(> svg:only-child) {
  width: 2.25rem;
}
.c-video__play:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-video__play svg {
  fill: #FFFFFF;
  transform: translate(-0.0625rem, 0);
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) fill;
}

.c-video::cue {
  font-family: "Roobert", "Segoe", Arial, Helvetica, ssans-serif;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.01em;
}

.c-video-nav {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  gap: 0.25rem;
  z-index: 5;
  transition-property: transform, opacity;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-video-nav[data-state=inactive] {
  opacity: 0;
  transform: translate(0, 100%);
}
.c-video-nav[data-state=active] {
  opacity: 1;
  transform: translate(0, 0);
}
.c-video-nav__progress {
  position: relative;
  flex: 1;
  height: 0.875rem;
  margin-left: 0.75rem;
  margin-right: 1.5rem;
  backdrop-filter: blur(0.75rem);
  background: rgba(12, 12, 12, 0.05);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
  padding: 0.25rem;
}
.c-video-nav__progress-bar {
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.125rem;
  transform: scaleX(0);
  transform-origin: left center;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) transform;
}
.c-video-nav__duration {
  width: 6rem;
  margin-right: 0.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #FFFFFF;
  font-variant-numeric: tabular-nums;
}
.c-video-nav__icon {
  position: relative;
  width: 2.25rem;
  aspect-ratio: 1;
  border-radius: 0.25rem;
}
.c-video-nav__icon:where(:hover) {
  backdrop-filter: blur(0.75rem);
  background: rgba(12, 12, 12, 0.05);
  background: rgba(255, 255, 255, 0.05);
}
.c-video-nav__icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 1rem;
  transform: translate(-50%, -50%);
  fill: #FFFFFF;
}
.c-video-nav__icon[data-video=play][data-state=play] svg:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.c-video-nav__icon[data-video=play][data-state=play] svg:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}
.c-video-nav__icon[data-video=play][data-state=play] svg:nth-child(3) {
  opacity: 0;
  visibility: hidden;
}
.c-video-nav__icon[data-video=play][data-state=pause] svg:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}
.c-video-nav__icon[data-video=play][data-state=pause] svg:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
.c-video-nav__icon[data-video=play][data-state=pause] svg:nth-child(3) {
  opacity: 0;
  visibility: hidden;
}
.c-video-nav__icon[data-video=play][data-state=restart] svg:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}
.c-video-nav__icon[data-video=play][data-state=restart] svg:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}
.c-video-nav__icon[data-video=play][data-state=restart] svg:nth-child(3) {
  opacity: 1;
  visibility: visible;
}
.c-video-nav__icon[data-video=sound][data-state=on] svg:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.c-video-nav__icon[data-video=sound][data-state=on] svg:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}
.c-video-nav__icon[data-video=sound][data-state=off] svg:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}
.c-video-nav__icon[data-video=sound][data-state=off] svg:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
.c-video-nav__icon:is([data-video=subtitles], [data-video=fullscreen])[data-state=on] svg {
  fill: #05E5DC;
}
.c-video-nav__icon:is([data-video=subtitles], [data-video=fullscreen])[data-state=off] svg {
  fill: #FFFFFF;
}

:where(.c-video__play, .c-video-card__play) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  z-index: 5;
  backdrop-filter: blur(0.75rem);
  background: rgba(12, 12, 12, 0.05);
  border-radius: 0.25rem;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) background;
}
:where(.c-video__play, .c-video-card__play) svg {
  height: 1.25rem;
  fill: #FFFFFF;
  transform: translate(-5%, 0);
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) fill;
}

.c-video-card {
  cursor: pointer;
}
.c-video-card__thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: 0.5rem;
  aspect-ratio: 4/3;
}
.c-video-card__thumbnail picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-video-card__thumbnail img {
  transition: 0.6s cubic-bezier(0.7, 0, 0.2, 1) transform;
}
.c-video-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  backdrop-filter: blur(0.75rem);
  background: rgba(12, 12, 12, 0.05);
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) background;
}
.c-video-card__play span:has(svg) {
  display: flex;
}
.c-video-card__play svg {
  height: 1rem;
}
.c-video-card__play:has(> svg:only-child) {
  width: 2.25rem;
}
.c-video-card__play:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-video-card__play svg {
  fill: #FFFFFF;
  transform: translate(-0.0625rem, 0);
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) fill;
}
.c-video-card:has(.c-video-card__content) {
  padding: 0.5rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-video-card__content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 1.5rem 1.25rem 1.25rem;
  height: 100%;
}
.c-video-card__title {
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  font-size: 1.25rem;
  max-width: 24ch;
  margin-bottom: 1rem;
}
:where(.l-grid) .c-video-card {
  height: 100%;
}
.c-video-card:where(:hover) .c-video-card__thumbnail img {
  transform: scale(1.05);
}

.c-thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: 0.5rem;
}
.c-thumbnail picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-thumbnail img {
  transition: 0.6s cubic-bezier(0.7, 0, 0.2, 1) transform;
}

@keyframes loader-teal {
  0%, 20% {
    fill: #05E5DC;
  }
  25% {
    fill: #0B3337;
  }
  30%, 100% {
    fill: #05E5DC;
  }
}
@keyframes loader-orange {
  0%, 20% {
    fill: #FF7000;
  }
  25% {
    fill: #A31700;
  }
  30%, 100% {
    fill: #FF7000;
  }
}
@keyframes loader-green {
  0%, 20% {
    fill: #5AFF52;
  }
  25% {
    fill: #00655A;
  }
  30%, 100% {
    fill: #5AFF52;
  }
}
@keyframes loader-blue {
  0%, 20% {
    fill: #56E7FF;
  }
  25% {
    fill: #332D85;
  }
  30%, 100% {
    fill: #56E7FF;
  }
}
@keyframes loader-pink {
  0%, 20% {
    fill: #FFAAF0;
  }
  25% {
    fill: #9E1640;
  }
  30%, 100% {
    fill: #FFAAF0;
  }
}
@keyframes loader-yellow {
  0%, 20% {
    fill: #FBAD19;
  }
  25% {
    fill: #993E03;
  }
  30%, 100% {
    fill: #FBAD19;
  }
}
.c-loader {
  height: 2.25rem;
  width: auto;
}
.c-loader path {
  animation: loader-teal 2s infinite;
}
.c-loader path:nth-child(2) {
  animation-delay: 0.1s;
}
.c-loader path:nth-child(3) {
  animation-delay: 0.2s;
}
.c-loader[data-color=teal] path {
  animation-name: loader-teal;
}
.c-loader[data-color=orange] path {
  animation-name: loader-orange;
}
.c-loader[data-color=green] path {
  animation-name: loader-green;
}
.c-loader[data-color=blue] path {
  animation-name: loader-blue;
}
.c-loader[data-color=pink] path {
  animation-name: loader-pink;
}
.c-loader[data-color=yellow] path {
  animation-name: loader-yellow;
}
.c-loader:is(.-center) {
  display: flex;
  justify-self: center;
}

.c-modal {
  position: fixed;
  top: 50%;
  left: calc(50% + 6rem/2);
  width: 75rem;
  height: auto;
  max-width: calc(100% - 8rem);
  padding: 0.5rem;
  gap: 0.5rem;
  border-radius: 0.75rem;
  z-index: 2000;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-modal[data-type=page] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.c-modal[data-type=slideout] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.c-modal__section {
  position: relative;
}

.c-modal:not([data-type]) {
  width: 50rem;
}
.c-modal:not([data-type]):is(.-large) {
  width: 62.5rem;
}
.c-modal:not([data-type]):is(.-xlarge) {
  width: 75rem;
}
.c-modal[data-type=slideout] {
  left: auto;
  right: 0;
}
.c-modal[data-type=grid] {
  width: 75rem;
  min-height: 32.5rem;
}
.c-modal[data-type=grid]:is(.-small) {
  width: 62.5rem;
}
.c-modal[data-type=grid]:is(.-large) {
  width: 87.5rem;
}
.c-modal[data-type=banner] {
  width: 50rem;
  top: auto;
  bottom: 1.5rem;
}
.c-modal[data-type=banner]:is(.-large) {
  width: 62.5rem;
}
.c-modal[data-type=banner]:is(.-xlarge) {
  width: 75rem;
}
.c-modal:is([data-type=page], [data-type=slideout]) .c-modal__container {
  width: min(100%, 50rem);
}
.c-modal:is([data-type=page], [data-type=slideout]) .c-modal__container:is(.-large) {
  width: min(100%, 62.5rem);
}
.c-modal:is([data-type=page], [data-type=slideout]):is(.-small) {
  width: 62.5rem;
}
.c-modal:is([data-type=page], [data-type=slideout]):is(.-large) {
  width: 87.5rem;
}
.c-modal:is([data-type=page], [data-type=slideout]):is(.-large) .c-modal__container {
  width: min(100%, 62.5rem);
}
.c-modal:is([data-type=page], [data-type=slideout]):is(.-large) .c-modal__container:is(.-small) {
  width: min(100%, 50rem);
}
.c-modal:is([data-type=page], [data-type=slideout]):is(.-large) .c-modal__container:is(.-large) {
  width: min(100%, 75rem);
}

.c-modal {
  transform: translate(-50%, -45%);
  opacity: 0;
  visibility: hidden;
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-modal[data-state=active] {
  transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
}
.c-modal[data-state=inactive] {
  transform: translate(-50%, -45%);
  opacity: 0;
  visibility: hidden;
}
.c-modal[data-type=page] {
  transform: translate(-50%, 5%);
}
.c-modal[data-type=page][data-state=active] {
  transform: translate(-50%, 0%);
}
.c-modal[data-type=slideout] {
  transform: translate(100%, 0);
}
.c-modal[data-type=slideout][data-state=active] {
  transform: translate(0, 0);
}
.c-modal[data-type=banner] {
  transform: translate(-50%, 150%);
}
.c-modal[data-type=banner][data-state=active] {
  transform: translate(-50%, 0);
}
.c-modal[data-type=banner][data-state=inactive] {
  transform: translate(-50%, 150%);
}

.c-modal:is([data-type=page], [data-type=slideout]):not(:has(.c-modal__background, .c-modal__gradient)) .c-modal__section:first-of-type {
  justify-content: flex-end;
}
.c-modal:is([data-type=page], [data-type=slideout]) .c-modal__section:first-of-type {
  padding-top: 15rem;
}
:where(.c-modal:has(.c-modal__gradient)) .c-modal:is([data-type=page], [data-type=slideout]) .c-modal__section:first-of-type {
  padding-top: 10rem !important;
}
.c-modal:is([data-type=page], [data-type=slideout]) .c-modal__section:not(:has(+ .c-modal__section)) {
  padding-bottom: 7.5rem;
}

.c-modal__background, .c-modal__gradient {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: 52.5rem;
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.c-modal__background::before, .c-modal__background::after, .c-modal__gradient::before, .c-modal__gradient::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.c-modal__background::before, .c-modal__gradient::before {
  background: radial-gradient(farthest-corner at 0% 100%, white, white 40%, transparent);
}
.c-modal__background::after, .c-modal__gradient::after {
  background: linear-gradient(to top, white, white 15%, transparent);
}

.c-modal__background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}

.c-modal__section {
  border-radius: 0.5rem;
}
.c-modal__section-background {
  position: relative;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
.c-modal__section-background picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-modal__section-background:not(:only-child)::before, .c-modal__section-background:not(:only-child)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.c-modal__section-background:not(:only-child)::before {
  background: radial-gradient(farthest-corner at 0% 100%, rgba(12, 12, 12, 0.1), rgba(12, 12, 12, 0.1) 40%, transparent);
}
.c-modal__section-background:not(:only-child)::after {
  background: linear-gradient(to top, rgba(12, 12, 12, 0.1), rgba(12, 12, 12, 0.1) 15%, transparent);
}
.c-modal__section:has(.c-modal__section-background) {
  background: none;
}
.c-modal__section:has(.c-modal__section-background) :where(h1, h2, h3, h4, h5, h6) {
  color: #FFFFFF;
  text-wrap: balance;
}
.c-modal__section:has(.c-modal__section-background) .c-content {
  color: white;
}
.c-modal__section:not(:first-of-type):has(.c-modal__section-background) {
  padding-block: 5rem;
}
.c-modal__section:has(.c-modal__section-background):not(:first-of-type) {
  margin-top: 3rem;
}
.c-modal__section:has(.c-modal__section-background):not(:first-of-type):not(:last-of-type) {
  margin-bottom: 3rem;
}
.c-modal__section:has(.c-modal__section-background:only-child) {
  min-height: 40rem;
}

.c-modal .c-thumbnail, .c-modal .c-video {
  border-radius: 0.5rem;
}
.c-modal[data-type=grid] .c-thumbnail, .c-modal[data-type=grid] .c-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-modal:not([data-type=page], [data-type=slideout]) .c-content {
  font-size: 1.0625rem;
  text-wrap: balance;
}

.c-modal__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  z-index: 15;
  color: #585858;
  background: #F8F8F8;
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 0.5rem;
}
.c-modal__close span:has(svg) {
  display: flex;
}
.c-modal__close svg {
  height: 1rem;
}
.c-modal__close:has(> svg:only-child) {
  width: 2.25rem;
}
.c-modal__close:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-modal__close:where(:hover) {
  background: #F4F4F4;
  color: #464646;
}
.c-modal__close:where(:hover) svg {
  fill: #464646;
}
.c-modal:not([data-type]):has(.c-thumbnail, .c-video) .c-modal__close {
  top: 1rem;
  right: 1rem;
  border-radius: 0.375rem;
}
.c-modal[data-type=page]:has(.c-modal__background, .c-modal__gradient, .c-modal__gradient .c-modal__section:first-of-type[data-color], .c-modal__section:first-of-type .c-modal__section-background) .c-modal__close {
  top: 1rem;
  right: 1rem;
  border-radius: 0.375rem;
}
.c-modal[data-type=slideout] .c-modal__close {
  right: auto;
  top: 0.5rem;
  left: 0.5rem;
  border-radius: 0.375rem;
}
.c-modal[data-type=slideout]:has(.c-modal__background, .c-modal__gradient, .c-modal__gradient .c-modal__section:first-of-type[data-color], .c-modal__section:first-of-type .c-modal__section-background) .c-modal__close {
  top: 1rem;
  left: 1rem;
  border-radius: 0.375rem;
}
.c-modal[data-type=grid]:has(.c-modal__background, .c-modal__gradient, .c-modal__gradient .c-modal__section:first-of-type[data-color], .c-modal__section:first-of-type .c-modal__section-background) .c-modal__close {
  top: 1rem;
  right: 1rem;
  border-radius: 0.375rem;
}

.c-modal:not([data-type]) .c-modal__section:not(:has(.c-thumbnail, .c-video)) {
  padding: 2.25rem 3rem;
}

.c-modal:is([data-type=page], [data-type=slideout]) {
  display: flex;
  flex-direction: column;
  width: 75rem;
  height: calc(100vh - 4rem);
  top: auto;
  bottom: 0;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.c-modal:is([data-type=page], [data-type=slideout])::-webkit-scrollbar {
  display: none;
}
.c-modal:is([data-type=page], [data-type=slideout]) .c-modal__section {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-block: 5rem;
  padding-inline: 4rem;
  gap: 3rem;
  border-radius: 0.5rem;
  z-index: 5;
}
.c-modal:is([data-type=page], [data-type=slideout]) .c-modal__container {
  position: relative;
  z-index: 50;
}

.c-modal[data-type=grid] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 0.5rem;
}
.c-modal[data-type=grid] .c-modal__section {
  padding: 3rem;
}
.c-modal[data-type=grid] .c-modal__section:has(.c-form) {
  padding: 5rem;
  padding-right: 8rem;
}
.c-modal[data-type=grid] .c-modal__section:nth-child(2) {
  grid-column-end: span 5;
}
.c-modal[data-type=grid] .c-modal__section:nth-child(3) {
  grid-column-end: span 7;
}

.c-modal[data-type=banner] .c-modal__section {
  padding: 0.5rem 1rem;
}
.c-modal[data-type=banner]:has(.c-button) .c-modal__close {
  display: none;
}
.c-modal[data-type=banner]:has(.c-button) .c-modal__section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(0.25rem);
  background: rgba(12, 12, 12, 0.25);
  z-index: 1900;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}

html:has(.c-modal[data-state=active], .c-demo:not([data-demo])[data-state=active]) {
  overflow: hidden;
}
html:has(.c-modal[data-state=active], .c-demo:not([data-demo])[data-state=active]) .c-backdrop {
  opacity: 1;
  visibility: visible;
}

.c-demo:not([data-demo]) {
  position: fixed;
  top: 50%;
  left: calc(50% + 3rem);
  transform: translate(-50%, -50%);
  z-index: 2000;
}

[data-demo]:not(.c-demo) {
  overflow: visible;
}
[data-demo]:not(.c-demo):not(.c-nav) {
  position: relative;
}
[data-demo]:not(.c-demo)::before {
  content: "";
  position: absolute;
  top: -100vh;
  left: -100vw;
  width: 300vw;
  height: 300vh;
  backdrop-filter: blur(0.25rem);
  background: rgba(12, 12, 12, 0.25);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
[data-demo]:not(.c-demo)[data-state=active] {
  z-index: 50;
}
[data-demo]:not(.c-demo)[data-state=active]::before {
  opacity: 1;
  visibility: visible;
}

.c-modal__nav {
  display: flex;
  justify-content: center;
  padding-block: 1.5rem;
}
.c-modal__nav:is(.-sticky-bottom) {
  position: sticky;
  bottom: 0;
  z-index: 5;
}
.c-modal__nav:is(.-sticky-top) {
  position: sticky;
  top: 0;
}

html:has([data-demo][data-state=active]:not([data-demo=navigation])) .c-nav {
  z-index: -1;
}

html:has([data-demo][data-state=active], .c-demo[data-state=active]) {
  overflow: hidden;
}
html:has([data-demo][data-state=active], .c-demo[data-state=active]) .c-footer {
  z-index: -1;
}

[data-demo]:not(.c-demo)[data-state=active] {
  pointer-events: none;
}

.c-demo {
  width: 27.5rem;
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
  z-index: 1000;
  overflow: visible;
  position: absolute;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
  opacity: 0;
  visibility: hidden;
}
.c-demo__content {
  position: relative;
  padding: 3rem;
}
.c-demo__content:not(:has(video, form))::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border-radius: 0.5rem;
  z-index: 0;
  background: radial-gradient(farthest-corner at bottom left, rgb(230, 252.4, 251.5), transparent 30%, transparent);
  z-index: -1;
}
.c-demo__inner {
  width: 100%;
}
.c-demo__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  z-index: 15;
  color: #585858;
  background: #F8F8F8;
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: 0.375rem;
}
.c-demo__close span:has(svg) {
  display: flex;
}
.c-demo__close svg {
  height: 1rem;
}
.c-demo__close:has(> svg:only-child) {
  width: 2.25rem;
}
.c-demo__close:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-demo__close:where(:hover) {
  background: #F4F4F4;
  color: #464646;
}
.c-demo__close:where(:hover) svg {
  fill: #464646;
}
.c-demo:has(.c-demo__content:nth-child(2) .c-video__wrapper) .c-demo__close {
  top: 1rem;
  right: 1rem;
  background: white;
  backdrop-filter: blur(0.5rem);
}
.c-demo:has(.c-demo__content:nth-child(2) .c-video__wrapper) .c-demo__close svg {
  fill: var(--white);
}
.c-demo:has(video) {
  width: auto;
  min-width: 70rem;
}
.c-demo:has(video) .c-demo__inner {
  display: flex;
  align-items: stretch;
}
.c-demo:has(video) .c-demo__content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.c-demo:has(video) .c-demo__content:has(video) {
  padding: 0.5rem;
  padding-left: 0;
}
.c-demo:has(video) .c-demo__content:not(:has(video)) {
  padding-right: 0.5rem;
  flex: 1;
}
.c-demo:has(video) .c-demo__content p {
  margin-bottom: auto;
}
.c-demo:has(video) video {
  height: 27.5rem;
  width: auto;
  border-radius: 0.5rem;
}
.c-demo[data-demo=navigation] {
  top: 4rem !important;
}
.c-demo:is([data-demo])::after {
  content: "";
  position: absolute;
  width: 1rem;
  aspect-ratio: 1;
  border-radius: 0.125rem;
  background: #FFFFFF;
  z-index: -1;
}
.c-demo[data-demo-position=top]::after {
  bottom: -0.25rem;
  left: 50%;
  transform: translate(-50%, 0) rotate(-45deg);
}
.c-demo[data-demo-position=right]::after {
  top: 50%;
  left: -0.25rem;
  transform: translate(0, -50%) rotate(-45deg);
}
.c-demo[data-demo-position=bottom]::after {
  top: -0.25rem;
  left: 50%;
  transform: translate(-50%, 0) rotate(-45deg);
}
.c-demo[data-demo-position=left]::after {
  top: 50%;
  right: -0.25rem;
  transform: translate(0, -50%) rotate(-45deg);
}
.c-demo[data-pointer=left]::after {
  left: 3.5rem;
  transform: translate(0, 0) rotate(-45deg);
}
.c-demo-nav {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 0.375rem;
}
.c-demo-nav__prev, .c-demo-nav__next, .c-demo-nav__close {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  background: #fcfcfc;
  cursor: pointer;
  transition-property: color, background;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-demo-nav__prev span:has(svg), .c-demo-nav__next span:has(svg), .c-demo-nav__close span:has(svg) {
  display: flex;
}
.c-demo-nav__prev svg, .c-demo-nav__next svg, .c-demo-nav__close svg {
  height: 0.875rem;
}
.c-demo-nav__prev:has(> svg:only-child), .c-demo-nav__next:has(> svg:only-child), .c-demo-nav__close:has(> svg:only-child) {
  width: 2rem;
}
.c-demo-nav__prev:has(> svg:only-child), .c-demo-nav__next:has(> svg:only-child), .c-demo-nav__close:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-demo-nav__prev[data-color=teal], .c-demo-nav__next[data-color=teal], .c-demo-nav__close[data-color=teal] {
  background: #05E5DC;
  color: #0B3337;
}
.c-demo-nav__prev:where(:hover), .c-demo-nav__next:where(:hover), .c-demo-nav__close:where(:hover) {
  background: #F8F8F8;
  color: #F4F4F4;
}
.c-demo-nav__count {
  margin-left: 1rem;
  font-size: 0.9375rem;
  color: #c2c2c2;
}
.c-demo :where(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0.25rem;
  color: #0B3337;
}
.c-demo p {
  font-size: 1rem;
  max-width: 40ch;
  text-wrap: balance;
}
.c-demo[data-state=active] {
  opacity: 1;
  visibility: visible;
}

.c-blog-card {
  display: flex;
  padding: 0.5rem;
  border-radius: 0.75rem;
  max-width: 50rem;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}
.c-blog-card__thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: 0.5rem;
  width: 15rem;
}
.c-blog-card__thumbnail picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-blog-card__thumbnail img {
  transition: 0.6s cubic-bezier(0.7, 0, 0.2, 1) transform;
}
.c-blog-card__content {
  padding: 1.5rem 2.25rem;
}
.c-blog-card__title {
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  font-size: 1.5rem;
  max-width: 28ch;
  margin-bottom: 0.75rem;
  text-wrap: balance;
}
.c-blog-card:where(:hover) .c-blog-card__thumbnail img {
  transform: scale(1.05);
}

.c-blog-link {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  color: #585858;
  background: #FFFFFF;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.c-blog-link span:has(svg) {
  display: flex;
}
.c-blog-link svg {
  height: 1.125rem;
}
.c-blog-link:has(> svg:only-child) {
  width: 2.5rem;
}
.c-blog-link:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-blog-link__title {
  max-width: 26.25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  transform: translate(-0.25rem, 0);
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) transform;
}
.c-blog-link__date {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 10;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  color: #585858;
  background: #F8F8F8;
  justify-content: center;
  min-width: 2.75rem;
}
.c-blog-link__date span:has(svg) {
  display: flex;
}
.c-blog-link__date svg {
  height: 1rem;
}
.c-blog-link__date:has(> svg:only-child) {
  width: 2.25rem;
}
.c-blog-link__date:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-blog-link__date span:has(svg) {
  display: flex;
}
.c-blog-link__date svg {
  height: 0.75rem;
}
.c-blog-link__date:has(> svg:only-child) {
  width: 1.75rem;
}
.c-blog-link__date:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-blog-link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  height: 100%;
  background: #FFFFFF;
  z-index: 5;
}
.c-blog-link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 3.5rem;
  width: 2.25rem;
  height: 100%;
  background: linear-gradient(90deg, transparent, #FFFFFF);
  z-index: 5;
}
.c-blog-link:where(:hover) {
  background: #F8F8F8;
  color: #464646;
}
.c-blog-link:where(:hover) svg {
  fill: #464646;
}
.c-blog-link:where(:hover) .c-blog-link__title {
  transform: translate(0, 0);
}

[data-color=teal] [class$=__section][data-color-dark], [data-color=teal] .c-block[data-color-dark] {
  background: #0B3337;
}
[data-color=teal] [class$=__section][data-color-light], [data-color=teal] .c-block[data-color-light] {
  background: #05E5DC;
}
[data-color=teal] [class$=__section][data-shade], [data-color=teal] .c-block[data-shade] {
  background: rgba(5, 229, 220, 0.08);
}
[data-color=teal] [class$=__section][data-gradient], [data-color=teal] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at top right, rgb(230, 252.4, 251.5), transparent 50%, transparent);
}
:where(.c-page) [data-color=teal] [class$=__section][data-gradient], :where(.c-page) [data-color=teal] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at bottom left, rgb(230, 252.4, 251.5), transparent 50%, transparent);
}
[data-color=teal] [class$=__gradient] {
  background: rgba(5, 229, 220, 0.15);
}

[data-color=orange] [class$=__section][data-color-dark], [data-color=orange] .c-block[data-color-dark] {
  background: #A31700;
}
[data-color=orange] [class$=__section][data-color-light], [data-color=orange] .c-block[data-color-light] {
  background: #FF7000;
}
[data-color=orange] [class$=__section][data-shade], [data-color=orange] .c-block[data-shade] {
  background: rgba(255, 112, 0, 0.08);
}
[data-color=orange] [class$=__section][data-gradient], [data-color=orange] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at top right, rgb(255, 240.7, 229.5), transparent 50%, transparent);
}
:where(.c-page) [data-color=orange] [class$=__section][data-gradient], :where(.c-page) [data-color=orange] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at bottom left, rgb(255, 240.7, 229.5), transparent 50%, transparent);
}
[data-color=orange] [class$=__gradient] {
  background: rgba(255, 112, 0, 0.15);
}

[data-color=green] [class$=__section][data-color-dark], [data-color=green] .c-block[data-color-dark] {
  background: #00655A;
}
[data-color=green] [class$=__section][data-color-light], [data-color=green] .c-block[data-color-light] {
  background: #5AFF52;
}
[data-color=green] [class$=__section][data-shade], [data-color=green] .c-block[data-shade] {
  background: rgba(90, 255, 82, 0.08);
}
[data-color=green] [class$=__section][data-gradient], [data-color=green] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at top right, rgb(238.5, 255, 237.7), transparent 50%, transparent);
}
:where(.c-page) [data-color=green] [class$=__section][data-gradient], :where(.c-page) [data-color=green] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at bottom left, rgb(238.5, 255, 237.7), transparent 50%, transparent);
}
[data-color=green] [class$=__gradient] {
  background: rgba(90, 255, 82, 0.15);
}

[data-color=blue] [class$=__section][data-color-dark], [data-color=blue] .c-block[data-color-dark] {
  background: #332D85;
}
[data-color=blue] [class$=__section][data-color-light], [data-color=blue] .c-block[data-color-light] {
  background: #56E7FF;
}
[data-color=blue] [class$=__section][data-shade], [data-color=blue] .c-block[data-shade] {
  background: rgba(86, 231, 255, 0.08);
}
[data-color=blue] [class$=__section][data-gradient], [data-color=blue] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at top right, rgb(238.1, 252.6, 255), transparent 50%, transparent);
}
:where(.c-page) [data-color=blue] [class$=__section][data-gradient], :where(.c-page) [data-color=blue] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at bottom left, rgb(238.1, 252.6, 255), transparent 50%, transparent);
}
[data-color=blue] [class$=__gradient] {
  background: rgba(86, 231, 255, 0.15);
}

[data-color=pink] [class$=__section][data-color-dark], [data-color=pink] .c-block[data-color-dark] {
  background: #9E1640;
}
[data-color=pink] [class$=__section][data-color-light], [data-color=pink] .c-block[data-color-light] {
  background: #FFAAF0;
}
[data-color=pink] [class$=__section][data-shade], [data-color=pink] .c-block[data-shade] {
  background: rgba(255, 170, 240, 0.08);
}
[data-color=pink] [class$=__section][data-gradient], [data-color=pink] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at top right, rgb(255, 246.5, 253.5), transparent 50%, transparent);
}
:where(.c-page) [data-color=pink] [class$=__section][data-gradient], :where(.c-page) [data-color=pink] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at bottom left, rgb(255, 246.5, 253.5), transparent 50%, transparent);
}
[data-color=pink] [class$=__gradient] {
  background: rgba(255, 170, 240, 0.15);
}

[data-color=yellow] [class$=__section][data-color-dark], [data-color=yellow] .c-block[data-color-dark] {
  background: #993E03;
}
[data-color=yellow] [class$=__section][data-color-light], [data-color=yellow] .c-block[data-color-light] {
  background: #FBAD19;
}
[data-color=yellow] [class$=__section][data-shade], [data-color=yellow] .c-block[data-shade] {
  background: rgba(251, 173, 25, 0.08);
}
[data-color=yellow] [class$=__section][data-gradient], [data-color=yellow] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at top right, rgb(254.6, 246.8, 232), transparent 50%, transparent);
}
:where(.c-page) [data-color=yellow] [class$=__section][data-gradient], :where(.c-page) [data-color=yellow] .c-block[data-gradient] {
  background: radial-gradient(farthest-corner at bottom left, rgb(254.6, 246.8, 232), transparent 50%, transparent);
}
[data-color=yellow] [class$=__gradient] {
  background: rgba(251, 173, 25, 0.15);
}

[class$=__section][data-color-dark] :where(h1, h2, h3, h4, h5, h6), [class$=__section][data-color-light] :where(h1, h2, h3, h4, h5, h6), .c-block[data-color-dark] :where(h1, h2, h3, h4, h5, h6), .c-block[data-color-light] :where(h1, h2, h3, h4, h5, h6) {
  color: #FFFFFF;
}
[class$=__section][data-color-dark] .c-content, [class$=__section][data-color-light] .c-content, .c-block[data-color-dark] .c-content, .c-block[data-color-light] .c-content {
  color: rgba(255, 255, 255, 0.8);
}

[class$=__section][data-color-dark=teal], .c-block[data-color-dark=teal] {
  background: #0B3337 !important;
}
[class$=__section][data-color-light=teal], .c-block[data-color-light=teal] {
  background: #05E5DC !important;
}
[class$=__section][data-shade=teal], .c-block[data-shade=teal] {
  background: rgba(5, 229, 220, 0.1) !important;
}
[class$=__section][data-shade=teal] :where(h1, h2, h3, h4, h5, h6), .c-block[data-shade=teal] :where(h1, h2, h3, h4, h5, h6) {
  color: #0B3337;
}
[class$=__section][data-gradient=teal] :where(h1, h2, h3, h4, h5, h6), .c-block[data-gradient=teal] :where(h1, h2, h3, h4, h5, h6) {
  color: #0B3337;
}
[class$=__section][data-color-dark=orange], .c-block[data-color-dark=orange] {
  background: #A31700 !important;
}
[class$=__section][data-color-light=orange], .c-block[data-color-light=orange] {
  background: #FF7000 !important;
}
[class$=__section][data-shade=orange], .c-block[data-shade=orange] {
  background: rgba(255, 112, 0, 0.1) !important;
}
[class$=__section][data-shade=orange] :where(h1, h2, h3, h4, h5, h6), .c-block[data-shade=orange] :where(h1, h2, h3, h4, h5, h6) {
  color: #A31700;
}
[class$=__section][data-gradient=orange] :where(h1, h2, h3, h4, h5, h6), .c-block[data-gradient=orange] :where(h1, h2, h3, h4, h5, h6) {
  color: #A31700;
}
[class$=__section][data-color-dark=green], .c-block[data-color-dark=green] {
  background: #00655A !important;
}
[class$=__section][data-color-light=green], .c-block[data-color-light=green] {
  background: #5AFF52 !important;
}
[class$=__section][data-shade=green], .c-block[data-shade=green] {
  background: rgba(90, 255, 82, 0.1) !important;
}
[class$=__section][data-shade=green] :where(h1, h2, h3, h4, h5, h6), .c-block[data-shade=green] :where(h1, h2, h3, h4, h5, h6) {
  color: #00655A;
}
[class$=__section][data-gradient=green] :where(h1, h2, h3, h4, h5, h6), .c-block[data-gradient=green] :where(h1, h2, h3, h4, h5, h6) {
  color: #00655A;
}
[class$=__section][data-color-dark=blue], .c-block[data-color-dark=blue] {
  background: #332D85 !important;
}
[class$=__section][data-color-light=blue], .c-block[data-color-light=blue] {
  background: #56E7FF !important;
}
[class$=__section][data-shade=blue], .c-block[data-shade=blue] {
  background: rgba(86, 231, 255, 0.1) !important;
}
[class$=__section][data-shade=blue] :where(h1, h2, h3, h4, h5, h6), .c-block[data-shade=blue] :where(h1, h2, h3, h4, h5, h6) {
  color: #332D85;
}
[class$=__section][data-gradient=blue] :where(h1, h2, h3, h4, h5, h6), .c-block[data-gradient=blue] :where(h1, h2, h3, h4, h5, h6) {
  color: #332D85;
}
[class$=__section][data-color-dark=pink], .c-block[data-color-dark=pink] {
  background: #9E1640 !important;
}
[class$=__section][data-color-light=pink], .c-block[data-color-light=pink] {
  background: #FFAAF0 !important;
}
[class$=__section][data-shade=pink], .c-block[data-shade=pink] {
  background: rgba(255, 170, 240, 0.1) !important;
}
[class$=__section][data-shade=pink] :where(h1, h2, h3, h4, h5, h6), .c-block[data-shade=pink] :where(h1, h2, h3, h4, h5, h6) {
  color: #9E1640;
}
[class$=__section][data-gradient=pink] :where(h1, h2, h3, h4, h5, h6), .c-block[data-gradient=pink] :where(h1, h2, h3, h4, h5, h6) {
  color: #9E1640;
}
[class$=__section][data-color-dark=yellow], .c-block[data-color-dark=yellow] {
  background: #993E03 !important;
}
[class$=__section][data-color-light=yellow], .c-block[data-color-light=yellow] {
  background: #FBAD19 !important;
}
[class$=__section][data-shade=yellow], .c-block[data-shade=yellow] {
  background: rgba(251, 173, 25, 0.1) !important;
}
[class$=__section][data-shade=yellow] :where(h1, h2, h3, h4, h5, h6), .c-block[data-shade=yellow] :where(h1, h2, h3, h4, h5, h6) {
  color: #993E03;
}
[class$=__section][data-gradient=yellow] :where(h1, h2, h3, h4, h5, h6), .c-block[data-gradient=yellow] :where(h1, h2, h3, h4, h5, h6) {
  color: #993E03;
}

[data-color=teal] :where(h1, h2, h3, h4, h5, h6) {
  color: #0B3337;
}
[data-color=teal] :where(h1, h2, h3, h4, h5, h6)[data-accent] {
  color: #05E5DC;
}
[data-color=teal] .c-content a:where(:hover) {
  color: #0B3337;
}
[data-color=teal] .c-content ul li::marker {
  color: #05E5DC;
}

:where(h1, h2, h3, h4, h5, h6)[data-color-dark=teal] {
  color: #0B3337;
}
:where(h1, h2, h3, h4, h5, h6)[data-color-light=teal] {
  color: #0B3337;
}
:where(h1, h2, h3, h4, h5, h6)[data-shade=teal] {
  color: #0B3337;
}

[data-color=orange] :where(h1, h2, h3, h4, h5, h6) {
  color: #A31700;
}
[data-color=orange] :where(h1, h2, h3, h4, h5, h6)[data-accent] {
  color: #FF7000;
}
[data-color=orange] .c-content a:where(:hover) {
  color: #A31700;
}
[data-color=orange] .c-content ul li::marker {
  color: #FF7000;
}

:where(h1, h2, h3, h4, h5, h6)[data-color-dark=orange] {
  color: #A31700;
}
:where(h1, h2, h3, h4, h5, h6)[data-color-light=orange] {
  color: #A31700;
}
:where(h1, h2, h3, h4, h5, h6)[data-shade=orange] {
  color: #A31700;
}

[data-color=green] :where(h1, h2, h3, h4, h5, h6) {
  color: #00655A;
}
[data-color=green] :where(h1, h2, h3, h4, h5, h6)[data-accent] {
  color: #5AFF52;
}
[data-color=green] .c-content a:where(:hover) {
  color: #00655A;
}
[data-color=green] .c-content ul li::marker {
  color: #5AFF52;
}

:where(h1, h2, h3, h4, h5, h6)[data-color-dark=green] {
  color: #00655A;
}
:where(h1, h2, h3, h4, h5, h6)[data-color-light=green] {
  color: #00655A;
}
:where(h1, h2, h3, h4, h5, h6)[data-shade=green] {
  color: #00655A;
}

[data-color=blue] :where(h1, h2, h3, h4, h5, h6) {
  color: #332D85;
}
[data-color=blue] :where(h1, h2, h3, h4, h5, h6)[data-accent] {
  color: #56E7FF;
}
[data-color=blue] .c-content a:where(:hover) {
  color: #332D85;
}
[data-color=blue] .c-content ul li::marker {
  color: #56E7FF;
}

:where(h1, h2, h3, h4, h5, h6)[data-color-dark=blue] {
  color: #332D85;
}
:where(h1, h2, h3, h4, h5, h6)[data-color-light=blue] {
  color: #332D85;
}
:where(h1, h2, h3, h4, h5, h6)[data-shade=blue] {
  color: #332D85;
}

[data-color=pink] :where(h1, h2, h3, h4, h5, h6) {
  color: #9E1640;
}
[data-color=pink] :where(h1, h2, h3, h4, h5, h6)[data-accent] {
  color: #FFAAF0;
}
[data-color=pink] .c-content a:where(:hover) {
  color: #9E1640;
}
[data-color=pink] .c-content ul li::marker {
  color: #FFAAF0;
}

:where(h1, h2, h3, h4, h5, h6)[data-color-dark=pink] {
  color: #9E1640;
}
:where(h1, h2, h3, h4, h5, h6)[data-color-light=pink] {
  color: #9E1640;
}
:where(h1, h2, h3, h4, h5, h6)[data-shade=pink] {
  color: #9E1640;
}

[data-color=yellow] :where(h1, h2, h3, h4, h5, h6) {
  color: #993E03;
}
[data-color=yellow] :where(h1, h2, h3, h4, h5, h6)[data-accent] {
  color: #FBAD19;
}
[data-color=yellow] .c-content a:where(:hover) {
  color: #993E03;
}
[data-color=yellow] .c-content ul li::marker {
  color: #FBAD19;
}

:where(h1, h2, h3, h4, h5, h6)[data-color-dark=yellow] {
  color: #993E03;
}
:where(h1, h2, h3, h4, h5, h6)[data-color-light=yellow] {
  color: #993E03;
}
:where(h1, h2, h3, h4, h5, h6)[data-shade=yellow] {
  color: #993E03;
}

.c-icon-block[data-color=teal]:where(:hover) .c-icon-block__title {
  color: #0B3337;
}
.c-icon-block[data-color=teal]:where(:hover) .c-icon-block__icon {
  color: rgba(5, 229, 220, 0.05);
}
.c-icon-block[data-color=teal]:where(:hover) .c-icon-block__icon svg {
  fill: #0B3337;
}
.c-icon-block[data-color=teal]:where(:hover)::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(230, 252.4, 251.5), transparent 75%, transparent);
}
.c-icon-block[data-color=orange]:where(:hover) .c-icon-block__title {
  color: #A31700;
}
.c-icon-block[data-color=orange]:where(:hover) .c-icon-block__icon {
  color: rgba(255, 112, 0, 0.05);
}
.c-icon-block[data-color=orange]:where(:hover) .c-icon-block__icon svg {
  fill: #A31700;
}
.c-icon-block[data-color=orange]:where(:hover)::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(255, 240.7, 229.5), transparent 75%, transparent);
}
.c-icon-block[data-color=green]:where(:hover) .c-icon-block__title {
  color: #00655A;
}
.c-icon-block[data-color=green]:where(:hover) .c-icon-block__icon {
  color: rgba(90, 255, 82, 0.05);
}
.c-icon-block[data-color=green]:where(:hover) .c-icon-block__icon svg {
  fill: #00655A;
}
.c-icon-block[data-color=green]:where(:hover)::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(238.5, 255, 237.7), transparent 75%, transparent);
}
.c-icon-block[data-color=blue]:where(:hover) .c-icon-block__title {
  color: #332D85;
}
.c-icon-block[data-color=blue]:where(:hover) .c-icon-block__icon {
  color: rgba(86, 231, 255, 0.05);
}
.c-icon-block[data-color=blue]:where(:hover) .c-icon-block__icon svg {
  fill: #332D85;
}
.c-icon-block[data-color=blue]:where(:hover)::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(238.1, 252.6, 255), transparent 75%, transparent);
}
.c-icon-block[data-color=pink]:where(:hover) .c-icon-block__title {
  color: #9E1640;
}
.c-icon-block[data-color=pink]:where(:hover) .c-icon-block__icon {
  color: rgba(255, 170, 240, 0.05);
}
.c-icon-block[data-color=pink]:where(:hover) .c-icon-block__icon svg {
  fill: #9E1640;
}
.c-icon-block[data-color=pink]:where(:hover)::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(255, 246.5, 253.5), transparent 75%, transparent);
}
.c-icon-block[data-color=yellow]:where(:hover) .c-icon-block__title {
  color: #993E03;
}
.c-icon-block[data-color=yellow]:where(:hover) .c-icon-block__icon {
  color: rgba(251, 173, 25, 0.05);
}
.c-icon-block[data-color=yellow]:where(:hover) .c-icon-block__icon svg {
  fill: #993E03;
}
.c-icon-block[data-color=yellow]:where(:hover)::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(254.6, 246.8, 232), transparent 75%, transparent);
}

.c-summary-block:not([data-color]) {
  background: #F8F8F8;
}
.c-summary-block:not([data-color]) .c-summary-item__icon {
  background: #F8F8F8;
}
.c-summary-block:not([data-color]) .c-summary-item__title {
  color: #383838;
}

:where([data-color=teal]) .c-summary-block[data-color],
.c-summary-block[data-color=teal] {
  background: rgb(242.5, 253.7, 253.25);
}
:where([data-color=teal]) .c-summary-block[data-color] .c-summary-item__icon,
.c-summary-block[data-color=teal] .c-summary-item__icon {
  background: rgb(242.5, 253.7, 253.25);
}
:where([data-color=teal]) .c-summary-block[data-color] .c-summary-item__icon svg,
.c-summary-block[data-color=teal] .c-summary-item__icon svg {
  fill: #0B3337;
}
:where([data-color=teal]) .c-summary-block[data-color] .c-summary-item__title,
.c-summary-block[data-color=teal] .c-summary-item__title {
  color: #0B3337;
}

:where([data-color=orange]) .c-summary-block[data-color],
.c-summary-block[data-color=orange] {
  background: rgb(255, 247.85, 242.25);
}
:where([data-color=orange]) .c-summary-block[data-color] .c-summary-item__icon,
.c-summary-block[data-color=orange] .c-summary-item__icon {
  background: rgb(255, 247.85, 242.25);
}
:where([data-color=orange]) .c-summary-block[data-color] .c-summary-item__icon svg,
.c-summary-block[data-color=orange] .c-summary-item__icon svg {
  fill: #A31700;
}
:where([data-color=orange]) .c-summary-block[data-color] .c-summary-item__title,
.c-summary-block[data-color=orange] .c-summary-item__title {
  color: #A31700;
}

:where([data-color=green]) .c-summary-block[data-color],
.c-summary-block[data-color=green] {
  background: rgb(246.75, 255, 246.35);
}
:where([data-color=green]) .c-summary-block[data-color] .c-summary-item__icon,
.c-summary-block[data-color=green] .c-summary-item__icon {
  background: rgb(246.75, 255, 246.35);
}
:where([data-color=green]) .c-summary-block[data-color] .c-summary-item__icon svg,
.c-summary-block[data-color=green] .c-summary-item__icon svg {
  fill: #00655A;
}
:where([data-color=green]) .c-summary-block[data-color] .c-summary-item__title,
.c-summary-block[data-color=green] .c-summary-item__title {
  color: #00655A;
}

:where([data-color=blue]) .c-summary-block[data-color],
.c-summary-block[data-color=blue] {
  background: rgb(246.55, 253.8, 255);
}
:where([data-color=blue]) .c-summary-block[data-color] .c-summary-item__icon,
.c-summary-block[data-color=blue] .c-summary-item__icon {
  background: rgb(246.55, 253.8, 255);
}
:where([data-color=blue]) .c-summary-block[data-color] .c-summary-item__icon svg,
.c-summary-block[data-color=blue] .c-summary-item__icon svg {
  fill: #332D85;
}
:where([data-color=blue]) .c-summary-block[data-color] .c-summary-item__title,
.c-summary-block[data-color=blue] .c-summary-item__title {
  color: #332D85;
}

:where([data-color=pink]) .c-summary-block[data-color],
.c-summary-block[data-color=pink] {
  background: rgb(255, 250.75, 254.25);
}
:where([data-color=pink]) .c-summary-block[data-color] .c-summary-item__icon,
.c-summary-block[data-color=pink] .c-summary-item__icon {
  background: rgb(255, 250.75, 254.25);
}
:where([data-color=pink]) .c-summary-block[data-color] .c-summary-item__icon svg,
.c-summary-block[data-color=pink] .c-summary-item__icon svg {
  fill: #9E1640;
}
:where([data-color=pink]) .c-summary-block[data-color] .c-summary-item__title,
.c-summary-block[data-color=pink] .c-summary-item__title {
  color: #9E1640;
}

:where([data-color=yellow]) .c-summary-block[data-color],
.c-summary-block[data-color=yellow] {
  background: rgb(254.8, 250.9, 243.5);
}
:where([data-color=yellow]) .c-summary-block[data-color] .c-summary-item__icon,
.c-summary-block[data-color=yellow] .c-summary-item__icon {
  background: rgb(254.8, 250.9, 243.5);
}
:where([data-color=yellow]) .c-summary-block[data-color] .c-summary-item__icon svg,
.c-summary-block[data-color=yellow] .c-summary-item__icon svg {
  fill: #993E03;
}
:where([data-color=yellow]) .c-summary-block[data-color] .c-summary-item__title,
.c-summary-block[data-color=yellow] .c-summary-item__title {
  color: #993E03;
}

.c-block:is(.-white) .c-tab-nav__wrapper {
  background: #F8F8F8;
  box-shadow: none;
}
.c-block:is(.-white) .c-tab-nav__backdrop {
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.375rem 0rem rgba(12, 12, 12, 0.1);
}

:where([data-color=teal]) [class$=__section]:first-of-type:not([data-color-dark], [data-color-light]) .c-tab-nav__backdrop {
  background: rgba(5, 229, 220, 0.1);
}
:where([data-color=teal]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label {
  color: #0B3337;
}
:where([data-color=teal]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label svg {
  fill: #0B3337;
}

:where([data-color=orange]) [class$=__section]:first-of-type:not([data-color-dark], [data-color-light]) .c-tab-nav__backdrop {
  background: rgba(255, 112, 0, 0.1);
}
:where([data-color=orange]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label {
  color: #A31700;
}
:where([data-color=orange]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label svg {
  fill: #A31700;
}

:where([data-color=green]) [class$=__section]:first-of-type:not([data-color-dark], [data-color-light]) .c-tab-nav__backdrop {
  background: rgba(90, 255, 82, 0.1);
}
:where([data-color=green]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label {
  color: #00655A;
}
:where([data-color=green]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label svg {
  fill: #00655A;
}

:where([data-color=blue]) [class$=__section]:first-of-type:not([data-color-dark], [data-color-light]) .c-tab-nav__backdrop {
  background: rgba(86, 231, 255, 0.1);
}
:where([data-color=blue]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label {
  color: #332D85;
}
:where([data-color=blue]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label svg {
  fill: #332D85;
}

:where([data-color=pink]) [class$=__section]:first-of-type:not([data-color-dark], [data-color-light]) .c-tab-nav__backdrop {
  background: rgba(255, 170, 240, 0.1);
}
:where([data-color=pink]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label {
  color: #9E1640;
}
:where([data-color=pink]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label svg {
  fill: #9E1640;
}

:where([data-color=yellow]) [class$=__section]:first-of-type:not([data-color-dark], [data-color-light]) .c-tab-nav__backdrop {
  background: rgba(251, 173, 25, 0.1);
}
:where([data-color=yellow]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label {
  color: #993E03;
}
:where([data-color=yellow]) [class$=__section]:first-of-type:has(figure) .t-tab-nav__item .c-label svg {
  fill: #993E03;
}

.c-page__section:is([data-color-dark], [data-color-light]) .c-tab-nav__wrapper, .c-page__section:is([data-color-dark], [data-color-light]) .c-tab-nav__backdrop, .c-modal__section:is([data-color-dark], [data-color-light]) .c-tab-nav__wrapper, .c-modal__section:is([data-color-dark], [data-color-light]) .c-tab-nav__backdrop {
  background: rgba(255, 255, 255, 0.05);
}
.c-page__section:is([data-color-dark], [data-color-light]) .c-tab-nav .c-label, .c-modal__section:is([data-color-dark], [data-color-light]) .c-tab-nav .c-label {
  color: #FFFFFF;
}

:where([data-color=teal]) .c-icon-title__title {
  color: #0B3337;
}

:where([data-color=orange]) .c-icon-title__title {
  color: #A31700;
}

:where([data-color=green]) .c-icon-title__title {
  color: #00655A;
}

:where([data-color=blue]) .c-icon-title__title {
  color: #332D85;
}

:where([data-color=pink]) .c-icon-title__title {
  color: #9E1640;
}

:where([data-color=yellow]) .c-icon-title__title {
  color: #993E03;
}

.c-icon-title[data-color=teal] .c-icon-title__title {
  color: #0B3337;
}
.c-icon-title[data-color=orange] .c-icon-title__title {
  color: #A31700;
}
.c-icon-title[data-color=green] .c-icon-title__title {
  color: #00655A;
}
.c-icon-title[data-color=blue] .c-icon-title__title {
  color: #332D85;
}
.c-icon-title[data-color=pink] .c-icon-title__title {
  color: #9E1640;
}
.c-icon-title[data-color=yellow] .c-icon-title__title {
  color: #993E03;
}

[data-color=teal] .c-button[data-color-dark], [data-color=teal] .c-label[data-color-dark] {
  background: #0B3337;
  color: #FFFFFF !important;
}
[data-color=teal] .c-button[data-color-light], [data-color=teal] .c-label[data-color-light] {
  background: #05E5DC;
  color: #0B3337 !important;
}
[data-color=teal] .c-button[data-shade], [data-color=teal] .c-label[data-shade] {
  background: rgba(5, 229, 220, 0.1);
}
[data-color=teal] [class$=__gradient] {
  background: rgba(5, 229, 220, 0.15);
}

[data-color=orange] .c-button[data-color-dark], [data-color=orange] .c-label[data-color-dark] {
  background: #A31700;
  color: #FFFFFF !important;
}
[data-color=orange] .c-button[data-color-light], [data-color=orange] .c-label[data-color-light] {
  background: #FF7000;
  color: #A31700 !important;
}
[data-color=orange] .c-button[data-shade], [data-color=orange] .c-label[data-shade] {
  background: rgba(255, 112, 0, 0.1);
}
[data-color=orange] [class$=__gradient] {
  background: rgba(255, 112, 0, 0.15);
}

[data-color=green] .c-button[data-color-dark], [data-color=green] .c-label[data-color-dark] {
  background: #00655A;
  color: #FFFFFF !important;
}
[data-color=green] .c-button[data-color-light], [data-color=green] .c-label[data-color-light] {
  background: #5AFF52;
  color: #00655A !important;
}
[data-color=green] .c-button[data-shade], [data-color=green] .c-label[data-shade] {
  background: rgba(90, 255, 82, 0.1);
}
[data-color=green] [class$=__gradient] {
  background: rgba(90, 255, 82, 0.15);
}

[data-color=blue] .c-button[data-color-dark], [data-color=blue] .c-label[data-color-dark] {
  background: #332D85;
  color: #FFFFFF !important;
}
[data-color=blue] .c-button[data-color-light], [data-color=blue] .c-label[data-color-light] {
  background: #56E7FF;
  color: #332D85 !important;
}
[data-color=blue] .c-button[data-shade], [data-color=blue] .c-label[data-shade] {
  background: rgba(86, 231, 255, 0.1);
}
[data-color=blue] [class$=__gradient] {
  background: rgba(86, 231, 255, 0.15);
}

[data-color=pink] .c-button[data-color-dark], [data-color=pink] .c-label[data-color-dark] {
  background: #9E1640;
  color: #FFFFFF !important;
}
[data-color=pink] .c-button[data-color-light], [data-color=pink] .c-label[data-color-light] {
  background: #FFAAF0;
  color: #9E1640 !important;
}
[data-color=pink] .c-button[data-shade], [data-color=pink] .c-label[data-shade] {
  background: rgba(255, 170, 240, 0.1);
}
[data-color=pink] [class$=__gradient] {
  background: rgba(255, 170, 240, 0.15);
}

[data-color=yellow] .c-button[data-color-dark], [data-color=yellow] .c-label[data-color-dark] {
  background: #993E03;
  color: #FFFFFF !important;
}
[data-color=yellow] .c-button[data-color-light], [data-color=yellow] .c-label[data-color-light] {
  background: #FBAD19;
  color: #993E03 !important;
}
[data-color=yellow] .c-button[data-shade], [data-color=yellow] .c-label[data-shade] {
  background: rgba(251, 173, 25, 0.1);
}
[data-color=yellow] [class$=__gradient] {
  background: rgba(251, 173, 25, 0.15);
}

.c-button[data-color=teal], .c-label[data-color=teal] {
  background: #05E5DC;
  color: #0B3337;
}
.c-button[data-color=orange], .c-label[data-color=orange] {
  background: #FF7000;
  color: #A31700;
}
.c-button[data-color=green], .c-label[data-color=green] {
  background: #5AFF52;
  color: #00655A;
}
.c-button[data-color=blue], .c-label[data-color=blue] {
  background: #56E7FF;
  color: #332D85;
}
.c-button[data-color=pink], .c-label[data-color=pink] {
  background: #FFAAF0;
  color: #9E1640;
}
.c-button[data-color=yellow], .c-label[data-color=yellow] {
  background: #FBAD19;
  color: #993E03;
}

.c-page__section:has(.c-message-group) {
  padding-top: 7.5rem;
  flex: 1;
  justify-content: flex-start !important;
}

.c-message-group {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.c-message[data-author=agent] {
  max-width: 80%;
}
.c-message[data-author=user] {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(233.12, 233.12, 233.12), rgb(238.08, 238.08, 238.08)) border-box;
  max-width: 60%;
  border-radius: 0.5rem;
  padding: 0.375rem 1rem;
  align-self: flex-end;
}
.c-message .c-action-group {
  margin-top: 0.75rem;
}

.c-message .c-content > *:is(p, ul, ol):not(:last-child) {
  margin-bottom: 0.75rem;
}

.c-table {
  width: 100%;
  border: 1px solid #F2F2F2;
  border-radius: 0.5rem;
  font-size: 1rem;
  text-align: left;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
}
.c-table__container {
  position: relative;
}

.c-table th, .c-table td {
  position: relative;
  padding-inline: 1rem 1.5rem;
  padding-block: 0.625rem;
  background: #FFFFFF;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) background-color;
}
.c-table tr:not(:last-child) > :is(th, td), .c-table th {
  border-bottom: 0.0625rem solid #F2F2F2;
}
.c-table th:not(:last-child), .c-table td:not(:last-child) {
  border-right: 0.0625rem solid #F2F2F2;
}

.c-table tbody tr:where(:hover) td {
  background: #fcfcfc !important;
}

.c-table__resize-line {
  position: absolute;
  top: 0;
  width: 0.125rem;
  height: 100%;
  z-index: 15;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-table__resize-line[data-state=active] {
  opacity: 1;
  visibility: visible;
}

.c-table-cell__resize-handle {
  position: absolute;
  top: 0;
  right: -0.125rem;
  width: 0.25rem;
  height: 100%;
  cursor: col-resize;
  z-index: 10;
}
.c-table-cell__resize-line {
  position: absolute;
  top: 0;
  right: -0.0625rem;
  width: 0.125rem;
  height: 100%;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-table-cell__resize-handle:hover + .c-table-cell__resize-line {
  opacity: 1;
  visibility: visible;
}

[data-color=teal] .c-table__resize-line,
[data-color=teal] .c-table-cell__resize-line {
  background: #05E5DC;
}

[data-color=orange] .c-table__resize-line,
[data-color=orange] .c-table-cell__resize-line {
  background: #FF7000;
}

[data-color=green] .c-table__resize-line,
[data-color=green] .c-table-cell__resize-line {
  background: #5AFF52;
}

[data-color=blue] .c-table__resize-line,
[data-color=blue] .c-table-cell__resize-line {
  background: #56E7FF;
}

[data-color=pink] .c-table__resize-line,
[data-color=pink] .c-table-cell__resize-line {
  background: #FFAAF0;
}

[data-color=yellow] .c-table__resize-line,
[data-color=yellow] .c-table-cell__resize-line {
  background: #FBAD19;
}

.c-table__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.c-table__header .c-button, .c-table__header .c-search, .c-table__header .c-select, .c-table__header .c-select-group {
  z-index: 50;
}
.c-table__header .c-button:not([data-color]), .c-table__header .c-search:not([data-color]), .c-table__header .c-select:not([data-color]), .c-table__header .c-select-group:not([data-color]) {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}

.c-table th {
  font-weight: 600;
}
.c-table th:has(.c-table-buttons) {
  cursor: pointer;
}

.c-table__actions {
  display: flex;
  justify-content: flex-end;
}
.c-table__actions .c-tab-nav__wrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

.c-table__wrapper:has(.c-table__actions) .c-table {
  border-top-right-radius: 0;
}

.c-table__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-left: 1rem;
}
.c-table__footer-content {
  font-size: 0.875rem;
  gap: 0.375rem;
}
.c-table__footer-content svg {
  height: 0.75rem;
}
.c-table__footer .c-button:not([data-color]), .c-table__footer .c-select:not([data-color]) {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
}

.c-table thead :is(th, td):has(.c-action-group)::before, .c-table tbody :is(th, td):has(.c-action-group)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 9rem;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, #F8F8F8 25%, #F8F8F8 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-table thead :is(th, td):has(.c-action-group) .c-action-group, .c-table tbody :is(th, td):has(.c-action-group) .c-action-group {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translate(0, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) opacity;
}
.c-table thead :is(th, td):has(.c-action-group):where(:hover) .c-action-group, .c-table tbody :is(th, td):has(.c-action-group):where(:hover) .c-action-group {
  opacity: 1;
  visibility: visible;
}

.c-table .c-select-group__placeholder,
.c-table .c-select-group__selection .c-label,
.c-table .c-select-group__add,
.c-table .c-select-group__remove {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
}
.c-table .c-select-group__placeholder svg,
.c-table .c-select-group__selection .c-label svg,
.c-table .c-select-group__add svg,
.c-table .c-select-group__remove svg {
  height: 0.875rem;
}
.c-table .c-select-group__placeholder:has(> svg:only-child),
.c-table .c-select-group__selection .c-label:has(> svg:only-child),
.c-table .c-select-group__add:has(> svg:only-child),
.c-table .c-select-group__remove:has(> svg:only-child) {
  width: 2rem;
}
.c-table .c-select {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
  padding-right: 2rem;
}
.c-table .c-select svg {
  height: 0.875rem;
}
.c-table .c-select:has(> svg:only-child) {
  width: 2rem;
}
.c-table .c-select + .c-select__icon {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
}
.c-table .c-select + .c-select__icon svg {
  height: 0.875rem;
}
.c-table .c-select + .c-select__icon:has(> svg:only-child) {
  width: 2rem;
}
.c-table .c-action-group .c-button {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
}
.c-table .c-action-group .c-button svg {
  height: 0.75rem;
}
.c-table .c-action-group .c-button:has(> svg:only-child) {
  width: 1.75rem;
}
.c-table .c-select__wrapper .c-label {
  padding-right: 1.5rem;
}
.c-table__footer .c-group .c-button {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
}
.c-table__footer .c-group .c-button svg {
  height: 0.75rem;
}
.c-table__footer .c-group .c-button:has(> svg:only-child) {
  width: 1.75rem;
}
.c-table__footer .c-group .c-select {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  padding-right: 1.75rem;
}
.c-table__footer .c-group .c-select svg {
  height: 0.75rem;
}
.c-table__footer .c-group .c-select:has(> svg:only-child) {
  width: 1.75rem;
}
.c-table__footer .c-group .c-select + .c-select__icon {
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
}
.c-table__footer .c-group .c-select + .c-select__icon svg {
  height: 0.75rem;
}
.c-table__footer .c-group .c-select + .c-select__icon:has(> svg:only-child) {
  width: 1.75rem;
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

input:not([class]), textarea:not([class]), button:not([class]), select:not([class]) {
  padding: 0;
  margin: 0;
  font: inherit;
  background: none;
  border: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.c-form:not(:has(.c-form__grid)) {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1.5rem;
}

.c-form {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.c-form__grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1.5rem;
}
.c-form__cell {
  grid-column-end: span 8;
}
.c-form__cell .c-group {
  width: 100%;
}
.c-form__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.c-form__field {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.c-form__label {
  display: flex;
  padding-left: 0.125rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}

.c-form input:not([type=radio], [type=checkbox], [type=file] [type=color]), .c-form textarea {
  width: 100%;
  height: 3.25rem;
  padding-inline: 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: #585858;
  border-radius: 0.5rem;
  letter-spacing: -0.02em;
  border: none;
  appearance: none;
  font-family: inherit;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(238.08, 238.08, 238.08), rgb(238.08, 238.08, 238.08)) border-box;
}
.c-form input:not([type=radio], [type=checkbox], [type=file] [type=color]):focus, .c-form textarea:focus {
  outline: none;
}
.c-form input:not([type=radio], [type=checkbox], [type=file] [type=color]):is(textarea), .c-form textarea:is(textarea) {
  padding-block: 0.75rem;
}

.c-input-label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(238.08, 238.08, 238.08), rgb(238.08, 238.08, 238.08)) border-box;
}
.c-input-label span:has(svg) {
  display: flex;
}
.c-input-label svg {
  height: 1rem;
}
.c-input-label:has(> svg:only-child) {
  width: 2.25rem;
}
.c-input-label:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-input-label:is(.-small) {
  font-size: 0.9375rem;
  gap: 0.5rem;
  height: 2rem;
  padding-inline: 0.5rem;
  border-radius: 0.375rem;
}
.c-input-label:is(.-small) svg {
  height: 0.875rem;
}
.c-input-label:is(.-small):has(> svg:only-child) {
  width: 2rem;
}

.c-form__error {
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  margin: 0.5rem 0rem 0.5rem;
  color: #9E1640;
  background: rgba(158, 22, 64, 0.1);
  border-radius: 0.375rem;
}

.c-dashboard-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: 0.5rem;
}

.c-dashboard-card {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
  height: 5.25rem;
  padding-left: 2rem;
  gap: 1rem;
  cursor: pointer;
}
.c-dashboard-card__logo {
  height: 1.625rem;
}
.c-dashboard-card__title {
  font-family: "Roobert", "Segoe", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  color: #383838;
  letter-spacing: -0.015em;
  font-size: 1.375rem;
}
.c-dashboard-card__label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 0.875rem;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.375rem;
  border-radius: 0.25rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  position: relative;
  font-weight: 700;
  color: #FFFFFF;
  z-index: 5;
}
.c-dashboard-card__label span:has(svg) {
  display: flex;
}
.c-dashboard-card__label svg {
  height: 0.75rem;
}
.c-dashboard-card__label:has(> svg:only-child) {
  width: 1.75rem;
}
.c-dashboard-card__label:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-dashboard-card__label:empty {
  display: none;
}
.c-dashboard-card__icon {
  position: absolute;
  bottom: -0.5rem;
  right: 2rem;
  width: auto;
  height: 4rem;
  fill: #FFFFFF;
  position: absolute !important;
  z-index: 5 !important;
}
.c-dashboard-card > * {
  position: relative;
  z-index: 10;
}
.c-dashboard-card::before, .c-dashboard-card::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border-radius: 0.5rem;
  z-index: 0;
  transition: 0.3s cubic-bezier(0.7, 0, 0.2, 1) opacity;
  z-index: 0;
  opacity: 0.75;
}
.c-dashboard-card:where(:hover)::after, .c-dashboard-card:where(:hover)::before {
  opacity: 1;
}

.c-dashboard-card[data-color=teal] .c-dashboard-card__title {
  color: #0B3337;
}
.c-dashboard-card[data-color=teal] .c-dashboard-card__label {
  background: #0B3337;
}
.c-dashboard-card[data-color=teal]::before {
  background: radial-gradient(farthest-corner at bottom right, rgb(230, 252.4, 251.5), transparent 75%, transparent);
}
.c-dashboard-card[data-color=teal]::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(205, 249.8, 248), transparent 25%, transparent);
}
.c-dashboard-card[data-color=orange] .c-dashboard-card__title {
  color: #A31700;
}
.c-dashboard-card[data-color=orange] .c-dashboard-card__label {
  background: #A31700;
}
.c-dashboard-card[data-color=orange]::before {
  background: radial-gradient(farthest-corner at bottom right, rgb(255, 240.7, 229.5), transparent 75%, transparent);
}
.c-dashboard-card[data-color=orange]::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(255, 226.4, 204), transparent 25%, transparent);
}
.c-dashboard-card[data-color=green] .c-dashboard-card__title {
  color: #00655A;
}
.c-dashboard-card[data-color=green] .c-dashboard-card__label {
  background: #00655A;
}
.c-dashboard-card[data-color=green]::before {
  background: radial-gradient(farthest-corner at bottom right, rgb(238.5, 255, 237.7), transparent 75%, transparent);
}
.c-dashboard-card[data-color=green]::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(222, 255, 220.4), transparent 25%, transparent);
}
.c-dashboard-card[data-color=blue] .c-dashboard-card__title {
  color: #332D85;
}
.c-dashboard-card[data-color=blue] .c-dashboard-card__label {
  background: #332D85;
}
.c-dashboard-card[data-color=blue]::before {
  background: radial-gradient(farthest-corner at bottom right, rgb(238.1, 252.6, 255), transparent 75%, transparent);
}
.c-dashboard-card[data-color=blue]::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(221.2, 250.2, 255), transparent 25%, transparent);
}
.c-dashboard-card[data-color=pink] .c-dashboard-card__title {
  color: #9E1640;
}
.c-dashboard-card[data-color=pink] .c-dashboard-card__label {
  background: #9E1640;
}
.c-dashboard-card[data-color=pink]::before {
  background: radial-gradient(farthest-corner at bottom right, rgb(255, 246.5, 253.5), transparent 75%, transparent);
}
.c-dashboard-card[data-color=pink]::after {
  background: radial-gradient(farthest-corner at bottom right, #ffeefc, transparent 25%, transparent);
}
.c-dashboard-card[data-color=yellow] .c-dashboard-card__title {
  color: #993E03;
}
.c-dashboard-card[data-color=yellow] .c-dashboard-card__label {
  background: #993E03;
}
.c-dashboard-card[data-color=yellow]::before {
  background: radial-gradient(farthest-corner at bottom right, rgb(254.6, 246.8, 232), transparent 75%, transparent);
}
.c-dashboard-card[data-color=yellow]::after {
  background: radial-gradient(farthest-corner at bottom right, rgb(254.2, 238.6, 209), transparent 25%, transparent);
}

.c-dashboard2-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 35rem;
  gap: 0.5rem;
  margin-top: 4rem;
}
.c-dashboard2-group__item {
  grid-column: span 1;
}

.c-dashboard2-card {
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(239.7, 239.7, 239.7), rgb(244.8, 244.8, 244.8)) border-box;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  aspect-ratio: 1;
  padding: 2.25rem;
  padding-right: 0;
  gap: 0.75rem;
  height: 100%;
}
.c-dashboard2-card__logo {
  height: 1.5rem;
}
.c-dashboard2-card__title {
  font-family: "Roobert", "Segoe", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  color: #383838;
  letter-spacing: -0.015em;
  font-size: 1.25rem;
  max-width: 14ch;
}
.c-dashboard2-card__label {
  display: none;
}
.c-dashboard2-card::before, .c-dashboard2-card::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border-radius: 0.5rem;
  z-index: 0;
  transition: 0.3s cubic-bezier(0.7, 0, 0.2, 1) opacity;
  z-index: 0;
}
.c-dashboard2-card > * {
  position: relative;
  z-index: 10;
}

.c-cockpit-link {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  letter-spacing: -0.015em;
  transition-property: background, color;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  font-size: 1rem;
  gap: 0.625rem;
  height: 2.25rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  transition-property: background, color, padding;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  color: #585858;
  background: #FFFFFF;
  width: 100%;
}
.c-cockpit-link span:has(svg) {
  display: flex;
}
.c-cockpit-link svg {
  height: 1rem;
}
.c-cockpit-link:has(> svg:only-child) {
  width: 2.25rem;
}
.c-cockpit-link:has(> svg:only-child) {
  justify-content: center;
  padding-inline: 0;
  flex-shrink: 0;
}
.c-cockpit-link__title,
.c-cockpit-link .c-data-label {
  transform: translate(-0.25rem, 0);
  transition: 0.15s cubic-bezier(0.7, 0, 0.2, 1) transform;
}
.c-cockpit-link:where(:hover) {
  background: #F8F8F8;
  color: #464646;
}
.c-cockpit-link:where(:hover) svg {
  fill: #464646;
}
.c-cockpit-link:where(:hover) .c-cockpit-link__title {
  transform: translate(0, 0);
}
.c-cockpit-link:where(:hover) .c-data-label {
  transform: translate(0, 0);
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.375rem 0rem rgba(0, 0, 0, 0.015);
}

.-gap-tiny {
  gap: 0.5rem;
}

.-gap-small {
  gap: 0.5rem;
}

.-gap-large {
  gap: 4rem;
}

.-mt0 {
  margin-top: 0rem;
}

.-pt0 {
  padding-top: 0rem;
}

.-mr0 {
  margin-right: 0rem;
}

.-pr0 {
  padding-right: 0rem;
}

.-mb0 {
  margin-bottom: 0rem;
}

.-pb0 {
  padding-bottom: 0rem;
}

.-ml0 {
  margin-left: 0rem;
}

.-pl0 {
  padding-left: 0rem;
}

.-my0 {
  margin-block: 0rem;
}

.-py0 {
  padding-block: 0rem;
}

.-mx0 {
  margin-inline: 0rem;
}

.-px0 {
  padding-inline: 0rem;
}

.-mt4 {
  margin-top: 0.25rem;
}

.-pt4 {
  padding-top: 0.25rem;
}

.-mr4 {
  margin-right: 0.25rem;
}

.-pr4 {
  padding-right: 0.25rem;
}

.-mb4 {
  margin-bottom: 0.25rem;
}

.-pb4 {
  padding-bottom: 0.25rem;
}

.-ml4 {
  margin-left: 0.25rem;
}

.-pl4 {
  padding-left: 0.25rem;
}

.-my4 {
  margin-block: 0.25rem;
}

.-py4 {
  padding-block: 0.25rem;
}

.-mx4 {
  margin-inline: 0.25rem;
}

.-px4 {
  padding-inline: 0.25rem;
}

.-mt8 {
  margin-top: 0.5rem;
}

.-pt8 {
  padding-top: 0.5rem;
}

.-mr8 {
  margin-right: 0.5rem;
}

.-pr8 {
  padding-right: 0.5rem;
}

.-mb8 {
  margin-bottom: 0.5rem;
}

.-pb8 {
  padding-bottom: 0.5rem;
}

.-ml8 {
  margin-left: 0.5rem;
}

.-pl8 {
  padding-left: 0.5rem;
}

.-my8 {
  margin-block: 0.5rem;
}

.-py8 {
  padding-block: 0.5rem;
}

.-mx8 {
  margin-inline: 0.5rem;
}

.-px8 {
  padding-inline: 0.5rem;
}

.-mt12 {
  margin-top: 0.75rem;
}

.-pt12 {
  padding-top: 0.75rem;
}

.-mr12 {
  margin-right: 0.75rem;
}

.-pr12 {
  padding-right: 0.75rem;
}

.-mb12 {
  margin-bottom: 0.75rem;
}

.-pb12 {
  padding-bottom: 0.75rem;
}

.-ml12 {
  margin-left: 0.75rem;
}

.-pl12 {
  padding-left: 0.75rem;
}

.-my12 {
  margin-block: 0.75rem;
}

.-py12 {
  padding-block: 0.75rem;
}

.-mx12 {
  margin-inline: 0.75rem;
}

.-px12 {
  padding-inline: 0.75rem;
}

.-mt16 {
  margin-top: 1rem;
}

.-pt16 {
  padding-top: 1rem;
}

.-mr16 {
  margin-right: 1rem;
}

.-pr16 {
  padding-right: 1rem;
}

.-mb16 {
  margin-bottom: 1rem;
}

.-pb16 {
  padding-bottom: 1rem;
}

.-ml16 {
  margin-left: 1rem;
}

.-pl16 {
  padding-left: 1rem;
}

.-my16 {
  margin-block: 1rem;
}

.-py16 {
  padding-block: 1rem;
}

.-mx16 {
  margin-inline: 1rem;
}

.-px16 {
  padding-inline: 1rem;
}

.-mt24 {
  margin-top: 1.5rem;
}

.-pt24 {
  padding-top: 1.5rem;
}

.-mr24 {
  margin-right: 1.5rem;
}

.-pr24 {
  padding-right: 1.5rem;
}

.-mb24 {
  margin-bottom: 1.5rem;
}

.-pb24 {
  padding-bottom: 1.5rem;
}

.-ml24 {
  margin-left: 1.5rem;
}

.-pl24 {
  padding-left: 1.5rem;
}

.-my24 {
  margin-block: 1.5rem;
}

.-py24 {
  padding-block: 1.5rem;
}

.-mx24 {
  margin-inline: 1.5rem;
}

.-px24 {
  padding-inline: 1.5rem;
}

.-mt32 {
  margin-top: 2rem;
}

.-pt32 {
  padding-top: 2rem;
}

.-mr32 {
  margin-right: 2rem;
}

.-pr32 {
  padding-right: 2rem;
}

.-mb32 {
  margin-bottom: 2rem;
}

.-pb32 {
  padding-bottom: 2rem;
}

.-ml32 {
  margin-left: 2rem;
}

.-pl32 {
  padding-left: 2rem;
}

.-my32 {
  margin-block: 2rem;
}

.-py32 {
  padding-block: 2rem;
}

.-mx32 {
  margin-inline: 2rem;
}

.-px32 {
  padding-inline: 2rem;
}

.-mt40 {
  margin-top: 2.5rem;
}

.-pt40 {
  padding-top: 2.5rem;
}

.-mr40 {
  margin-right: 2.5rem;
}

.-pr40 {
  padding-right: 2.5rem;
}

.-mb40 {
  margin-bottom: 2.5rem;
}

.-pb40 {
  padding-bottom: 2.5rem;
}

.-ml40 {
  margin-left: 2.5rem;
}

.-pl40 {
  padding-left: 2.5rem;
}

.-my40 {
  margin-block: 2.5rem;
}

.-py40 {
  padding-block: 2.5rem;
}

.-mx40 {
  margin-inline: 2.5rem;
}

.-px40 {
  padding-inline: 2.5rem;
}

.-mt48 {
  margin-top: 3rem;
}

.-pt48 {
  padding-top: 3rem;
}

.-mr48 {
  margin-right: 3rem;
}

.-pr48 {
  padding-right: 3rem;
}

.-mb48 {
  margin-bottom: 3rem;
}

.-pb48 {
  padding-bottom: 3rem;
}

.-ml48 {
  margin-left: 3rem;
}

.-pl48 {
  padding-left: 3rem;
}

.-my48 {
  margin-block: 3rem;
}

.-py48 {
  padding-block: 3rem;
}

.-mx48 {
  margin-inline: 3rem;
}

.-px48 {
  padding-inline: 3rem;
}

.-mt64 {
  margin-top: 4rem;
}

.-pt64 {
  padding-top: 4rem;
}

.-mr64 {
  margin-right: 4rem;
}

.-pr64 {
  padding-right: 4rem;
}

.-mb64 {
  margin-bottom: 4rem;
}

.-pb64 {
  padding-bottom: 4rem;
}

.-ml64 {
  margin-left: 4rem;
}

.-pl64 {
  padding-left: 4rem;
}

.-my64 {
  margin-block: 4rem;
}

.-py64 {
  padding-block: 4rem;
}

.-mx64 {
  margin-inline: 4rem;
}

.-px64 {
  padding-inline: 4rem;
}

.-mt80 {
  margin-top: 5rem;
}

.-pt80 {
  padding-top: 5rem;
}

.-mr80 {
  margin-right: 5rem;
}

.-pr80 {
  padding-right: 5rem;
}

.-mb80 {
  margin-bottom: 5rem;
}

.-pb80 {
  padding-bottom: 5rem;
}

.-ml80 {
  margin-left: 5rem;
}

.-pl80 {
  padding-left: 5rem;
}

.-my80 {
  margin-block: 5rem;
}

.-py80 {
  padding-block: 5rem;
}

.-mx80 {
  margin-inline: 5rem;
}

.-px80 {
  padding-inline: 5rem;
}

.-mt96 {
  margin-top: 6rem;
}

.-pt96 {
  padding-top: 6rem;
}

.-mr96 {
  margin-right: 6rem;
}

.-pr96 {
  padding-right: 6rem;
}

.-mb96 {
  margin-bottom: 6rem;
}

.-pb96 {
  padding-bottom: 6rem;
}

.-ml96 {
  margin-left: 6rem;
}

.-pl96 {
  padding-left: 6rem;
}

.-my96 {
  margin-block: 6rem;
}

.-py96 {
  padding-block: 6rem;
}

.-mx96 {
  margin-inline: 6rem;
}

.-px96 {
  padding-inline: 6rem;
}

.-mt120 {
  margin-top: 7.5rem;
}

.-pt120 {
  padding-top: 7.5rem;
}

.-mr120 {
  margin-right: 7.5rem;
}

.-pr120 {
  padding-right: 7.5rem;
}

.-mb120 {
  margin-bottom: 7.5rem;
}

.-pb120 {
  padding-bottom: 7.5rem;
}

.-ml120 {
  margin-left: 7.5rem;
}

.-pl120 {
  padding-left: 7.5rem;
}

.-my120 {
  margin-block: 7.5rem;
}

.-py120 {
  padding-block: 7.5rem;
}

.-mx120 {
  margin-inline: 7.5rem;
}

.-px120 {
  padding-inline: 7.5rem;
}

.-t-strong {
  font-weight: 600;
}

.-t-center {
  text-align: center;
}

.-t-end {
  text-align: right;
}

.-tw-balance {
  text-wrap: balance;
}

.-tw-pretty {
  text-wrap: pretty;
}

.-mw1 {
  max-width: 1ch;
}

.-mw2 {
  max-width: 2ch;
}

.-mw3 {
  max-width: 3ch;
}

.-mw4 {
  max-width: 4ch;
}

.-mw5 {
  max-width: 5ch;
}

.-mw6 {
  max-width: 6ch;
}

.-mw7 {
  max-width: 7ch;
}

.-mw8 {
  max-width: 8ch;
}

.-mw9 {
  max-width: 9ch;
}

.-mw10 {
  max-width: 10ch;
}

.-mw11 {
  max-width: 11ch;
}

.-mw12 {
  max-width: 12ch;
}

.-mw13 {
  max-width: 13ch;
}

.-mw14 {
  max-width: 14ch;
}

.-mw15 {
  max-width: 15ch;
}

.-mw16 {
  max-width: 16ch;
}

.-mw17 {
  max-width: 17ch;
}

.-mw18 {
  max-width: 18ch;
}

.-mw19 {
  max-width: 19ch;
}

.-mw20 {
  max-width: 20ch;
}

.-mw21 {
  max-width: 21ch;
}

.-mw22 {
  max-width: 22ch;
}

.-mw23 {
  max-width: 23ch;
}

.-mw24 {
  max-width: 24ch;
}

.-mw25 {
  max-width: 25ch;
}

.-mw26 {
  max-width: 26ch;
}

.-mw27 {
  max-width: 27ch;
}

.-mw28 {
  max-width: 28ch;
}

.-mw29 {
  max-width: 29ch;
}

.-mw30 {
  max-width: 30ch;
}

.-mw31 {
  max-width: 31ch;
}

.-mw32 {
  max-width: 32ch;
}

.-mw33 {
  max-width: 33ch;
}

.-mw34 {
  max-width: 34ch;
}

.-mw35 {
  max-width: 35ch;
}

.-mw36 {
  max-width: 36ch;
}

.-mw37 {
  max-width: 37ch;
}

.-mw38 {
  max-width: 38ch;
}

.-mw39 {
  max-width: 39ch;
}

.-mw40 {
  max-width: 40ch;
}

.-mw41 {
  max-width: 41ch;
}

.-mw42 {
  max-width: 42ch;
}

.-mw43 {
  max-width: 43ch;
}

.-mw44 {
  max-width: 44ch;
}

.-mw45 {
  max-width: 45ch;
}

.-mw46 {
  max-width: 46ch;
}

.-mw47 {
  max-width: 47ch;
}

.-mw48 {
  max-width: 48ch;
}

.-mw49 {
  max-width: 49ch;
}

.-mw50 {
  max-width: 50ch;
}

.-mw51 {
  max-width: 51ch;
}

.-mw52 {
  max-width: 52ch;
}

.-mw53 {
  max-width: 53ch;
}

.-mw54 {
  max-width: 54ch;
}

.-mw55 {
  max-width: 55ch;
}

.-mw56 {
  max-width: 56ch;
}

.-mw57 {
  max-width: 57ch;
}

.-mw58 {
  max-width: 58ch;
}

.-mw59 {
  max-width: 59ch;
}

.-mw60 {
  max-width: 60ch;
}

.-mw61 {
  max-width: 61ch;
}

.-mw62 {
  max-width: 62ch;
}

.-mw63 {
  max-width: 63ch;
}

.-mw64 {
  max-width: 64ch;
}

.-mw65 {
  max-width: 65ch;
}

.-mw66 {
  max-width: 66ch;
}

.-mw67 {
  max-width: 67ch;
}

.-mw68 {
  max-width: 68ch;
}

.-mw69 {
  max-width: 69ch;
}

.-mw70 {
  max-width: 70ch;
}

.-mw71 {
  max-width: 71ch;
}

.-mw72 {
  max-width: 72ch;
}

.-mw73 {
  max-width: 73ch;
}

.-mw74 {
  max-width: 74ch;
}

.-mw75 {
  max-width: 75ch;
}

.-mw76 {
  max-width: 76ch;
}

.-mw77 {
  max-width: 77ch;
}

.-mw78 {
  max-width: 78ch;
}

.-mw79 {
  max-width: 79ch;
}

.-mw80 {
  max-width: 80ch;
}

.-mw160 {
  width: 10rem;
}

.-mw200 {
  width: 12.5rem;
}

.-mw240 {
  width: 15rem;
}

.-mw280 {
  width: 17.5rem;
}

.-mw320 {
  width: 20rem;
}

.-mw360 {
  width: 22.5rem;
}

.-mw400 {
  width: 25rem;
}

.-mw440 {
  width: 27.5rem;
}

.-mw480 {
  width: 30rem;
}

.-mw520 {
  width: 32.5rem;
}

.-mw560 {
  width: 35rem;
}

.-mw600 {
  width: 37.5rem;
}

.-mw640 {
  width: 40rem;
}

.-mw680 {
  width: 42.5rem;
}

.-mw720 {
  width: 45rem;
}

.-mw760 {
  width: 47.5rem;
}

.-mw800 {
  width: 50rem;
}

.-mw840 {
  width: 52.5rem;
}

.-mw880 {
  width: 55rem;
}

.-w40 {
  width: 2.5rem;
}

.-w80 {
  width: 5rem;
}

.-w120 {
  width: 7.5rem;
}

.-w160 {
  width: 10rem;
}

.-w200 {
  width: 12.5rem;
}

.-w240 {
  width: 15rem;
}

.-w280 {
  width: 17.5rem;
}

.-w320 {
  width: 20rem;
}

.-w360 {
  width: 22.5rem;
}

.-w400 {
  width: 25rem;
}

.-mw-default {
  max-width: default;
}

.-w100p {
  width: 100%;
}

.-cursor-default {
  cursor: default;
}

.l-section:is(.-center-all) {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.l-section:is(.-center-all):is(:only-child) {
  min-height: calc(100vh - 5rem);
}

:where(h1, h2, h3, h4, h5, h6):has(+ .c-button-group) {
  margin-bottom: 0.75rem;
}

.c-button:not([data-color]), .c-label:not([data-color]) {
  color: #585858;
  border: 0.0625rem solid transparent;
  background: linear-gradient(#F8F8F8, #F8F8F8) padding-box, linear-gradient(15deg, rgb(238.08, 238.08, 238.08), rgb(238.08, 238.08, 238.08)) border-box;
}
.c-button:not([data-color]):where(:hover), .c-label:not([data-color]):where(:hover) {
  background: #F4F4F4;
  color: #464646;
}
.c-button:not([data-color]):where(:hover) svg, .c-label:not([data-color]):where(:hover) svg {
  fill: #464646;
}
.c-button:is(.-white), .c-label:is(.-white) {
  color: #585858;
  background: #FFFFFF;
}
.c-button:is(.-blur), .c-label:is(.-blur) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(15deg, rgb(244.8, 244.8, 244.8), rgb(234.6, 234.6, 234.6)) border-box;
  backdrop-filter: blur(0.75rem);
  background: rgba(12, 12, 12, 0.05);
  color: white;
}
.c-button:is(.-orange), .c-label:is(.-orange) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FF7000, #FF7000) padding-box, linear-gradient(15deg, rgb(239.7, 105.28, 0), rgb(244.8, 107.52, 0)) border-box;
  color: #A31700;
}
.c-button:is(.-orange-white), .c-label:is(.-orange-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FF7000, #FF7000) padding-box, linear-gradient(15deg, rgb(239.7, 105.28, 0), rgb(244.8, 107.52, 0)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-maroon), .c-label:is(.-maroon) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#A31700, #A31700) padding-box, linear-gradient(15deg, rgb(153.22, 21.62, 0), rgb(156.48, 22.08, 0)) border-box;
  color: #FF7000;
}
.c-button:is(.-maroon-white), .c-label:is(.-maroon-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#A31700, #A31700) padding-box, linear-gradient(15deg, rgb(153.22, 21.62, 0), rgb(156.48, 22.08, 0)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-green), .c-label:is(.-green) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#5AFF52, #5AFF52) padding-box, linear-gradient(15deg, rgb(84.6, 239.7, 77.08), rgb(86.4, 244.8, 78.72)) border-box;
  color: #00655A;
}
.c-button:is(.-green-white), .c-label:is(.-green-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#5AFF52, #5AFF52) padding-box, linear-gradient(15deg, rgb(84.6, 239.7, 77.08), rgb(86.4, 244.8, 78.72)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-forrest), .c-label:is(.-forrest) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#00655A, #00655A) padding-box, linear-gradient(15deg, rgb(0, 94.94, 84.6), rgb(0, 96.96, 86.4)) border-box;
  color: #5AFF52;
}
.c-button:is(.-forrest-white), .c-label:is(.-forrest-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#00655A, #00655A) padding-box, linear-gradient(15deg, rgb(0, 94.94, 84.6), rgb(0, 96.96, 86.4)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-blue), .c-label:is(.-blue) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#56E7FF, #56E7FF) padding-box, linear-gradient(15deg, rgb(80.84, 217.14, 239.7), rgb(82.56, 221.76, 244.8)) border-box;
  color: #332D85;
}
.c-button:is(.-blue-white), .c-label:is(.-blue-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#56E7FF, #56E7FF) padding-box, linear-gradient(15deg, rgb(80.84, 217.14, 239.7), rgb(82.56, 221.76, 244.8)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-indigo), .c-label:is(.-indigo) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#332D85, #332D85) padding-box, linear-gradient(15deg, rgb(47.94, 42.3, 125.02), rgb(48.96, 43.2, 127.68)) border-box;
  color: #56E7FF;
}
.c-button:is(.-indigo-white), .c-label:is(.-indigo-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#332D85, #332D85) padding-box, linear-gradient(15deg, rgb(47.94, 42.3, 125.02), rgb(48.96, 43.2, 127.68)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-pink), .c-label:is(.-pink) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFAAF0, #FFAAF0) padding-box, linear-gradient(15deg, rgb(239.7, 159.8, 225.6), rgb(244.8, 163.2, 230.4)) border-box;
  color: #9E1640;
}
.c-button:is(.-pink-white), .c-label:is(.-pink-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FFAAF0, #FFAAF0) padding-box, linear-gradient(15deg, rgb(239.7, 159.8, 225.6), rgb(244.8, 163.2, 230.4)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-magenta), .c-label:is(.-magenta) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#9E1640, #9E1640) padding-box, linear-gradient(15deg, rgb(148.52, 20.68, 60.16), rgb(151.68, 21.12, 61.44)) border-box;
  color: #FFAAF0;
}
.c-button:is(.-magenta-white), .c-label:is(.-magenta-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#9E1640, #9E1640) padding-box, linear-gradient(15deg, rgb(148.52, 20.68, 60.16), rgb(151.68, 21.12, 61.44)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-yellow), .c-label:is(.-yellow) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FBAD19, #FBAD19) padding-box, linear-gradient(15deg, rgb(235.94, 162.62, 23.5), rgb(240.96, 166.08, 24)) border-box;
  color: #993E03;
}
.c-button:is(.-yellow-white), .c-label:is(.-yellow-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#FBAD19, #FBAD19) padding-box, linear-gradient(15deg, rgb(235.94, 162.62, 23.5), rgb(240.96, 166.08, 24)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-rust), .c-label:is(.-rust) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#993E03, #993E03) padding-box, linear-gradient(15deg, rgb(143.82, 58.28, 2.82), rgb(146.88, 59.52, 2.88)) border-box;
  color: #FBAD19;
}
.c-button:is(.-rust-white), .c-label:is(.-rust-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#993E03, #993E03) padding-box, linear-gradient(15deg, rgb(143.82, 58.28, 2.82), rgb(146.88, 59.52, 2.88)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-teal), .c-label:is(.-teal) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#05E5DC, #05E5DC) padding-box, linear-gradient(15deg, rgb(4.7, 215.26, 206.8), rgb(4.8, 219.84, 211.2)) border-box;
  color: #0B3337;
}
.c-button:is(.-teal-white), .c-label:is(.-teal-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#05E5DC, #05E5DC) padding-box, linear-gradient(15deg, rgb(4.7, 215.26, 206.8), rgb(4.8, 219.84, 211.2)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-ocean), .c-label:is(.-ocean) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#0B3337, #0B3337) padding-box, linear-gradient(15deg, rgb(10.34, 47.94, 51.7), rgb(10.56, 48.96, 52.8)) border-box;
  color: #05E5DC;
}
.c-button:is(.-ocean-white), .c-label:is(.-ocean-white) {
  border: 0.0625rem solid transparent;
  background: linear-gradient(#0B3337, #0B3337) padding-box, linear-gradient(15deg, rgb(10.34, 47.94, 51.7), rgb(10.56, 48.96, 52.8)) border-box;
  color: #FFFFFF;
}
.c-button:is(.-orange2), .c-label:is(.-orange2) {
  background: #FF7000;
  color: #A31700;
}
.c-button:is(.-orange-white2), .c-label:is(.-orange-white2) {
  background: #FF7000;
  color: #FFFFFF;
}
.c-button:is(.-maroon2), .c-label:is(.-maroon2) {
  background: #A31700;
  color: #FF7000;
}
.c-button:is(.-maroon-white2), .c-label:is(.-maroon-white2) {
  background: #A31700;
  color: #FFFFFF;
}
.c-button:is(.-green2), .c-label:is(.-green2) {
  background: #5AFF52;
  color: #00655A;
}
.c-button:is(.-green-white2), .c-label:is(.-green-white2) {
  background: #5AFF52;
  color: #FFFFFF;
}
.c-button:is(.-forrest2), .c-label:is(.-forrest2) {
  background: #00655A;
  color: #5AFF52;
}
.c-button:is(.-forrest-white2), .c-label:is(.-forrest-white2) {
  background: #00655A;
  color: #FFFFFF;
}
.c-button:is(.-blue2), .c-label:is(.-blue2) {
  background: #56E7FF;
  color: #332D85;
}
.c-button:is(.-blue-white2), .c-label:is(.-blue-white2) {
  background: #56E7FF;
  color: #FFFFFF;
}
.c-button:is(.-indigo2), .c-label:is(.-indigo2) {
  background: #332D85;
  color: #56E7FF;
}
.c-button:is(.-indigo-white2), .c-label:is(.-indigo-white2) {
  background: #332D85;
  color: #FFFFFF;
}
.c-button:is(.-pink2), .c-label:is(.-pink2) {
  background: #FFAAF0;
  color: #9E1640;
}
.c-button:is(.-pink-white2), .c-label:is(.-pink-white2) {
  background: #FFAAF0;
  color: #FFFFFF;
}
.c-button:is(.-magenta2), .c-label:is(.-magenta2) {
  background: #9E1640;
  color: #FFAAF0;
}
.c-button:is(.-magenta-white2), .c-label:is(.-magenta-white2) {
  background: #9E1640;
  color: #FFFFFF;
}
.c-button:is(.-yellow2), .c-label:is(.-yellow2) {
  background: #FBAD19;
  color: #993E03;
}
.c-button:is(.-yellow-white2), .c-label:is(.-yellow-white2) {
  background: #FBAD19;
  color: #FFFFFF;
}
.c-button:is(.-rust2), .c-label:is(.-rust2) {
  background: #993E03;
  color: #FBAD19;
}
.c-button:is(.-rust-white2), .c-label:is(.-rust-white2) {
  background: #993E03;
  color: #FFFFFF;
}
.c-button:is(.-teal2), .c-label:is(.-teal2) {
  background: #05E5DC;
  color: #0B3337;
}
.c-button:is(.-teal-white2), .c-label:is(.-teal-white2) {
  background: #05E5DC;
  color: #FFFFFF;
}
.c-button:is(.-ocean2), .c-label:is(.-ocean2) {
  background: #0B3337;
  color: #05E5DC;
}
.c-button:is(.-ocean-white2), .c-label:is(.-ocean-white2) {
  background: #0B3337;
  color: #FFFFFF;
}

@media screen and (max-width: 37.5em) {
  .l-body:not(:has(.c-header)) .c-page h1 {
    font-size: 2rem;
  }
  .l-body:not(:has(.c-header)) .c-page h2 {
    font-size: 1.875rem;
  }
  .l-body:not(:has(.c-header)) .c-page h3 {
    font-size: 1.75rem;
  }
  .l-body:not(:has(.c-header)) .c-page h4 {
    font-size: 1.5rem;
  }
  .l-body:not(:has(.c-header)) .c-page h5 {
    font-size: 1.25rem;
  }
  .l-body:not(:has(.c-header)) .c-page h6 {
    font-size: 1rem;
  }
  .l-body:not(:has(.c-header)) .c-page__section {
    padding-inline: 2rem;
  }
}