/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --radius-sm: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-2xl: 1rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .-top-\[70px\] {
    top: calc(70px * -1);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-\[calc\(50\%-75px\)\] {
    top: calc(50% - 75px);
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-\[56px\] {
    right: 56px;
  }
  .-bottom-\[25\%\] {
    bottom: calc(25% * -1);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .-left-\[90px\] {
    left: calc(90px * -1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-start-5 {
    grid-column-start: 5;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-\[37px\] {
    margin-right: 37px;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .box-content {
    box-sizing: content-box;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .\!flex {
    display: flex !important;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-1\/1 {
    aspect-ratio: 1/1;
  }
  .aspect-2\/3 {
    aspect-ratio: 2/3;
  }
  .aspect-3\/2 {
    aspect-ratio: 3/2;
  }
  .aspect-3\/4 {
    aspect-ratio: 3/4;
  }
  .aspect-4\/3 {
    aspect-ratio: 4/3;
  }
  .aspect-9\/16 {
    aspect-ratio: 9/16;
  }
  .aspect-16\/9 {
    aspect-ratio: 16/9;
  }
  .\!h-auto {
    height: auto !important;
  }
  .\!h-full {
    height: 100% !important;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[70\%\] {
    height: 70%;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[90vh\] {
    height: 90vh;
  }
  .h-\[150\.67px\] {
    height: 150.67px;
  }
  .h-\[238px\] {
    height: 238px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[550px\] {
    height: 550px;
  }
  .h-\[750px\] {
    height: 750px;
  }
  .h-\[calc\(80vh-56px\)\] {
    height: calc(80vh - 56px);
  }
  .h-\[calc\(100vh-56px\)\] {
    height: calc(100vh - 56px);
  }
  .h-\[calc\(150px\*3\+20px\*2\)\] {
    height: calc(150px * 3 + 20px * 2);
  }
  .h-auto {
    height: auto;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-huge {
    height: var(--donut-spacing-huge);
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-\[290px\] {
    max-height: 290px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[calc\(100\%-32px\)\] {
    max-height: calc(100% - 32px);
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-\[346\.66px\] {
    min-height: 346.66px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[450px\] {
    min-height: 450px;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[54px\] {
    width: 54px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[109px\] {
    width: 109px;
  }
  .w-\[127px\] {
    width: 127px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[286px\] {
    width: 286px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-huge {
    width: var(--donut-spacing-huge);
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }
  .max-w-\[235px\] {
    max-width: 235px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[632px\] {
    max-width: 632px;
  }
  .max-w-\[1110px\] {
    max-width: 1110px;
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .border-spacing-80 {
    --tw-border-spacing-x: calc(var(--spacing) * 80);
    --tw-border-spacing-y: calc(var(--spacing) * 80);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .\!justify-center {
    justify-content: center !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-9 {
    gap: calc(var(--spacing) * 9);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[22px\] {
    gap: 22px;
  }
  .gap-\[34px\] {
    gap: 34px;
  }
  .gap-\[42px\] {
    gap: 42px;
  }
  .gap-x-\[30px\] {
    column-gap: 30px;
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .self-end {
    align-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-full {
    border-radius: var(--donut-border-radius-full);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-small {
    border-radius: var(--donut-border-radius-small);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-black {
    border-color: var(--donut-color-black);
  }
  .border-negative-500 {
    border-color: var(--donut-color-negative-500);
  }
  .border-neutral-200 {
    border-color: var(--donut-color-neutral-200);
  }
  .border-neutral-300 {
    border-color: var(--donut-color-neutral-300);
  }
  .border-neutral-600 {
    border-color: var(--donut-color-neutral-600);
  }
  .border-primary-300 {
    border-color: var(--donut-color-primary-300);
  }
  .border-primary-500 {
    border-color: var(--donut-color-primary-500);
  }
  .border-white {
    border-color: var(--donut-color-white);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .bg-\[\#005AA7\] {
    background-color: #005AA7;
  }
  .bg-black {
    background-color: var(--donut-color-black);
  }
  .bg-black\/50 {
    background-color: var(--donut-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--donut-color-black) 50%, transparent);
    }
  }
  .bg-brand-main-neutral-border {
    background-color: var(--donut-color-brand-main-neutral-border);
  }
  .bg-disabled-contrast-background {
    background-color: var(--donut-color-disabled-contrast-background);
  }
  .bg-feedback-contrast-success-background {
    background-color: var(--donut-color-feedback-contrast-success-background);
  }
  .bg-feedback-main-success-background {
    background-color: var(--donut-color-feedback-main-success-background);
  }
  .bg-neutral-100 {
    background-color: var(--donut-color-neutral-100);
  }
  .bg-neutral-500 {
    background-color: var(--donut-color-neutral-500);
  }
  .bg-neutral-900 {
    background-color: var(--donut-color-neutral-900);
  }
  .bg-primary-300 {
    background-color: var(--donut-color-primary-300);
  }
  .bg-primary-500 {
    background-color: var(--donut-color-primary-500);
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--donut-color-white);
  }
  .fill-\[\#34A853\] {
    fill: #34A853;
  }
  .fill-\[\#4285F4\] {
    fill: #4285F4;
  }
  .fill-\[\#EA4335\] {
    fill: #EA4335;
  }
  .fill-\[\#FBBC05\] {
    fill: #FBBC05;
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-disabled-contrast-background {
    fill: var(--donut-color-disabled-contrast-background);
  }
  .fill-disabled-main-background {
    fill: var(--donut-color-disabled-main-background);
  }
  .fill-white {
    fill: var(--donut-color-white);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-\[5\%\] {
    padding-inline: 5%;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-\[9\.5px\] {
    padding-block: 9.5px;
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-section-vertical-sm {
    padding-top: var(--donut-spacing-section-vertical-sm);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-\[56px\] {
    padding-right: 56px;
  }
  .pr-section-horizontal-sm {
    padding-right: var(--donut-spacing-section-horizontal-sm);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-\[0\%\] {
    padding-bottom: 0%;
  }
  .pb-\[20\%\] {
    padding-bottom: 20%;
  }
  .pb-section-vertical-sm {
    padding-bottom: var(--donut-spacing-section-vertical-sm);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-\[56px\] {
    padding-left: 56px;
  }
  .pl-section-horizontal-sm {
    padding-left: var(--donut-spacing-section-horizontal-sm);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-feedback-main-negative-text {
    color: var(--donut-color-feedback-main-negative-text) !important;
  }
  .text-negative-500 {
    color: var(--donut-color-negative-500);
  }
  .text-neutral-500 {
    color: var(--donut-color-neutral-500);
  }
  .text-neutral-700 {
    color: var(--donut-color-neutral-700);
  }
  .text-primary-300 {
    color: var(--donut-color-primary-300);
  }
  .text-primary-500 {
    color: var(--donut-color-primary-500);
  }
  .text-white {
    color: var(--donut-color-white);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .overline {
    text-decoration-line: overline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/card-news\:max-h-\[300px\] {
    &:is(:where(.group\/card-news):hover *) {
      @media (hover: hover) {
        max-height: 300px;
      }
    }
  }
  .group-hover\/card-news\:opacity-100 {
    &:is(:where(.group\/card-news):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/link-button\:w-full {
    &:is(:where(.group\/link-button):hover *) {
      @media (hover: hover) {
        width: 100%;
      }
    }
  }
  .group-focus\/link-button\:w-full {
    &:is(:where(.group\/link-button):focus *) {
      width: 100%;
    }
  }
  .group-data-\[state\=open\]\/accordion-header\:rotate-180 {
    &:is(:where(.group\/accordion-header)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
  .peer-checked\/checkbox-input\:block {
    &:is(:where(.peer\/checkbox-input):checked ~ *) {
      display: block;
    }
  }
  .peer-checked\/checkbox-input\:hidden {
    &:is(:where(.peer\/checkbox-input):checked ~ *) {
      display: none;
    }
  }
  .peer-checked\/radio-input\:block {
    &:is(:where(.peer\/radio-input):checked ~ *) {
      display: block;
    }
  }
  .peer-checked\/radio-input\:hidden {
    &:is(:where(.peer\/radio-input):checked ~ *) {
      display: none;
    }
  }
  .peer-focus\/checkbox-input\:shadow-focus {
    &:is(:where(.peer\/checkbox-input):focus ~ *) {
      --tw-shadow: var(--donut-box-shadow-focus);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .peer-focus\/radio-input\:shadow-focus {
    &:is(:where(.peer\/radio-input):focus ~ *) {
      --tw-shadow: var(--donut-box-shadow-focus);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .placeholder\:text-current {
    &::placeholder {
      color: currentcolor;
    }
  }
  .placeholder\:opacity-35 {
    &::placeholder {
      opacity: 35%;
    }
  }
  .hover\:\!bg-feedback-main-success-background {
    &:hover {
      @media (hover: hover) {
        background-color: var(--donut-color-feedback-main-success-background) !important;
      }
    }
  }
  .hover\:shadow-focus {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: var(--donut-box-shadow-focus);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:z-\[1\] {
    &:focus {
      z-index: 1;
    }
  }
  .focus\:shadow-focus {
    &:focus {
      --tw-shadow: var(--donut-box-shadow-focus);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:outline-0 {
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .focus-visible\:outline-0 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:text-disabled-main-text {
    &:disabled {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .aria-disabled\:cursor-not-allowed {
    &[aria-disabled="true"] {
      cursor: not-allowed;
    }
  }
  .aria-disabled\:\!text-disabled-main-text {
    &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text) !important;
    }
  }
  .data-\[highlighted\]\:shadow-focus {
    &[data-highlighted] {
      --tw-shadow: var(--donut-box-shadow-focus);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .data-\[highlighted\]\:ring-0 {
    &[data-highlighted] {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .data-\[highlighted\]\:outline-0 {
    &[data-highlighted] {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .data-\[state\=closed\]\:\[animation\:_300ms_ease-in-out_accordion-slide-up\] {
    &[data-state="closed"] {
      animation:  300ms ease-in-out accordion-slide-up;
    }
  }
  .data-\[state\=open\]\:\[animation\:_300ms_ease-in-out_accordion-slide-down\] {
    &[data-state="open"] {
      animation:  300ms ease-in-out accordion-slide-down;
    }
  }
  .data-\[state\=open\]\:\[animation\:_300ms_ease-in-out_drawer-slide-left\] {
    &[data-state="open"] {
      animation:  300ms ease-in-out drawer-slide-left;
    }
  }
  .data-\[state\=open\]\:\[animation\:_300ms_ease-in-out_drawer-slide-right\] {
    &[data-state="open"] {
      animation:  300ms ease-in-out drawer-slide-right;
    }
  }
  .data-\[state\=open\]\:\[animation\:_300ms_ease-in-out_drawer-slide-up\] {
    &[data-state="open"] {
      animation:  300ms ease-in-out drawer-slide-up;
    }
  }
  .data-\[state\=open\]\:\[animation\:_300ms_ease-in-out_modalSlideUp\] {
    &[data-state="open"] {
      animation:  300ms ease-in-out modalSlideUp;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .md\:relative {
    @media (width >= 48rem) {
      position: relative;
    }
  }
  .md\:static {
    @media (width >= 48rem) {
      position: static;
    }
  }
  .md\:bottom-0 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:bottom-6 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:order-1 {
    @media (width >= 48rem) {
      order: 1;
    }
  }
  .md\:order-2 {
    @media (width >= 48rem) {
      order: 2;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:col-span-8 {
    @media (width >= 48rem) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:col-span-12 {
    @media (width >= 48rem) {
      grid-column: span 12 / span 12;
    }
  }
  .md\:col-span-full {
    @media (width >= 48rem) {
      grid-column: 1 / -1;
    }
  }
  .md\:mx-auto {
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
  .md\:\!inline-flex {
    @media (width >= 48rem) {
      display: inline-flex !important;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline-block {
    @media (width >= 48rem) {
      display: inline-block;
    }
  }
  .md\:inline-flex {
    @media (width >= 48rem) {
      display: inline-flex;
    }
  }
  .md\:h-24 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 24);
    }
  }
  .md\:h-\[540px\] {
    @media (width >= 48rem) {
      height: 540px;
    }
  }
  .md\:h-\[550px\] {
    @media (width >= 48rem) {
      height: 550px;
    }
  }
  .md\:h-\[calc\(80vh-96px\)\] {
    @media (width >= 48rem) {
      height: calc(80vh - 96px);
    }
  }
  .md\:h-\[calc\(100vh-96px\)\] {
    @media (width >= 48rem) {
      height: calc(100vh - 96px);
    }
  }
  .md\:h-auto {
    @media (width >= 48rem) {
      height: auto;
    }
  }
  .md\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .md\:min-h-9 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 9);
    }
  }
  .md\:min-h-20 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 20);
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1/2 * 100%);
    }
  }
  .md\:w-1\/3 {
    @media (width >= 48rem) {
      width: calc(1/3 * 100%);
    }
  }
  .md\:w-2\/3 {
    @media (width >= 48rem) {
      width: calc(2/3 * 100%);
    }
  }
  .md\:w-80 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .md\:w-\[150px\] {
    @media (width >= 48rem) {
      width: 150px;
    }
  }
  .md\:w-\[550px\] {
    @media (width >= 48rem) {
      width: 550px;
    }
  }
  .md\:max-w-\[200px\] {
    @media (width >= 48rem) {
      max-width: 200px;
    }
  }
  .md\:max-w-\[344px\] {
    @media (width >= 48rem) {
      max-width: 344px;
    }
  }
  .md\:max-w-\[350px\] {
    @media (width >= 48rem) {
      max-width: 350px;
    }
  }
  .md\:max-w-\[448px\] {
    @media (width >= 48rem) {
      max-width: 448px;
    }
  }
  .md\:max-w-\[568px\] {
    @media (width >= 48rem) {
      max-width: 568px;
    }
  }
  .md\:max-w-\[600px\] {
    @media (width >= 48rem) {
      max-width: 600px;
    }
  }
  .md\:max-w-\[945px\] {
    @media (width >= 48rem) {
      max-width: 945px;
    }
  }
  .md\:max-w-\[960px\] {
    @media (width >= 48rem) {
      max-width: 960px;
    }
  }
  .md\:max-w-\[1110px\] {
    @media (width >= 48rem) {
      max-width: 1110px;
    }
  }
  .md\:min-w-9 {
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 9);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-12 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-14 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .md\:gap-16 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .md\:gap-x-10 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-x-12 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-y-4 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-y-16 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 16);
    }
  }
  .md\:p-0 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:px-10 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:px-\[100px\] {
    @media (width >= 48rem) {
      padding-inline: 100px;
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:py-14 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .md\:py-\[53\.25px\] {
    @media (width >= 48rem) {
      padding-block: 53.25px;
    }
  }
  .md\:pt-0 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .md\:pt-20 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .md\:pt-section-vertical-md {
    @media (width >= 48rem) {
      padding-top: var(--donut-spacing-section-vertical-md);
    }
  }
  .md\:pr-4 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .md\:pr-\[110px\] {
    @media (width >= 48rem) {
      padding-right: 110px;
    }
  }
  .md\:pr-section-horizontal-md {
    @media (width >= 48rem) {
      padding-right: var(--donut-spacing-section-horizontal-md);
    }
  }
  .md\:pb-\[10\%\] {
    @media (width >= 48rem) {
      padding-bottom: 10%;
    }
  }
  .md\:pb-section-vertical-md {
    @media (width >= 48rem) {
      padding-bottom: var(--donut-spacing-section-vertical-md);
    }
  }
  .md\:pl-0 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .md\:pl-6 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .md\:pl-\[30px\] {
    @media (width >= 48rem) {
      padding-left: 30px;
    }
  }
  .md\:pl-\[110px\] {
    @media (width >= 48rem) {
      padding-left: 110px;
    }
  }
  .md\:pl-section-horizontal-md {
    @media (width >= 48rem) {
      padding-left: var(--donut-spacing-section-horizontal-md);
    }
  }
  .md\:text-right {
    @media (width >= 48rem) {
      text-align: right;
    }
  }
  .md\:text-start {
    @media (width >= 48rem) {
      text-align: start;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-9 {
    @media (width >= 64rem) {
      grid-column: span 9 / span 9;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 64rem) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:col-start-3 {
    @media (width >= 64rem) {
      grid-column-start: 3;
    }
  }
  .lg\:col-start-5 {
    @media (width >= 64rem) {
      grid-column-start: 5;
    }
  }
  .lg\:mt-\[15\%\] {
    @media (width >= 64rem) {
      margin-top: 15%;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:h-auto {
    @media (width >= 64rem) {
      height: auto;
    }
  }
  .lg\:flex-initial {
    @media (width >= 64rem) {
      flex: 0 auto;
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:self-center {
    @media (width >= 64rem) {
      align-self: center;
    }
  }
  .lg\:px-24 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .lg\:py-\[87\.5px\] {
    @media (width >= 64rem) {
      padding-block: 87.5px;
    }
  }
  .lg\:pt-section-vertical-lg {
    @media (width >= 64rem) {
      padding-top: var(--donut-spacing-section-vertical-lg);
    }
  }
  .lg\:pr-section-horizontal-lg {
    @media (width >= 64rem) {
      padding-right: var(--donut-spacing-section-horizontal-lg);
    }
  }
  .lg\:pb-\[10\%\] {
    @media (width >= 64rem) {
      padding-bottom: 10%;
    }
  }
  .lg\:pb-section-vertical-lg {
    @media (width >= 64rem) {
      padding-bottom: var(--donut-spacing-section-vertical-lg);
    }
  }
  .lg\:pl-\[110px\] {
    @media (width >= 64rem) {
      padding-left: 110px;
    }
  }
  .lg\:pl-section-horizontal-lg {
    @media (width >= 64rem) {
      padding-left: var(--donut-spacing-section-horizontal-lg);
    }
  }
  .xl\:col-span-6 {
    @media (width >= 80rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xl\:grid-cols-12 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .xl\:gap-0 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .xl\:p-0 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .xl\:px-\[93px\] {
    @media (width >= 80rem) {
      padding-inline: 93px;
    }
  }
  .xl\:px-\[110px\] {
    @media (width >= 80rem) {
      padding-inline: 110px;
    }
  }
  .xl\:px-\[203px\] {
    @media (width >= 80rem) {
      padding-inline: 203px;
    }
  }
  .xl\:pt-8 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .xl\:pt-section-vertical-xl {
    @media (width >= 80rem) {
      padding-top: var(--donut-spacing-section-vertical-xl);
    }
  }
  .xl\:pr-\[110px\] {
    @media (width >= 80rem) {
      padding-right: 110px;
    }
  }
  .xl\:pr-section-horizontal-xl {
    @media (width >= 80rem) {
      padding-right: var(--donut-spacing-section-horizontal-xl);
    }
  }
  .xl\:pb-10 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .xl\:pb-\[5\%\] {
    @media (width >= 80rem) {
      padding-bottom: 5%;
    }
  }
  .xl\:pb-section-vertical-xl {
    @media (width >= 80rem) {
      padding-bottom: var(--donut-spacing-section-vertical-xl);
    }
  }
  .xl\:pl-\[110px\] {
    @media (width >= 80rem) {
      padding-left: 110px;
    }
  }
  .xl\:pl-section-horizontal-xl {
    @media (width >= 80rem) {
      padding-left: var(--donut-spacing-section-horizontal-xl);
    }
  }
  .\32 xl\:pt-section-vertical-2-xl {
    @media (width >= 96rem) {
      padding-top: var(--donut-spacing-section-vertical-2-xl);
    }
  }
  .\32 xl\:pr-section-horizontal-2-xl {
    @media (width >= 96rem) {
      padding-right: var(--donut-spacing-section-horizontal-2-xl);
    }
  }
  .\32 xl\:pb-section-vertical-2-xl {
    @media (width >= 96rem) {
      padding-bottom: var(--donut-spacing-section-vertical-2-xl);
    }
  }
  .\32 xl\:pl-section-horizontal-2-xl {
    @media (width >= 96rem) {
      padding-left: var(--donut-spacing-section-horizontal-2-xl);
    }
  }
  .\[\&_\>_\[fill\]\:not\(\[fill\=\'none\'\]\)\]\:aria-disabled\:\!fill-current {
    & > [fill]:not([fill='none']) {
      &[aria-disabled="true"] {
        fill: currentcolor !important;
      }
    }
  }
  .\[\&\>_\[fill\]\:not\(\[fill\=\'none\'\]\)\]\:aria-disabled\:\!fill-current {
    &> [fill]:not([fill='none']) {
      &[aria-disabled="true"] {
        fill: currentcolor !important;
      }
    }
  }
}

* {
  &:disabled {
    cursor: not-allowed !important;
  }
  &[aria-disabled="true"] {
    cursor: not-allowed !important;
  }
}
[type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select, input, button, a, span {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
}
*::-webkit-scrollbar {
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
}
*::-webkit-scrollbar-track {
  cursor: pointer;
  border-radius: 0;
  background-color: var(--donut-color-neutral-100);
  &:hover {
    @media (hover: hover) {
      background-color: var(--donut-color-neutral-200);
    }
  }
  &:active {
    background-color: var(--donut-color-neutral-200);
  }
}
*::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: var(--donut-border-radius-full);
  background-color: var(--donut-color-neutral-400);
  &:hover {
    @media (hover: hover) {
      background-color: var(--donut-color-neutral-500);
    }
  }
  &:active {
    background-color: var(--donut-color-neutral-500);
  }
}
@layer components {
  .core-typographies-title-main-primary-xlarge-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-primary-large-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-primary-medium-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-primary-small-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-primary-xsmall-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-neutral-xlarge-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-neutral-large-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-neutral-medium-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-neutral-small-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-neutral-xsmall-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-success-xlarge-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-success-large-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-success-medium-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-success-small-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-success-xsmall-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-alert-xlarge-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-alert-large-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-alert-medium-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-alert-small-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-alert-xsmall-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-negative-xlarge-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-negative-large-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-negative-medium-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-negative-small-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-negative-xsmall-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-info-xlarge-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-info-large-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-info-medium-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-info-small-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-info-xsmall-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-custom-xlarge-content {
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-custom-large-content {
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-custom-medium-content {
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-custom-small-content {
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-main-custom-xsmall-content {
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-primary-xlarge-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-primary-large-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-primary-medium-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-primary-small-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-primary-xsmall-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-neutral-xlarge-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-neutral-large-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-neutral-medium-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-neutral-small-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-neutral-xsmall-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-success-xlarge-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-success-large-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-success-medium-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-success-small-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-success-xsmall-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-alert-xlarge-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-alert-large-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-alert-medium-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-alert-small-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-alert-xsmall-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-negative-xlarge-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-negative-large-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-negative-medium-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-negative-small-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-negative-xsmall-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-info-xlarge-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-huge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-info-large-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xxlarge);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-info-medium-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-large);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-info-small-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-small);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-title-contrast-info-xsmall-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    line-height: var(--donut-line-height-xsmall);
    letter-spacing: var(--donut-letter-spacing-large);
  }
  .core-typographies-paragraph-main-primary-large-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-primary-medium-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-primary-small-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-primary-xsmall-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-primary-xxsmall-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-neutral-large-content {
    color: var(--donut-color-brand-main-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-neutral-medium-content {
    color: var(--donut-color-brand-main-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-neutral-small-content {
    color: var(--donut-color-brand-main-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-neutral-xsmall-content {
    color: var(--donut-color-brand-main-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-neutral-xxsmall-content {
    color: var(--donut-color-brand-main-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-success-large-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-success-medium-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-success-small-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-success-xsmall-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-success-xxsmall-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-alert-large-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-alert-medium-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-alert-small-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-alert-xsmall-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-alert-xxsmall-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-negative-large-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-negative-medium-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-negative-small-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-negative-xsmall-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-negative-xxsmall-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-info-large-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-info-medium-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-info-small-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-info-xsmall-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-info-xxsmall-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-paragraph-main-custom-large-content {
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
  }
  .core-typographies-paragraph-main-custom-medium-content {
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
  }
  .core-typographies-paragraph-main-custom-small-content {
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
  }
  .core-typographies-paragraph-main-custom-xsmall-content {
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
  }
  .core-typographies-paragraph-main-custom-xxsmall-content {
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
  }
  .core-typographies-paragraph-contrast-primary-large-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-primary-medium-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-primary-small-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-primary-xsmall-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-primary-xxsmall-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-neutral-large-content {
    color: var(--donut-color-brand-contrast-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-neutral-medium-content {
    color: var(--donut-color-brand-contrast-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-neutral-small-content {
    color: var(--donut-color-brand-contrast-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-neutral-xsmall-content {
    color: var(--donut-color-brand-contrast-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-neutral-xxsmall-content {
    color: var(--donut-color-brand-contrast-neutral-text-paragraph);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-success-large-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-success-medium-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-success-small-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-success-xsmall-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-success-xxsmall-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-alert-large-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-alert-medium-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-alert-small-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-alert-xsmall-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-alert-xxsmall-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-negative-large-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-negative-medium-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-negative-small-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-negative-xsmall-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-negative-xxsmall-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-info-large-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-info-medium-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-info-small-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-info-xsmall-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-paragraph-contrast-info-xxsmall-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-xxxnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-medium);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-overline-main-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-body-bold);
    font-weight: var(--donut-font-weight-body-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-xsmall);
    line-height: var(--donut-line-height-xsmall);
  }
  .core-typographies-overline-contrast-content {
    color: var(--donut-color-action-contrast-neutral-text);
    font-family: var(--donut-font-family-body-bold);
    font-weight: var(--donut-font-weight-body-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-xsmall);
    line-height: var(--donut-line-height-xsmall);
  }
  .core-typographies-display-main-primary-large-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-main-primary-medium-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-main-primary-small-content {
    color: var(--donut-color-brand-main-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-main-neutral-large-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-main-neutral-medium-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-main-neutral-small-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-main-success-large-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-main-success-medium-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-main-success-small-content {
    color: var(--donut-color-feedback-main-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-main-alert-large-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-main-alert-medium-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-main-alert-small-content {
    color: var(--donut-color-feedback-main-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-main-negative-large-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-main-negative-medium-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-main-negative-small-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-main-info-large-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-main-info-medium-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-main-info-small-content {
    color: var(--donut-color-feedback-main-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-main-custom-large-content {
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-main-custom-medium-content {
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-main-custom-small-content {
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-contrast-primary-large-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-contrast-primary-medium-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-contrast-primary-small-content {
    color: var(--donut-color-brand-contrast-primary-background);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-contrast-neutral-large-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-contrast-neutral-medium-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-contrast-neutral-small-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-contrast-success-large-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-contrast-success-medium-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-contrast-success-small-content {
    color: var(--donut-color-feedback-contrast-success-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-contrast-alert-large-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-contrast-alert-medium-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-contrast-alert-small-content {
    color: var(--donut-color-feedback-contrast-alert-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-contrast-negative-large-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-contrast-negative-medium-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-contrast-negative-small-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-display-contrast-info-large-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xxhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xgiant);
    }
  }
  .core-typographies-display-contrast-info-medium-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-xhuge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-giant);
    }
  }
  .core-typographies-display-contrast-info-small-content {
    color: var(--donut-color-feedback-contrast-info-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    letter-spacing: var(--donut-letter-spacing-large);
    line-height: var(--donut-line-height-xsmall);
    font-size: var(--donut-font-size-huge);
    @media (width >= 48rem ) {
      font-size: var(--donut-font-size-xxhuge);
    }
  }
  .core-typographies-label-main-neutral-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-body-bold);
    font-weight: var(--donut-font-weight-body-bold);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-label-main-negative-content {
    color: var(--donut-color-feedback-main-negative-text);
    font-family: var(--donut-font-family-body-bold);
    font-weight: var(--donut-font-weight-body-bold);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-label-contrast-neutral-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-body-bold);
    font-weight: var(--donut-font-weight-body-bold);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-label-contrast-negative-content {
    color: var(--donut-color-feedback-contrast-negative-text);
    font-family: var(--donut-font-family-body-bold);
    font-weight: var(--donut-font-weight-body-bold);
    font-size: var(--donut-font-size-xnano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-subtitle-main-large-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-medium);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-small);
  }
  .core-typographies-subtitle-main-small-content {
    color: var(--donut-color-brand-main-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-small);
  }
  .core-typographies-subtitle-contrast-large-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-medium);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-small);
  }
  .core-typographies-subtitle-contrast-small-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-xsmall);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-small);
  }
  .core-buttons-button-main-primary-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-primary-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-primary-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-primary-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-primary-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-primary-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-primary-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-primary-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-primary-hover);
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-primary-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-primary-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-primary-hover);
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-primary-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-primary-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-primary-hover);
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-primary-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-primary-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-primary-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-neutral-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-neutral-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-neutral-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-neutral-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-neutral-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-neutral-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-neutral-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-neutral-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-neutral-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-success-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-success-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-success-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-success-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-success-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-success-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-success-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-success-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-success-hover);
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-success-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-success-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-success-hover);
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-success-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-success-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-success-hover);
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-success-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-success-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-success-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-alert-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-alert-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-alert-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-alert-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-alert-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-alert-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-alert-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-alert-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-alert-hover);
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-alert-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-alert-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-alert-hover);
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-alert-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-alert-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-alert-hover);
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-alert-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-alert-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-alert-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-negative-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-negative-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-negative-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-negative-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-negative-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-negative-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-negative-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-negative-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-negative-hover);
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-negative-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-negative-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-negative-hover);
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-negative-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-negative-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-negative-hover);
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-negative-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-negative-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-negative-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-info-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-info-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-info-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-info-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-info-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-info-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-info-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-info-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-info-hover);
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-info-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-info-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-info-hover);
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-info-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-info-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-main-info-hover);
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-main-info-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-info-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-info-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-button-main-custom-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
  }
  .core-buttons-button-main-custom-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
  }
  .core-buttons-button-main-custom-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
  }
  .core-buttons-button-contrast-primary-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-primary-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-primary-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-primary-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-primary-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-primary-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-primary-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-primary-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-primary-hover);
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-primary-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-primary-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-primary-hover);
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-primary-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-primary-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-primary-hover);
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-primary-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-primary-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-primary-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-neutral-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-neutral-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-neutral-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-neutral-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-neutral-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-neutral-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-neutral-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-neutral-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-neutral-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-success-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-success-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-success-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-success-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-success-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-success-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-success-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-success-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-success-hover);
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-success-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-success-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-success-hover);
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-success-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-success-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-success-hover);
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-success-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-success-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-success-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-alert-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-alert-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-alert-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-alert-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-alert-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-alert-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-alert-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-alert-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-alert-hover);
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-alert-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-alert-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-alert-hover);
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-alert-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-alert-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-alert-hover);
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-alert-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-alert-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-alert-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-negative-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-negative-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-negative-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-negative-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-negative-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-negative-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-negative-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-negative-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-negative-hover);
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-negative-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-negative-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-negative-hover);
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-negative-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-negative-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-negative-hover);
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-negative-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-negative-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-negative-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-info-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-info-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-info-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-info-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-info-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-info-idle);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-info-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-info-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-info-hover);
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-info-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-info-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-info-hover);
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-info-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-info-idle);
    border-width: var(--donut-border-width-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      border-color: var(--donut-color-action-contrast-info-hover);
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-button-contrast-info-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-info-ghost-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-button-contrast-info-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-small);
    padding-right: var(--donut-spacing-small);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-typographies-buttons-button-main-primary-content {
    color: var(--donut-color-action-main-primary-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-buttons-button-main-neutral-content {
    color: var(--donut-color-action-main-neutral-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-buttons-button-main-success-content {
    color: var(--donut-color-action-main-success-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-main-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-buttons-button-main-alert-content {
    color: var(--donut-color-action-main-alert-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-main-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-buttons-button-main-negative-content {
    color: var(--donut-color-action-main-negative-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-main-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-buttons-button-main-info-content {
    color: var(--donut-color-action-main-info-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-main-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-typographies-buttons-button-main-custom-content {
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
  }
  .core-typographies-buttons-button-contrast-primary-content {
    color: var(--donut-color-action-contrast-primary-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-buttons-button-contrast-neutral-content {
    color: var(--donut-color-action-contrast-neutral-text);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-buttons-button-contrast-success-content {
    color: var(--donut-color-action-contrast-success-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-contrast-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-buttons-button-contrast-alert-content {
    color: var(--donut-color-action-contrast-alert-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-contrast-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-buttons-button-contrast-negative-content {
    color: var(--donut-color-action-contrast-negative-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-contrast-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-typographies-buttons-button-contrast-info-content {
    color: var(--donut-color-action-contrast-info-idle);
    font-family: var(--donut-font-family-title-bold);
    font-weight: var(--donut-font-weight-title-bold);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-contrast-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-buttons-share-main-facebook-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-facebook-brand);
    &:hover {
      background-color: var(--donut-color-social-facebook-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-facebook-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-facebook-brand);
    &:hover {
      background-color: var(--donut-color-social-facebook-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-facebook-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-facebook-brand);
    &:hover {
      background-color: var(--donut-color-social-facebook-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-facebook-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-facebook-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-facebook-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-whatsapp-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-whatsapp-brand);
    &:hover {
      background-color: var(--donut-color-social-whatsapp-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-whatsapp-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-whatsapp-brand);
    &:hover {
      background-color: var(--donut-color-social-whatsapp-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-whatsapp-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-whatsapp-brand);
    &:hover {
      background-color: var(--donut-color-social-whatsapp-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-whatsapp-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-whatsapp-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-whatsapp-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-youtube-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-youtube-brand);
    &:hover {
      background-color: var(--donut-color-social-youtube-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-youtube-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-youtube-brand);
    &:hover {
      background-color: var(--donut-color-social-youtube-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-youtube-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-youtube-brand);
    &:hover {
      background-color: var(--donut-color-social-youtube-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-youtube-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-youtube-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-youtube-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-instagram-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-instagram-brand);
    &:hover {
      background-color: var(--donut-color-social-instagram-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-instagram-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-instagram-brand);
    &:hover {
      background-color: var(--donut-color-social-instagram-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-instagram-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-instagram-brand);
    &:hover {
      background-color: var(--donut-color-social-instagram-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-instagram-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-instagram-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-instagram-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-x-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-x-brand);
    &:hover {
      background-color: var(--donut-color-social-x-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-x-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-x-brand);
    &:hover {
      background-color: var(--donut-color-social-x-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-x-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-x-brand);
    &:hover {
      background-color: var(--donut-color-social-x-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-x-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-x-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-x-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-custom-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-custom-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-custom-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-custom-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-custom-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-main-custom-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-share-contrast-facebook-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-facebook-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-facebook-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-facebook-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-facebook-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-facebook-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-whatsapp-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-whatsapp-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-whatsapp-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-whatsapp-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-whatsapp-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-whatsapp-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-youtube-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-youtube-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-youtube-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-youtube-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-youtube-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-youtube-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-instagram-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-instagram-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-instagram-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-instagram-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-instagram-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-instagram-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-x-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-x-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-x-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-x-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-x-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-x-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-custom-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-custom-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-custom-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-custom-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-custom-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-share-contrast-custom-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-main-facebook-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-facebook-brand);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    &:hover {
      background-color: var(--donut-color-social-facebook-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-facebook-solid-small-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-main-facebook-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-facebook-brand);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    &:hover {
      background-color: var(--donut-color-social-facebook-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-facebook-solid-medium-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-main-facebook-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-social-facebook-brand);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    &:hover {
      background-color: var(--donut-color-social-facebook-brand-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-facebook-solid-large-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-main-facebook-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-facebook-outline-small-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-main-facebook-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-facebook-outline-medium-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-main-facebook-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-facebook-outline-large-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-main-google-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-google-solid-small-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-main-google-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-google-solid-medium-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-main-google-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-google-solid-large-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-main-google-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-google-outline-small-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-main-google-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-google-outline-medium-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-main-google-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      height: var(--donut-spacing-huge);
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-social-main-google-outline-large-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-contrast-facebook-solid-small-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-contrast-facebook-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-facebook-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-facebook-solid-medium-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-contrast-facebook-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-facebook-solid-large-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-contrast-facebook-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-facebook-outline-small-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-contrast-facebook-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-facebook-outline-medium-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-contrast-facebook-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-facebook-outline-large-brand-container {
    height: 1.25rem;
  }
  .core-buttons-social-contrast-google-solid-small-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-contrast-google-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-google-solid-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-google-solid-medium-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-contrast-google-solid-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-google-solid-large-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-contrast-google-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-google-outline-small-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-contrast-google-outline-medium-container {
    height: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-google-outline-medium-brand-container {
    height: 1.5rem;
  }
  .core-buttons-social-contrast-google-outline-large-container {
    height: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-social-contrast-google-outline-large-brand-container {
    height: 1.5rem;
  }
  .core-buttons-toggle-main-inactive-xxsmall-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-toggle-main-inactive-xsmall-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-toggle-main-inactive-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-toggle-main-inactive-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-toggle-main-inactive-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-toggle-main-active-xxsmall-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
    border-radius: var(--donut-border-radius-small);
    border-width: 0.0625rem;
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-buttons-toggle-main-active-xsmall-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
    border-radius: var(--donut-border-radius-small);
    border-width: 0.0625rem;
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-buttons-toggle-main-active-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-width: 0.0625rem;
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-buttons-toggle-main-active-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-width: 0.0625rem;
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-buttons-toggle-main-active-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-width: 0.0625rem;
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-buttons-toggle-contrast-inactive-xxsmall-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-toggle-contrast-inactive-xsmall-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-toggle-contrast-inactive-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-toggle-contrast-inactive-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-toggle-contrast-inactive-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-toggle-contrast-active-xxsmall-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
      border-width: 0.0625rem;
      border-color: var(--donut-color-brand-contrast-neutral-border);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-buttons-toggle-contrast-active-xsmall-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
      border-width: 0.0625rem;
      border-color: var(--donut-color-brand-contrast-neutral-border);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-buttons-toggle-contrast-active-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
      border-width: 0.0625rem;
      border-color: var(--donut-color-brand-contrast-neutral-border);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-buttons-toggle-contrast-active-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
      border-width: 0.0625rem;
      border-color: var(--donut-color-brand-contrast-neutral-border);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-buttons-toggle-contrast-active-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
      border-width: 0.0625rem;
      border-color: var(--donut-color-brand-contrast-neutral-border);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-buttons-link-main-decorator-container {
    background-color: var(--donut-color-action-main-primary-idle);
    height: 0.0625rem;
  }
  .core-buttons-link-contrast-decorator-container {
    background-color: var(--donut-color-action-contrast-primary-idle);
    height: 0.0625rem;
  }
  .core-typographies-buttons-link-main-content {
    color: var(--donut-color-action-main-primary-idle);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-main-primary-hover);
    }
  }
  .core-typographies-buttons-link-contrast-content {
    color: var(--donut-color-action-contrast-primary-idle);
    font-family: var(--donut-font-family-body-regular);
    font-weight: var(--donut-font-weight-body-regular);
    font-size: var(--donut-font-size-nano);
    letter-spacing: var(--donut-letter-spacing-medium);
    line-height: var(--donut-line-height-xsmall);
    &:hover {
      color: var(--donut-color-action-contrast-primary-hover);
    }
  }
  .core-buttons-icon-main-primary-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-primary-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-primary-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-primary-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-primary-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-primary-hover);
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-primary-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-primary-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-primary-hover);
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-primary-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-primary-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-primary-hover);
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-primary-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-primary-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-primary-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-primary-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-neutral-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-neutral-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-neutral-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-neutral-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-neutral-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-neutral-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-neutral-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-neutral-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-neutral-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-success-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-success-idle);
    &:hover {
      background-color: var(--donut-color-action-main-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-success-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-success-idle);
    &:hover {
      background-color: var(--donut-color-action-main-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-success-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-success-idle);
    &:hover {
      background-color: var(--donut-color-action-main-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-success-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-success-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-success-hover);
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-success-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-success-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-success-hover);
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-success-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-success-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-success-hover);
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-success-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-success-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-success-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-success-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-alert-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-alert-idle);
    &:hover {
      background-color: var(--donut-color-action-main-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-alert-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-alert-idle);
    &:hover {
      background-color: var(--donut-color-action-main-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-alert-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-alert-idle);
    &:hover {
      background-color: var(--donut-color-action-main-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-alert-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-alert-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-alert-hover);
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-alert-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-alert-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-alert-hover);
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-alert-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-alert-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-alert-hover);
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-alert-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-alert-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-alert-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-alert-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-negative-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-negative-idle);
    &:hover {
      background-color: var(--donut-color-action-main-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-negative-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-negative-idle);
    &:hover {
      background-color: var(--donut-color-action-main-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-negative-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-negative-idle);
    &:hover {
      background-color: var(--donut-color-action-main-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-negative-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-negative-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-negative-hover);
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-negative-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-negative-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-negative-hover);
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-negative-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-negative-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-negative-hover);
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-negative-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-negative-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-negative-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-info-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-info-idle);
    &:hover {
      background-color: var(--donut-color-action-main-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-info-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-info-idle);
    &:hover {
      background-color: var(--donut-color-action-main-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-info-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-info-idle);
    &:hover {
      background-color: var(--donut-color-action-main-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-info-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-info-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-info-hover);
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-info-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-info-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-info-hover);
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-info-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-main-info-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-main-info-hover);
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-main-info-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-info-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-info-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-info-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-icon-main-custom-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
  }
  .core-buttons-icon-main-custom-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
  }
  .core-buttons-icon-main-custom-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
  }
  .core-buttons-icon-contrast-primary-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-primary-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-primary-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-primary-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-primary-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-primary-hover);
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-primary-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-primary-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-primary-hover);
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-primary-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-primary-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-primary-hover);
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-primary-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-primary-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-primary-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-primary-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-primary-100) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-neutral-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-neutral-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-neutral-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-neutral-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-neutral-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-neutral-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-neutral-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-neutral-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-neutral-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-success-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-success-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-success-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-success-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-success-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-success-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-success-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-success-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-success-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-success-hover);
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-success-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-success-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-success-hover);
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-success-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-success-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-success-hover);
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-success-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-success-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-success-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-success-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-success-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-alert-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-alert-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-alert-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-alert-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-alert-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-alert-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-alert-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-alert-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-alert-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-alert-hover);
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-alert-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-alert-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-alert-hover);
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-alert-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-alert-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-alert-hover);
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-alert-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-alert-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-alert-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-alert-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-alert-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-negative-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-negative-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-negative-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-negative-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-negative-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-negative-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-negative-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-negative-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-negative-hover);
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-negative-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-negative-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-negative-hover);
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-negative-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-negative-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-negative-hover);
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-negative-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-negative-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-negative-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-negative-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-negative-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-info-solid-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-info-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-info-solid-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-info-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-info-solid-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-info-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-info-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-info-outline-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-info-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-info-hover);
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-info-outline-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-info-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-info-hover);
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-info-outline-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-action-contrast-info-idle);
    border-width: var(--donut-border-width-small);
    &:hover {
      border-color: var(--donut-color-action-contrast-info-hover);
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-buttons-icon-contrast-info-ghost-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-info-ghost-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-icon-contrast-info-ghost-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-info-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-info-500) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-fab-main-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-fab-main-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-fab-main-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-main-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-buttons-fab-contrast-small-container {
    height: var(--donut-spacing-xxlarge);
    width: var(--donut-spacing-xxlarge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-fab-contrast-medium-container {
    height: var(--donut-spacing-huge);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-buttons-fab-contrast-large-container {
    height: var(--donut-spacing-xhuge);
    width: var(--donut-spacing-xhuge);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-primary-idle);
    &:hover {
      background-color: var(--donut-color-action-contrast-primary-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-accordion-main-container {
    border-bottom-width: 0.0625rem;
    border-color: var(--donut-color-brand-main-neutral-border);
  }
  .core-accordion-main-header-container {
    gap: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-accordion-main-body-container {
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-large);
    gap: var(--donut-spacing-xsmall);
  }
  .core-accordion-contrast-container {
    border-bottom-width: 0.0625rem;
    border-color: var(--donut-color-brand-contrast-neutral-border);
  }
  .core-accordion-contrast-header-container {
    gap: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-accordion-contrast-body-container {
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-large);
    gap: var(--donut-spacing-xsmall);
  }
  @keyframes accordion-slide-down {
    from {
      height: 0;
      opacity: 0;
      transform: translateY(-8px);
    }
    to {
      height: var(--radix-accordion-content-height);
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes accordion-slide-up {
    from {
      height: var(--radix-accordion-content-height);
      opacity: 1;
      transform: translateY(0);
    }
    to {
      height: 0;
      opacity: 0;
      transform: translateY(-8px);
    }
  }
  .core-announcement-bar-white-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    @media (width >= 48rem ) {
      padding-left: var(--donut-spacing-xxlarge);
      padding-right: var(--donut-spacing-xxlarge);
      padding-top: var(--donut-spacing-small);
      padding-bottom: var(--donut-spacing-small);
      gap: var(--donut-spacing-large);
    }
  }
  .core-announcement-bar-black-container {
    background-color: var(--donut-color-brand-contrast-neutral-surface);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    @media (width >= 48rem ) {
      padding-left: var(--donut-spacing-xxlarge);
      padding-right: var(--donut-spacing-xxlarge);
      padding-top: var(--donut-spacing-small);
      padding-bottom: var(--donut-spacing-small);
      gap: var(--donut-spacing-large);
    }
  }
  .core-announcement-bar-primary-container {
    background-color: var(--donut-color-brand-main-primary-background);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    @media (width >= 48rem ) {
      padding-left: var(--donut-spacing-xxlarge);
      padding-right: var(--donut-spacing-xxlarge);
      padding-top: var(--donut-spacing-small);
      padding-bottom: var(--donut-spacing-small);
      gap: var(--donut-spacing-large);
    }
  }
  .core-announcement-bar-success-container {
    background-color: var(--donut-color-feedback-main-success-background);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    @media (width >= 48rem ) {
      padding-left: var(--donut-spacing-xxlarge);
      padding-right: var(--donut-spacing-xxlarge);
      padding-top: var(--donut-spacing-small);
      padding-bottom: var(--donut-spacing-small);
      gap: var(--donut-spacing-large);
    }
  }
  .core-announcement-bar-alert-container {
    background-color: var(--donut-color-feedback-main-alert-background);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    @media (width >= 48rem ) {
      padding-left: var(--donut-spacing-xxlarge);
      padding-right: var(--donut-spacing-xxlarge);
      padding-top: var(--donut-spacing-small);
      padding-bottom: var(--donut-spacing-small);
      gap: var(--donut-spacing-large);
    }
  }
  .core-announcement-bar-negative-container {
    background-color: var(--donut-color-feedback-main-negative-background);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    @media (width >= 48rem ) {
      padding-left: var(--donut-spacing-xxlarge);
      padding-right: var(--donut-spacing-xxlarge);
      padding-top: var(--donut-spacing-small);
      padding-bottom: var(--donut-spacing-small);
      gap: var(--donut-spacing-large);
    }
  }
  .core-announcement-bar-info-container {
    background-color: var(--donut-color-feedback-main-info-background);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    @media (width >= 48rem ) {
      padding-left: var(--donut-spacing-xxlarge);
      padding-right: var(--donut-spacing-xxlarge);
      padding-top: var(--donut-spacing-small);
      padding-bottom: var(--donut-spacing-small);
      gap: var(--donut-spacing-large);
    }
  }
  .core-announcement-bar-custom-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    @media (width >= 48rem ) {
      padding-left: var(--donut-spacing-xxlarge);
      padding-right: var(--donut-spacing-xxlarge);
      padding-top: var(--donut-spacing-small);
      padding-bottom: var(--donut-spacing-small);
      gap: var(--donut-spacing-large);
    }
  }
  .core-avatar-main-rounded-large-container {
    width: var(--donut-spacing-xlarge);
    height: var(--donut-spacing-xlarge);
    background-color: var(--donut-color-brand-main-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-main-rounded-medium-container {
    width: var(--donut-spacing-large);
    height: var(--donut-spacing-large);
    background-color: var(--donut-color-brand-main-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-main-rounded-small-container {
    width: var(--donut-spacing-medium);
    height: var(--donut-spacing-medium);
    background-color: var(--donut-color-brand-main-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-main-square-large-container {
    width: var(--donut-spacing-xlarge);
    height: var(--donut-spacing-xlarge);
    background-color: var(--donut-color-brand-main-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-radius: var(--donut-border-radius-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-main-square-medium-container {
    width: var(--donut-spacing-large);
    height: var(--donut-spacing-large);
    background-color: var(--donut-color-brand-main-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-radius: var(--donut-border-radius-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-main-square-small-container {
    width: var(--donut-spacing-medium);
    height: var(--donut-spacing-medium);
    background-color: var(--donut-color-brand-main-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-radius: var(--donut-border-radius-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-contrast-rounded-large-container {
    width: var(--donut-spacing-xlarge);
    height: var(--donut-spacing-xlarge);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-contrast-rounded-medium-container {
    width: var(--donut-spacing-large);
    height: var(--donut-spacing-large);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-contrast-rounded-small-container {
    width: var(--donut-spacing-medium);
    height: var(--donut-spacing-medium);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-contrast-square-large-container {
    width: var(--donut-spacing-xlarge);
    height: var(--donut-spacing-xlarge);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-radius: var(--donut-border-radius-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-contrast-square-medium-container {
    width: var(--donut-spacing-large);
    height: var(--donut-spacing-large);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-radius: var(--donut-border-radius-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-avatar-contrast-square-small-container {
    width: var(--donut-spacing-medium);
    height: var(--donut-spacing-medium);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-radius: var(--donut-border-radius-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-beacon-primary-container {
    height: var(--donut-spacing-xsmall);
    width: var(--donut-spacing-xsmall);
    background-color: var(--donut-color-brand-main-primary-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-beacon-neutral-container {
    height: var(--donut-spacing-xsmall);
    width: var(--donut-spacing-xsmall);
    background-color: var(--donut-color-brand-main-neutral-text-title);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-beacon-success-container {
    height: var(--donut-spacing-xsmall);
    width: var(--donut-spacing-xsmall);
    background-color: var(--donut-color-feedback-main-success-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-beacon-alert-container {
    height: var(--donut-spacing-xsmall);
    width: var(--donut-spacing-xsmall);
    background-color: var(--donut-color-feedback-contrast-alert-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-beacon-negative-container {
    height: var(--donut-spacing-xsmall);
    width: var(--donut-spacing-xsmall);
    background-color: var(--donut-color-feedback-main-negative-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-beacon-info-container {
    height: var(--donut-spacing-xsmall);
    width: var(--donut-spacing-xsmall);
    background-color: var(--donut-color-feedback-main-info-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: var(--donut-border-width-none);
    }
  }
  .core-beacon-custom-container {
    height: var(--donut-spacing-xsmall);
    width: var(--donut-spacing-xsmall);
    border-radius: var(--donut-border-radius-full);
  }
  .core-breadcrumb-main-container {
    gap: var(--donut-spacing-nano);
    min-height: 2.5rem;
    max-height: 2.5rem;
  }
  .core-breadcrumb-main-parts-item-container {
    min-height: 2.5rem;
    max-height: 2.5rem;
    height: 2.5rem;
    border-radius: var(--donut-border-radius-small);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
  }
  .core-breadcrumb-contrast-container {
    gap: var(--donut-spacing-nano);
    min-height: 2.5rem;
    max-height: 2.5rem;
  }
  .core-breadcrumb-contrast-parts-item-container {
    min-height: 2.5rem;
    max-height: 2.5rem;
    height: 2.5rem;
    border-radius: var(--donut-border-radius-small);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-nano);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
  }
  .core-cards-custom-main-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    border-radius: var(--donut-border-radius-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    &:hover {
      box-shadow: var(--donut-box-shadow-large);
    }
  }
  .core-cards-custom-contrast-container {
    background-color: var(--donut-color-action-contrast-neutral-idle);
    border-radius: var(--donut-border-radius-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    backdrop-filter: blur(1rem);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
      box-shadow: var(--donut-box-shadow-large);
    }
  }
  .core-cards-card-main-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      box-shadow: var(--donut-box-shadow-large);
    }
  }
  .core-cards-card-main-parts-overline-container {
    background-color: var(--donut-color-brand-main-primary-background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-brand-main-primary-background) 50%, transparent );
    }
    height: var(--donut-spacing-xlarge);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-cards-card-main-parts-body-container {
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    gap: var(--donut-spacing-xsmall);
  }
  .core-cards-card-main-parts-footer-container {
    padding-top: 0rem;
    padding-bottom: var(--donut-spacing-large);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-cards-card-main-parts-icon-container {
    padding-top: var(--donut-spacing-medium);
    padding-bottom: var(--donut-spacing-medium);
    height: 10rem;
  }
  .core-cards-card-main-parts-icon-asset-content {
    color: var(--donut-color-brand-main-neutral-text-title);
  }
  .core-cards-card-main-parts-icon-asset-container {
    height: 8rem;
    width: 8rem;
  }
  .core-cards-card-contrast-container {
    background-color: var(--donut-color-action-contrast-neutral-idle);
    border-radius: var(--donut-border-radius-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    backdrop-filter: blur(1rem);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
  }
  .core-cards-card-contrast-parts-overline-container {
    background-color: var(--donut-color-brand-contrast-primary-background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-brand-contrast-primary-background) 50%, transparent );
    }
    height: var(--donut-spacing-xlarge);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-cards-card-contrast-parts-body-container {
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    gap: var(--donut-spacing-xsmall);
  }
  .core-cards-card-contrast-parts-footer-container {
    padding-top: 0rem;
    padding-bottom: var(--donut-spacing-large);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-cards-card-contrast-parts-icon-container {
    padding-top: var(--donut-spacing-medium);
    padding-bottom: var(--donut-spacing-medium);
    height: 10rem;
  }
  .core-cards-card-contrast-parts-icon-asset-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
  }
  .core-cards-card-contrast-parts-icon-asset-container {
    height: 8rem;
    width: 8rem;
  }
  .core-cards-card-main-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    &:hover {
      box-shadow: var(--donut-box-shadow-large);
    }
  }
  .core-cards-card-main-parts-overline-container {
    background-color: var(--donut-color-brand-main-primary-background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-brand-main-primary-background) 50%, transparent );
    }
    height: var(--donut-spacing-xlarge);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-cards-card-main-parts-body-container {
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    gap: var(--donut-spacing-xsmall);
  }
  .core-cards-card-main-parts-footer-container {
    padding-top: 0rem;
    padding-bottom: var(--donut-spacing-large);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-cards-card-main-parts-icon-container {
    padding-top: var(--donut-spacing-medium);
    padding-bottom: var(--donut-spacing-medium);
    height: 10rem;
  }
  .core-cards-card-main-parts-icon-asset-content {
    color: var(--donut-color-brand-main-neutral-text-title);
  }
  .core-cards-card-main-parts-icon-asset-container {
    height: 8rem;
    width: 8rem;
  }
  .core-cards-card-contrast-container {
    background-color: var(--donut-color-action-contrast-neutral-idle);
    border-radius: var(--donut-border-radius-medium);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    backdrop-filter: blur(1rem);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
  }
  .core-cards-card-contrast-parts-overline-container {
    background-color: var(--donut-color-brand-contrast-primary-background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-brand-contrast-primary-background) 50%, transparent );
    }
    height: var(--donut-spacing-xlarge);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-cards-card-contrast-parts-body-container {
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    gap: var(--donut-spacing-xsmall);
  }
  .core-cards-card-contrast-parts-footer-container {
    padding-top: 0rem;
    padding-bottom: var(--donut-spacing-large);
    padding-left: var(--donut-spacing-medium);
    padding-right: var(--donut-spacing-medium);
  }
  .core-cards-card-contrast-parts-icon-container {
    padding-top: var(--donut-spacing-medium);
    padding-bottom: var(--donut-spacing-medium);
    height: 10rem;
  }
  .core-cards-card-contrast-parts-icon-asset-content {
    color: var(--donut-color-brand-contrast-neutral-text-title);
  }
  .core-cards-card-contrast-parts-icon-asset-container {
    height: 8rem;
    width: 8rem;
  }
  .core-content-shell-main-container {
    border-radius: var(--donut-border-radius-medium);
    background-color: var(--donut-color-brand-main-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
  }
  .core-content-shell-main-body-container {
    gap: var(--donut-spacing-xsmall);
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    padding-top: var(--donut-spacing-medium);
    padding-bottom: var(--donut-spacing-medium);
  }
  .core-content-shell-main-header-container {
    height: 3.5rem;
    min-width: 3.5rem;
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    padding-top: var(--donut-spacing-small);
    padding-bottom: var(--donut-spacing-small);
    gap: var(--donut-spacing-xsmall);
  }
  .core-content-shell-main-footer-container {
    gap: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-medium);
    padding-bottom: var(--donut-spacing-medium);
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    border-top-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
  }
  .core-content-shell-contrast-container {
    border-radius: var(--donut-border-radius-medium);
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
  }
  .core-content-shell-contrast-body-container {
    gap: var(--donut-spacing-xsmall);
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    padding-top: var(--donut-spacing-medium);
    padding-bottom: var(--donut-spacing-medium);
  }
  .core-content-shell-contrast-header-container {
    height: 3.5rem;
    min-width: 3.5rem;
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    padding-top: var(--donut-spacing-small);
    padding-bottom: var(--donut-spacing-small);
    gap: var(--donut-spacing-xsmall);
  }
  .core-content-shell-contrast-footer-container {
    gap: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-medium);
    padding-bottom: var(--donut-spacing-medium);
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    border-top-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
  }
  .core-divider-main-container {
    height: var(--donut-spacing-large);
    gap: var(--donut-spacing-xsmall);
  }
  .core-divider-main-line-container {
    border-color: var(--donut-color-brand-main-neutral-text-paragraph);
    border-top-width: var(--donut-border-width-small);
  }
  .core-divider-contrast-container {
    height: var(--donut-spacing-large);
    gap: var(--donut-spacing-xsmall);
  }
  .core-divider-contrast-line-container {
    border-top-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-text-paragraph);
  }
  @keyframes drawer-slide-up {
    from {
      opacity: 0%;
      transform: translateY(100%);
    }
    to {
      opacity: 100%;
      transform: translateY(0%);
    }
  }
  @keyframes drawer-slide-left {
    from {
      opacity: 0%;
      transform: translateX(100%);
    }
    to {
      opacity: 100%;
      transform: translateX(0%);
    }
  }
  @keyframes drawer-overlay-show {
    from {
      opacity: 0%;
    }
    to {
      opacity: 100%;
    }
  }
  .core-drawer-main-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    border-top-left-radius: var(--donut-border-radius-large);
    border-top-right-radius: var(--donut-border-radius-large);
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
    padding-top: var(--donut-spacing-xlarge);
    padding-bottom: var(--donut-spacing-xlarge);
    padding-left: var(--donut-spacing-xlarge);
    padding-right: var(--donut-spacing-xlarge);
    @media (width >= 48rem ) {
      width: 25rem;
      border-top-right-radius: 0rem;
      border-bottom-left-radius: var(--donut-border-radius-large);
      padding-left: var(--donut-spacing-medium);
      padding-right: var(--donut-spacing-medium);
      padding-top: var(--donut-spacing-medium);
      padding-bottom: var(--donut-spacing-medium);
    }
  }
  .core-drawer-contrast-container {
    background-color: var(--donut-color-brand-contrast-neutral-surface);
    border-top-left-radius: var(--donut-border-radius-large);
    border-top-right-radius: var(--donut-border-radius-large);
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
    padding-top: var(--donut-spacing-xlarge);
    padding-bottom: var(--donut-spacing-xlarge);
    padding-left: var(--donut-spacing-xlarge);
    padding-right: var(--donut-spacing-xlarge);
    @media (width >= 48rem ) {
      width: 25rem;
      border-top-right-radius: 0rem;
      border-bottom-left-radius: var(--donut-border-radius-large);
      padding-top: var(--donut-spacing-medium);
      padding-bottom: var(--donut-spacing-medium);
      padding-left: var(--donut-spacing-medium);
      padding-right: var(--donut-spacing-medium);
    }
  }
  .core-dropdown-main-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    border-radius: var(--donut-border-radius-large);
    box-shadow: var(--donut-box-shadow-medium);
  }
  .core-dropdown-main-body-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
  }
  .core-dropdown-main-arrow-content {
    color: var(--donut-color-brand-main-neutral-background);
  }
  .core-dropdown-main-header-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-medium);
  }
  .core-dropdown-main-footer-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-medium);
  }
  .core-dropdown-main-parts-item-neutral-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-dropdown-main-parts-item-negative-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-negative-100);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-dropdown-main-parts-decorator-container {
    background-color: var(--donut-color-action-main-primary-idle);
    width: 0.125rem;
  }
  .core-dropdown-contrast-container {
    background-color: var(--donut-color-action-main-neutral-text);
    border-radius: var(--donut-border-radius-small);
    box-shadow: var(--donut-box-shadow-medium);
  }
  .core-dropdown-contrast-body-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
  }
  .core-dropdown-contrast-arrow-content {
    color: var(--donut-color-action-main-neutral-text);
  }
  .core-dropdown-contrast-header-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-medium);
  }
  .core-dropdown-contrast-footer-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-medium);
  }
  .core-dropdown-contrast-parts-item-neutral-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-dropdown-contrast-parts-item-negative-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-idle);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-idle) 8%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-dropdown-contrast-parts-decorator-container {
    background-color: var(--donut-color-action-contrast-primary-idle);
    width: 0.125rem;
  }
  .core-icon-main-primary-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-main-primary-small-content {
    color: var(--donut-color-action-main-primary-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-primary-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-main-primary-medium-content {
    color: var(--donut-color-action-main-primary-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-primary-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-main-primary-large-content {
    color: var(--donut-color-action-main-primary-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-neutral-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-main-neutral-small-content {
    color: var(--donut-color-action-main-neutral-text);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-neutral-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-main-neutral-medium-content {
    color: var(--donut-color-action-main-neutral-text);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-neutral-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-main-neutral-large-content {
    color: var(--donut-color-action-main-neutral-text);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-success-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-main-success-small-content {
    color: var(--donut-color-action-main-success-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-success-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-main-success-medium-content {
    color: var(--donut-color-action-main-success-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-success-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-main-success-large-content {
    color: var(--donut-color-action-main-success-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-alert-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-main-alert-small-content {
    color: var(--donut-color-action-main-alert-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-alert-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-main-alert-medium-content {
    color: var(--donut-color-action-main-alert-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-alert-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-main-alert-large-content {
    color: var(--donut-color-action-main-alert-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-negative-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-main-negative-small-content {
    color: var(--donut-color-action-main-negative-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-negative-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-main-negative-medium-content {
    color: var(--donut-color-action-main-negative-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-negative-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-main-negative-large-content {
    color: var(--donut-color-action-main-negative-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-info-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-main-info-small-content {
    color: var(--donut-color-action-main-info-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-info-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-main-info-medium-content {
    color: var(--donut-color-action-main-info-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-info-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-main-info-large-content {
    color: var(--donut-color-action-main-info-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-main-text);
    }
  }
  .core-icon-main-custom-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-main-custom-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-main-custom-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-contrast-primary-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-contrast-primary-small-content {
    color: var(--donut-color-action-contrast-primary-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-primary-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-contrast-primary-medium-content {
    color: var(--donut-color-action-contrast-primary-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-primary-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-contrast-primary-large-content {
    color: var(--donut-color-action-contrast-primary-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-neutral-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-contrast-neutral-small-content {
    color: var(--donut-color-action-contrast-neutral-text);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-neutral-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-contrast-neutral-medium-content {
    color: var(--donut-color-action-contrast-neutral-text);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-neutral-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-contrast-neutral-large-content {
    color: var(--donut-color-action-contrast-neutral-text);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-success-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-contrast-success-small-content {
    color: var(--donut-color-action-contrast-success-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-success-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-contrast-success-medium-content {
    color: var(--donut-color-action-contrast-success-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-success-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-contrast-success-large-content {
    color: var(--donut-color-action-contrast-success-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-alert-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-contrast-alert-small-content {
    color: var(--donut-color-action-contrast-alert-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-alert-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-contrast-alert-medium-content {
    color: var(--donut-color-action-contrast-alert-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-alert-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-contrast-alert-large-content {
    color: var(--donut-color-action-contrast-alert-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-negative-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-contrast-negative-small-content {
    color: var(--donut-color-action-contrast-negative-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-negative-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-contrast-negative-medium-content {
    color: var(--donut-color-action-contrast-negative-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-negative-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-contrast-negative-large-content {
    color: var(--donut-color-action-contrast-negative-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-info-small-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
  }
  .core-icon-contrast-info-small-content {
    color: var(--donut-color-action-contrast-info-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-info-medium-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
  }
  .core-icon-contrast-info-medium-content {
    color: var(--donut-color-action-contrast-info-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-icon-contrast-info-large-container {
    height: var(--donut-spacing-xlarge);
    width: var(--donut-spacing-xlarge);
  }
  .core-icon-contrast-info-large-content {
    color: var(--donut-color-action-contrast-info-idle);
    &:disabled, &[aria-disabled="true"] {
      color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-inputs-checkbox-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-checkbox-field-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-checkbox-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-checkbox-field-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-file-main-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-file-main-primary-dropzone-container {
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      border-color: var(--donut-color-disabled-main-border);
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-inputs-file-main-primary-dropzone-body-container {
    gap: 0.125rem;
  }
  .core-inputs-file-main-parts-fileset-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-file-main-parts-fileset-item-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
  }
  .core-inputs-file-main-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-file-main-negative-dropzone-container {
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-main-neutral-idle);
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      border-color: var(--donut-color-disabled-main-border);
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-inputs-file-main-negative-dropzone-body-container {
    gap: 0.125rem;
  }
  .core-inputs-file-contrast-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-file-contrast-primary-dropzone-container {
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      border-color: var(--donut-color-disabled-contrast-border);
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-inputs-file-contrast-primary-dropzone-body-container {
    gap: 0.125rem;
  }
  .core-inputs-file-contrast-parts-fileset-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-file-contrast-parts-fileset-item-container {
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    border-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
  }
  .core-inputs-file-contrast-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-file-contrast-negative-dropzone-container {
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-contrast-negative-border);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-action-contrast-neutral-idle);
    padding-left: var(--donut-spacing-large);
    padding-right: var(--donut-spacing-large);
    padding-top: var(--donut-spacing-large);
    padding-bottom: var(--donut-spacing-large);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      border-color: var(--donut-color-disabled-contrast-border);
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-inputs-file-contrast-negative-dropzone-body-container {
    gap: 0.125rem;
  }
  .core-inputs-select-main-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-select-main-primary-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-select-main-primary-input-tags-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-select-main-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-select-main-negative-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-select-main-negative-input-tags-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-select-contrast-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-select-contrast-primary-input-container {
    background-color: var(--donut-color-action-contrast-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-inputs-select-contrast-primary-input-tags-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-select-contrast-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-select-contrast-negative-input-container {
    background-color: var(--donut-color-action-contrast-negative-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-idle) 13%, transparent );
    }
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-hover) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-inputs-select-contrast-negative-input-tags-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-profile-main-rounded-primary-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    border-width: var(--donut-border-width-small);
    border-radius: var(--donut-border-radius-full);
    border-color: var(--donut-color-brand-main-neutral-border);
    height: 7.5rem;
    width: 7.5rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-color: var(--donut-color-disabled-main-border);
    }
  }
  .core-inputs-profile-main-rounded-negative-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    border-radius: var(--donut-border-radius-full);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    height: 7.5rem;
    width: 7.5rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-color: var(--donut-color-disabled-main-border);
    }
  }
  .core-inputs-profile-main-square-primary-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    height: 7.5rem;
    width: 7.5rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-color: var(--donut-color-disabled-main-border);
    }
  }
  .core-inputs-profile-main-square-negative-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    height: 7.5rem;
    width: 7.5rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-color: var(--donut-color-disabled-main-border);
    }
  }
  .core-inputs-profile-contrast-rounded-primary-container {
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-radius: var(--donut-border-radius-full);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-background);
    height: 7.5rem;
    width: 7.5rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
      border-color: var(--donut-color-brand-contrast-neutral-border);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-color: var(--donut-color-disabled-contrast-border);
    }
  }
  .core-inputs-profile-contrast-rounded-negative-container {
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-radius: var(--donut-border-radius-full);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-contrast-negative-border);
    height: 7.5rem;
    width: 7.5rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-color: var(--donut-color-disabled-contrast-border);
    }
  }
  .core-inputs-profile-contrast-square-primary-container {
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-background);
    height: 7.5rem;
    width: 7.5rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
      border-color: var(--donut-color-brand-contrast-neutral-border);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-color: var(--donut-color-disabled-contrast-border);
    }
  }
  .core-inputs-profile-contrast-square-negative-container {
    background-color: var(--donut-color-brand-contrast-neutral-background);
    border-width: var(--donut-border-width-small);
    border-radius: var(--donut-border-radius-small);
    border-color: var(--donut-color-feedback-contrast-negative-border);
    height: 7.5rem;
    width: 7.5rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-color: var(--donut-color-disabled-contrast-border);
    }
  }
  .core-inputs-radio-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-radio-field-container {
    gap: var(--donut-spacing-xsmall);
  }
  .rich-editor-wrapper {
    &[data-color-mode="main"] {
      .ql-toolbar {
        .ql-formats {
          button, .ql-picker .ql-picker-label {
            border-color: transparent;
            &:hover {
              background-color: var(--donut-color-action-main-neutral-hover);
            }
            &.ql-active {
              border-color: var(--donut-color-brand-main-neutral-border);
              &:hover {
                background-color: var(--donut-color-action-main-neutral-hover);
              }
            }
          }
          .ql-picker {
            .ql-picker-options {
              background-color: var(--donut-color-brand-main-neutral-background);
              .ql-picker-item {
                &:hover {
                  background-color: var(--donut-color-action-main-neutral-hover);
                }
              }
            }
          }
        }
      }
      .ql-container {
        .ql-tooltip {
          background-color: var(--donut-color-brand-main-neutral-background);
        }
      }
    }
    &[data-color-mode="contrast"] {
      .ql-toolbar {
        .ql-formats {
          button, .ql-picker .ql-picker-label {
            border-color: transparent;
            &:hover {
              background-color: var(--donut-color-action-contrast-neutral-hover);
            }
            &.ql-active {
              background-color: var( --donut-color-brand-contrast-neutral-background );
              &:hover {
                background-color: var( --donut-color-action-contrast-neutral-hover );
                border-color: var(--donut-color-brand-contrast-neutral-border);
              }
            }
          }
          .ql-picker {
            .ql-picker-options {
              background-color: var(--donut-color-action-main-neutral-text);
              .ql-picker-item {
                &:hover {
                  background-color: var( --donut-color-action-contrast-neutral-hover );
                }
              }
            }
          }
        }
      }
      .ql-container {
        .ql-tooltip {
          background-color: var(--donut-color-action-main-neutral-text);
        }
      }
    }
    .ql-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      padding-inline: calc(var(--spacing, 0.25rem ) * 2);
      padding-top: calc(var(--spacing, 0.25rem ) * 2);
      gap: var(--donut-spacing-medium);
      .ql-formats {
        display: flex;
        align-items: center;
        gap: var(--donut-spacing-nano);
        button, .ql-picker .ql-picker-label {
          transition: all 500ms ease-in-out;
          cursor: pointer;
          border-radius: var(--donut-border-radius-small);
          border-width: 0.0625rem;
        }
        button {
          height: var(--donut-spacing-large);
          width: var(--donut-spacing-large);
          &:focus {
            box-shadow: var(--donut-box-shadow-focus);
          }
          &.ql-direction {
            svg:first-child {
              display: inline;
            }
            svg:last-child {
              display: none;
            }
            &.ql-active {
              svg:first-child {
                display: none;
              }
              svg:last-child {
                display: inline;
              }
            }
          }
        }
        .ql-picker {
          position: relative;
          .ql-picker-label {
            height: var(--donut-spacing-large);
            width: var(--donut-spacing-large);
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center;
            &:focus-visible {
              box-shadow: var(--donut-box-shadow-focus);
            }
          }
          .ql-picker-options {
            margin-top: var(--donut-spacing-xxsmall);
            flex-direction: column;
            position: absolute;
            top: var(--donut-spacing-large);
            left: calc(var(--spacing, 0.25rem ) * 0);
            z-index: 1;
            border-radius: var(--donut-border-radius-large);
            box-shadow: var(--donut-box-shadow-medium);
            padding: var(--donut-spacing-xsmall);
            display: none;
            .ql-picker-item {
              white-space: nowrap;
              padding-inline: var(--donut-spacing-xsmall);
              padding-block: var(--donut-spacing-nano);
              border-radius: var(--donut-border-radius-small);
              transition: all 500ms ease-in-out;
              cursor: pointer;
              &:focus-visible {
                box-shadow: var(--donut-box-shadow-focus);
              }
              svg {
                height: var(--donut-spacing-large);
                width: var(--donut-spacing-large);
              }
            }
          }
          &.ql-header {
            .ql-picker-label {
              width: auto;
              &::before {
                padding-inline: var(--donut-spacing-nano);
              }
              > svg {
                height: var(--donut-spacing-medium);
              }
            }
            .ql-picker-label, .ql-picker-item {
              &::before {
                content: "Text";
              }
              &[data-value="1"]::before {
                content: "Heading 1";
              }
              &[data-value="2"]::before {
                content: "Heading 2";
              }
              &[data-value="3"]::before {
                content: "Heading 3";
              }
              &[data-value="4"]::before {
                content: "Heading 4";
              }
              &[data-value="5"]::before {
                content: "Heading 5";
              }
              &[data-value="6"]::before {
                content: "Heading 6";
              }
            }
          }
          &.ql-color-picker {
            .ql-picker-options {
              grid-template-columns: repeat(9, minmax(0, 1fr));
              width: max-content;
              .ql-picker-item {
                height: calc(var(--spacing, 0.25rem ) * 4);
                width: calc(var(--spacing, 0.25rem ) * 4);
                grid-column: span 1 / span 1;
                padding: calc(var(--spacing, 0.25rem ) * 0);
                border-radius: 0;
              }
            }
          }
          &.ql-expanded {
            .ql-picker-options {
              display: flex;
            }
            &.ql-color-picker {
              .ql-picker-options {
                display: grid;
              }
            }
          }
        }
        .ql-stroke {
          fill: none;
          stroke: currentcolor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
          &.ql-thin {
            stroke-width: 1;
          }
        }
        .ql-fill {
          stroke: none;
          fill: currentcolor;
        }
      }
      input.ql-image {
        display: none;
      }
    }
    &[aria-disabled="true"] {
      .ql-toolbar *, .ql-container * {
        pointer-events: none !important;
      }
    }
    .ql-container {
      width: 100%;
      min-height: inherit;
      position: relative;
      .ql-editor {
        width: 100%;
        height: 100%;
        min-height: inherit;
        padding: calc(var(--spacing, 0.25rem ) * 2);
        position: relative;
        border-width: 0px;
        font-family: var(--donut-font-family-body-regular);
        font-weight: var(--donut-font-weight-body-regular);
        font-size: var(--donut-font-size-nano);
        letter-spacing: var(--donut-letter-spacing-medium);
        line-height: var(--donut-line-height-medium);
        &:focus-visible, &:focus {
          outline-width: 0px;
          box-shadow: none;
        }
        &.ql-blank::before {
          position: absolute;
          content: attr(data-placeholder) " ";
          color: currentcolor;
          opacity: 35%;
          inset: calc(var(--spacing, 0.25rem ) * 2);
        }
      }
      .ql-tooltip {
        margin-top: var(--donut-spacing-xxsmall);
        position: absolute;
        transform: translateY(calc(var(--spacing, 0.25rem ) * -9));
        left: calc(var(--spacing, 0.25rem ) * 2) !important;
        border-radius: var(--donut-border-radius-large);
        box-shadow: var(--donut-box-shadow-medium);
        padding: var(--donut-spacing-xsmall);
        display: flex;
        align-items: center;
        gap: calc(var(--spacing, 0.25rem ) * 2);
        &.ql-hidden {
          display: none;
        }
        &[data-mode="link"]::before {
          content: "URL:";
        }
        &[data-mode="video"]::before {
          content: "URL:";
        }
        &[data-mode="formula"]::before {
          content: "Formula:";
        }
        a {
          display: block;
          color: currentcolor;
          cursor: pointer;
        }
        a.ql-action::after {
          content: "Edit";
        }
        a.ql-remove::before {
          content: "Remove";
        }
        &.ql-editing {
          a.ql-action::after {
            content: "Save";
          }
        }
      }
    }
  }
  .rich-editor-preview, .rich-editor-preview .ql-editor {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem ) * 1);
    width: 100%;
    &[data-color-mode="main"] {
      blockquote {
        border-left-color: var(--donut-color-neutral-500);
      }
    }
    &[data-color-mode="contrast"] {
      blockquote {
        border-left-color: var(--donut-color-neutral-500);
      }
    }
    h1, h2, h3, h4, h5, h6 {
      font-family: var(--donut-font-family-title-bold);
      font-weight: var(--donut-font-weight-title-bold);
      line-height: var(--donut-line-height-xsmall);
      letter-spacing: var(--donut-letter-spacing-large);
    }
    h1 {
      font-size: var(--donut-font-size-huge);
    }
    h2 {
      font-size: var(--donut-font-size-xxlarge);
    }
    h3 {
      font-size: var(--donut-font-size-large);
    }
    h4 {
      font-size: var(--donut-font-size-small);
    }
    h5, h6 {
      font-size: var(--donut-font-size-nano);
    }
    .ql-video, img, iframe {
      max-width: 500px;
      width: 100%;
      margin-inline: auto;
    }
    .ql-video {
      aspect-ratio: var(--aspect-video, 16 / 9);
    }
    ol {
      padding-left: calc(var(--spacing, 0.25rem ) * 6);
      li[data-list="ordered"] {
        list-style-type: decimal;
      }
      li[data-list="bullet"] {
        list-style-type: disc;
      }
    }
    .ql-direction-rtl {
      direction: rtl;
    }
    .ql-indent-1:not(.ql-direction-rtl) {
      padding-left: calc(var(--spacing, 0.25rem ) * 4);
    }
    .ql-indent-2:not(.ql-direction-rtl) {
      padding-left: calc(var(--spacing, 0.25rem ) * 8);
    }
    .ql-indent-3:not(.ql-direction-rtl) {
      padding-left: calc(var(--spacing, 0.25rem ) * 12);
    }
    .ql-indent-4:not(.ql-direction-rtl) {
      padding-left: calc(var(--spacing, 0.25rem ) * 16);
    }
    .ql-indent-5:not(.ql-direction-rtl) {
      padding-left: calc(var(--spacing, 0.25rem ) * 20);
    }
    .ql-indent-6:not(.ql-direction-rtl) {
      padding-left: calc(var(--spacing, 0.25rem ) * 24);
    }
    .ql-indent-7:not(.ql-direction-rtl) {
      padding-left: calc(var(--spacing, 0.25rem ) * 28);
    }
    .ql-indent-8:not(.ql-direction-rtl) {
      padding-left: calc(var(--spacing, 0.25rem ) * 32);
    }
    .ql-indent-1.ql-direction-rtl {
      padding-right: calc(var(--spacing, 0.25rem ) * 4);
    }
    .ql-indent-2.ql-direction-rtl {
      padding-right: calc(var(--spacing, 0.25rem ) * 8);
    }
    .ql-indent-3.ql-direction-rtl {
      padding-right: calc(var(--spacing, 0.25rem ) * 12);
    }
    .ql-indent-4.ql-direction-rtl {
      padding-right: calc(var(--spacing, 0.25rem ) * 16);
    }
    .ql-indent-5.ql-direction-rtl {
      padding-right: calc(var(--spacing, 0.25rem ) * 20);
    }
    .ql-indent-6.ql-direction-rtl {
      padding-right: calc(var(--spacing, 0.25rem ) * 24);
    }
    .ql-indent-7.ql-direction-rtl {
      padding-right: calc(var(--spacing, 0.25rem ) * 28);
    }
    .ql-indent-8.ql-direction-rtl {
      padding-right: calc(var(--spacing, 0.25rem ) * 32);
    }
    .ql-align-center {
      text-align: center;
    }
    .ql-align-right {
      text-align: right;
    }
    .ql-align-left {
      text-align: left;
    }
    .ql-align-justify {
      text-align: justify;
    }
    blockquote {
      margin-block: calc(var(--spacing, 0.25rem ) * 2);
      padding-left: calc(var(--spacing, 0.25rem ) * 4);
      border-left-style: solid;
      border-left-width: 4px;
    }
  }
  .core-inputs-text-area-main-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-area-main-primary-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    min-height: 6rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-area-main-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-area-main-negative-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    min-height: 6rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-area-contrast-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-area-contrast-primary-input-container {
    background-color: var(--donut-color-action-contrast-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    min-height: 6rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-area-contrast-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-area-contrast-negative-input-container {
    background-color: var(--donut-color-action-contrast-negative-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-idle) 13%, transparent );
    }
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    min-height: 6rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-hover) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-inputs-select-main-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-select-main-primary-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-select-main-primary-input-tags-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-select-main-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-select-main-negative-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-select-main-negative-input-tags-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-select-contrast-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-select-contrast-primary-input-container {
    background-color: var(--donut-color-action-contrast-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-inputs-select-contrast-primary-input-tags-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-select-contrast-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-select-contrast-negative-input-container {
    background-color: var(--donut-color-action-contrast-negative-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-idle) 13%, transparent );
    }
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-hover) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-inputs-select-contrast-negative-input-tags-container {
    gap: var(--donut-spacing-nano);
  }
  .core-inputs-slider-main-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-slider-main-primary-input-container {
    height: var(--donut-spacing-large);
  }
  .core-inputs-slider-main-primary-input-track-container {
    height: var(--donut-spacing-xsmall);
    max-height: 0.5rem;
    border-radius: var(--donut-border-radius-full);
    background-color: var(--donut-color-neutral-300);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-inputs-slider-main-primary-input-range-container {
    background-color: var(--donut-color-brand-main-primary-background);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-text);
    }
  }
  .core-inputs-slider-main-primary-input-thumb-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
    min-width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    background-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    box-shadow: var(--donut-box-shadow-medium);
    border-color: var(--donut-color-action-main-primary-idle);
    border-width: var(--donut-border-width-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-neutral-400);
      border-width: 0rem;
    }
  }
  .core-inputs-slider-main-negative-input-container {
    height: var(--donut-spacing-large);
  }
  .core-inputs-slider-main-negative-input-track-container {
    height: var(--donut-spacing-xsmall);
    max-height: 0.5rem;
    border-radius: var(--donut-border-radius-full);
    background-color: var(--donut-color-neutral-300);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-inputs-slider-main-negative-input-range-container {
    background-color: var(--donut-color-feedback-main-negative-background);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-text);
    }
  }
  .core-inputs-slider-main-negative-input-thumb-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
    min-width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    background-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    box-shadow: var(--donut-box-shadow-medium);
    border-color: var(--donut-color-action-main-negative-idle);
    border-width: var(--donut-border-width-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-neutral-400);
      border-width: 0rem;
    }
  }
  .core-inputs-slider-main-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-slider-contrast-primary-input-container {
    height: var(--donut-spacing-large);
  }
  .core-inputs-slider-contrast-primary-input-track-container {
    height: var(--donut-spacing-xsmall);
    max-height: 0.5rem;
    border-radius: var(--donut-border-radius-full);
    background-color: var(--donut-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-white) 50%, transparent );
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-inputs-slider-contrast-primary-input-range-container {
    background-color: var(--donut-color-brand-contrast-primary-background);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-inputs-slider-contrast-primary-input-thumb-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
    min-width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    background-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    box-shadow: var(--donut-box-shadow-medium);
    border-color: var(--donut-color-action-contrast-primary-idle);
    border-width: var(--donut-border-width-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-neutral-400);
      border-width: 0rem;
    }
  }
  .core-inputs-slider-contrast-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-slider-contrast-negative-input-container {
    height: var(--donut-spacing-large);
  }
  .core-inputs-slider-contrast-negative-input-track-container {
    height: var(--donut-spacing-xsmall);
    max-height: 0.5rem;
    border-radius: var(--donut-border-radius-full);
    background-color: var(--donut-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-white) 50%, transparent );
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-inputs-slider-contrast-negative-input-range-container {
    background-color: var(--donut-color-feedback-contrast-negative-background);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-inputs-slider-contrast-negative-input-thumb-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-large);
    min-width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    background-color: var(--donut-color-white);
    border-radius: var(--donut-border-radius-full);
    box-shadow: var(--donut-box-shadow-medium);
    border-color: var(--donut-color-action-contrast-negative-idle);
    border-width: var(--donut-border-width-small);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-neutral-400);
      border-width: 0rem;
    }
  }
  .core-inputs-slider-contrast-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-area-main-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-area-main-primary-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    min-height: 6rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-area-main-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-area-main-negative-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    min-height: 6rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-area-contrast-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-area-contrast-primary-input-container {
    background-color: var(--donut-color-action-contrast-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    min-height: 6rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-area-contrast-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-area-contrast-negative-input-container {
    background-color: var(--donut-color-action-contrast-negative-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-idle) 13%, transparent );
    }
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    min-height: 6rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-hover) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-main-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-main-primary-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-main-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-main-negative-input-container {
    background-color: var(--donut-color-action-main-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-contrast-primary-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-contrast-primary-input-container {
    background-color: var(--donut-color-action-contrast-neutral-idle);
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  .core-inputs-text-contrast-negative-container {
    gap: var(--donut-spacing-xsmall);
  }
  .core-inputs-text-contrast-negative-input-container {
    background-color: var(--donut-color-action-contrast-negative-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-idle) 13%, transparent );
    }
    border-radius: var(--donut-border-radius-small);
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-feedback-main-negative-border);
    height: 3rem;
    &:hover {
      background-color: var(--donut-color-action-contrast-negative-hover);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--donut-color-action-contrast-negative-hover) 13%, transparent );
      }
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
      border-width: 0rem;
    }
  }
  @keyframes modalSlideUp {
    from {
      opacity: 0%;
      transform: translateY(100%);
    }
    to {
      opacity: 100%;
      transform: translateY(0%);
    }
  }
  @keyframes modal-overlay-show {
    from {
      opacity: 0%;
    }
    to {
      opacity: 100%;
    }
  }
  .core-modal-main-small-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    padding-top: var(--donut-spacing-xxlarge);
    padding-bottom: var(--donut-spacing-xxlarge);
    padding-left: var(--donut-spacing-xxlarge);
    padding-right: var(--donut-spacing-xxlarge);
    max-width: 30rem;
    border-radius: var(--donut-border-radius-large);
  }
  .core-modal-main-medium-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    padding-top: var(--donut-spacing-xxlarge);
    padding-bottom: var(--donut-spacing-xxlarge);
    padding-left: var(--donut-spacing-xxlarge);
    padding-right: var(--donut-spacing-xxlarge);
    max-width: 37.5rem;
    border-radius: var(--donut-border-radius-large);
  }
  .core-modal-main-large-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    padding-top: var(--donut-spacing-xxlarge);
    padding-bottom: var(--donut-spacing-xxlarge);
    padding-left: var(--donut-spacing-xxlarge);
    padding-right: var(--donut-spacing-xxlarge);
    max-width: 50rem;
    border-radius: var(--donut-border-radius-large);
  }
  .core-modal-contrast-small-container {
    background-color: var(--donut-color-brand-contrast-neutral-surface);
    padding-top: var(--donut-spacing-xxlarge);
    padding-bottom: var(--donut-spacing-xxlarge);
    padding-left: var(--donut-spacing-xxlarge);
    padding-right: var(--donut-spacing-xxlarge);
    max-width: 30rem;
    border-radius: var(--donut-border-radius-large);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
  }
  .core-modal-contrast-medium-container {
    background-color: var(--donut-color-brand-contrast-neutral-surface);
    padding-top: var(--donut-spacing-xxlarge);
    padding-bottom: var(--donut-spacing-xxlarge);
    padding-left: var(--donut-spacing-xxlarge);
    padding-right: var(--donut-spacing-xxlarge);
    max-width: 37.5rem;
    border-radius: var(--donut-border-radius-large);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
  }
  .core-modal-contrast-large-container {
    background-color: var(--donut-color-brand-contrast-neutral-surface);
    padding-top: var(--donut-spacing-xxlarge);
    padding-bottom: var(--donut-spacing-xxlarge);
    padding-left: var(--donut-spacing-xxlarge);
    padding-right: var(--donut-spacing-xxlarge);
    max-width: 50rem;
    border-radius: var(--donut-border-radius-large);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-width: var(--donut-border-width-small);
  }
  .core-overlay-primary-container {
    background-color: var(--donut-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-black) 50%, transparent );
    }
  }
  .core-overlay-blurred-container {
    background-color: var(--donut-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--donut-color-black) 50%, transparent );
    }
    backdrop-filter: blur(1rem);
  }
  .core-paginations-pagination-main-container {
    gap: var(--donut-spacing-nano);
  }
  .core-paginations-pagination-contrast-container {
    gap: var(--donut-spacing-nano);
  }
  .core-paginations-step-main-container {
    gap: var(--donut-spacing-nano);
  }
  .core-paginations-step-main-indicator-active-container {
    height: var(--donut-spacing-nano);
    background-color: var(--donut-color-brand-main-primary-background);
  }
  .core-paginations-step-main-indicator-inactive-container {
    height: var(--donut-spacing-nano);
    background-color: var(--donut-color-disabled-main-background);
  }
  .core-paginations-step-contrast-container {
    gap: var(--donut-spacing-nano);
  }
  .core-paginations-step-contrast-indicator-active-container {
    height: var(--donut-spacing-nano);
    background-color: var(--donut-color-brand-contrast-primary-background);
  }
  .core-paginations-step-contrast-indicator-inactive-container {
    height: var(--donut-spacing-nano);
    background-color: var(--donut-color-disabled-contrast-background);
  }
  .core-progress-bar-main-container {
    height: var(--donut-spacing-nano);
    background-color: var(--donut-color-disabled-main-background);
  }
  .core-progress-bar-main-indicator-container {
    background-color: var(--donut-color-brand-main-primary-background);
  }
  .core-progress-bar-contrast-container {
    height: var(--donut-spacing-nano);
    background-color: var(--donut-color-disabled-contrast-background);
  }
  .core-progress-bar-contrast-indicator-container {
    background-color: var(--donut-color-brand-contrast-primary-background);
  }
  .core-shortcut-main-container {
    gap: var(--donut-spacing-nano);
  }
  .core-shortcut-main-parts-item-container {
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-main-neutral-border);
    height: 1.125rem;
    min-width: 1.25rem;
    border-radius: 0.125rem;
  }
  .core-shortcut-contrast-container {
    gap: var(--donut-spacing-nano);
  }
  .core-shortcut-contrast-parts-item-container {
    border-width: var(--donut-border-width-small);
    border-color: var(--donut-color-brand-contrast-neutral-border);
    border-radius: 0.125rem;
    height: 1.125rem;
    min-width: 1.25rem;
  }
  .core-tabs-main-container {
    gap: 0rem;
    min-height: 2.5rem;
    border-radius: var(--donut-border-radius-small);
  }
  .core-tabs-main-parts-item-horizontal-active-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    border-top-left-radius: var(--donut-border-radius-small);
    border-top-right-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tabs-main-parts-item-horizontal-inactive-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    border-top-left-radius: var(--donut-border-radius-small);
    border-top-right-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tabs-main-parts-item-vertical-active-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-nano);
    border-top-left-radius: var(--donut-border-radius-small);
    border-top-right-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tabs-main-parts-item-vertical-inactive-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-nano);
    border-top-left-radius: var(--donut-border-radius-small);
    border-top-right-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-main-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tabs-main-parts-decorator-active-container {
    background-color: var(--donut-color-brand-main-primary-background);
    height: 0.125rem;
  }
  .core-tabs-main-parts-decorator-inactive-container {
    background-color: var(--donut-color-brand-main-neutral-border);
    height: 0.125rem;
  }
  .core-tabs-contrast-container {
    gap: 0rem;
    min-height: 2.5rem;
    border-radius: var(--donut-border-radius-small);
  }
  .core-tabs-contrast-parts-item-horizontal-active-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    border-top-left-radius: var(--donut-border-radius-small);
    border-top-right-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-tabs-contrast-parts-item-horizontal-inactive-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xsmall);
    border-top-left-radius: var(--donut-border-radius-small);
    border-top-right-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-tabs-contrast-parts-item-vertical-active-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-nano);
    border-top-left-radius: var(--donut-border-radius-small);
    border-top-right-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-tabs-contrast-parts-item-vertical-inactive-container {
    padding-left: var(--donut-spacing-xsmall);
    padding-right: var(--donut-spacing-xsmall);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-nano);
    border-top-left-radius: var(--donut-border-radius-small);
    border-top-right-radius: var(--donut-border-radius-small);
    &:hover {
      background-color: var(--donut-color-action-contrast-neutral-hover);
    }
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-tabs-contrast-parts-decorator-active-container {
    background-color: var(--donut-color-brand-contrast-primary-background);
    height: 0.125rem;
  }
  .core-tabs-contrast-parts-decorator-inactive-container {
    background-color: var(--donut-color-brand-contrast-neutral-border);
    height: 0.125rem;
  }
  .core-tag-main-primary-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-brand-main-primary-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tag-main-neutral-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-brand-main-neutral-text-title);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tag-main-success-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-feedback-main-success-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tag-main-alert-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-feedback-main-alert-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tag-main-negative-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-feedback-main-negative-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tag-main-info-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-feedback-main-info-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-tag-main-custom-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
  }
  .core-tag-contrast-primary-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-brand-contrast-primary-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-tag-contrast-neutral-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-brand-contrast-neutral-text-title);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-tag-contrast-success-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-feedback-contrast-success-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-tag-contrast-alert-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-feedback-contrast-alert-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-tag-contrast-negative-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-feedback-contrast-negative-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-tag-contrast-info-container {
    height: 1.25rem;
    gap: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    background-color: var(--donut-color-feedback-contrast-info-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-toggle-main-checked-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-full);
    background-color: var(--donut-color-feedback-main-success-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-background);
    }
  }
  .core-toggle-main-checked-indicator-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
    background-color: var(--donut-color-white);
    box-shadow: var(--donut-box-shadow-medium);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-text);
    }
  }
  .core-toggle-main-unchecked-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-full);
    background-color: var(--donut-color-disabled-main-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
  }
  .core-toggle-main-unchecked-indicator-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
    background-color: var(--donut-color-white);
    box-shadow: var(--donut-box-shadow-medium);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-main-text);
    }
  }
  .core-toggle-contrast-checked-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-full);
    background-color: var(--donut-color-feedback-contrast-success-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-background);
    }
  }
  .core-toggle-contrast-checked-indicator-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
    background-color: var(--donut-color-white);
    box-shadow: var(--donut-box-shadow-medium);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-text);
    }
  }
  .core-toggle-contrast-unchecked-container {
    height: var(--donut-spacing-large);
    width: var(--donut-spacing-huge);
    border-radius: var(--donut-border-radius-full);
    background-color: var(--donut-color-disabled-contrast-background);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    padding-top: var(--donut-spacing-nano);
    padding-bottom: var(--donut-spacing-nano);
  }
  .core-toggle-contrast-unchecked-indicator-container {
    height: var(--donut-spacing-medium);
    width: var(--donut-spacing-medium);
    background-color: var(--donut-color-white);
    box-shadow: var(--donut-box-shadow-medium);
    border-radius: var(--donut-border-radius-full);
    &:disabled, &[aria-disabled="true"] {
      background-color: var(--donut-color-disabled-contrast-text);
    }
  }
  @keyframes tooltip-open {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .core-tooltip-main-container {
    background-color: var(--donut-color-brand-main-neutral-background);
    border-radius: var(--donut-border-radius-small);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    gap: var(--donut-spacing-xnano);
    box-shadow: var(--donut-box-shadow-medium);
  }
  .core-tooltip-main-arrow-content {
    color: var(--donut-color-brand-main-neutral-background);
  }
  .core-tooltip-contrast-container {
    background-color: var(--donut-color-action-main-neutral-text);
    padding-top: var(--donut-spacing-xsmall);
    padding-bottom: var(--donut-spacing-xsmall);
    padding-left: var(--donut-spacing-nano);
    padding-right: var(--donut-spacing-nano);
    border-radius: var(--donut-border-radius-small);
    gap: var(--donut-spacing-xnano);
    backdrop-filter: blur(1rem);
    box-shadow: var(--donut-box-shadow-medium);
  }
  .core-tooltip-contrast-arrow-content {
    color: var(--donut-color-action-main-neutral-text);
    backdrop-filter: blur(1rem);
  }
  .core-text-blocks-container {
    gap: var(--donut-spacing-medium);
    padding-top: var(--donut-spacing-medium);
    padding-bottom: var(--donut-spacing-medium);
  }
  .core-text-blocks-body-container {
    gap: var(--donut-spacing-nano);
  }
}
@layer components {
  .section-socialShare-container {
    gap: var(--donut-spacing-medium);
  }
  .section-socialShare-body-container {
    gap: var(--donut-spacing-xsmall);
  }
}
@layer components {
  .section-ageGate-container {
    gap: var(--donut-spacing-medium);
  }
  .section-ageGate-body-container {
    gap: var(--donut-spacing-xsmall);
  }
  .section-ageGate-body-buttons-container {
    gap: var(--donut-spacing-xsmall);
  }
}
@layer components {
  .section-contentText-container {
    gap: var(--donut-spacing-medium);
  }
}
@layer components {
  .section-cardStack-container {
    gap: var(--donut-spacing-medium);
  }
}
@layer components {
  .section-contentMedia-container {
    gap: 0rem;
  }
}
@layer components {
  .section-contentMedia-container {
    gap: 0rem;
  }
}
@layer components {
  .section-mediaGrid-container {
    gap: var(--donut-spacing-xlarge);
  }
  .section-mediaGrid-text-container {
    gap: var(--donut-spacing-nano);
  }
  .section-mediaGrid-grid-container {
    gap: var(--donut-spacing-large);
  }
}
@layer components {
  .section-productHero-container {
    gap: var(--donut-spacing-xlarge);
  }
  .section-productHero-body-container {
    gap: var(--donut-spacing-large);
  }
  .section-productHero-body-text-container {
    gap: var(--donut-spacing-small);
  }
  .section-productHero-body-selectors-container {
    gap: var(--donut-spacing-small);
  }
  .section-productHero-body-selectors-items {
    gap: var(--donut-spacing-medium);
  }
}
@layer components {
  .section-nutritionalInformation-container {
    gap: 0rem;
  }
  .section-nutritionalInformation-body-container {
    gap: var(--donut-spacing-medium);
  }
}
@layer components {
  .section-newsletterWidget-container {
    gap: 0rem;
  }
  .section-newsletterWidget-body-container {
    gap: var(--donut-spacing-large);
  }
  .section-newsletterWidget-body-form-container {
    gap: var(--donut-spacing-small);
  }
  .section-newsletterWidget-body-form-social-container {
    gap: var(--donut-spacing-xsmall);
  }
  .section-newsletterWidget-body-form-social-items-container {
    gap: var(--donut-spacing-medium);
  }
}
@layer components {
  .section-headline-container {
    gap: 0rem;
  }
}
@layer components {
  .section-faq-container {
    gap: var(--donut-spacing-huge);
    @media (width >= 48rem) {
      gap: 0rem;
    }
  }
  .section-faq-column1-container {
    gap: var(--donut-spacing-medium);
  }
  .section-faq-column2-container {
    gap: var(--donut-spacing-xhuge);
  }
  .section-faq-column2-items-container {
    gap: var(--donut-spacing-nano);
  }
}
@layer components {
  .section-mediaHub-container {
    gap: var(--donut-spacing-large);
    @media (width >= 48rem) {
      gap: var(--donut-spacing-xxhuge);
    }
  }
  .section-mediaHub-text-container {
    gap: var(--donut-spacing-small);
    @media (width >= 48rem) {
      gap: var(--donut-spacing-large);
    }
  }
  .section-mediaHub-form-container {
    gap: var(--donut-spacing-large);
    @media (width >= 48rem) {
      gap: var(--donut-spacing-xlarge);
    }
  }
  .section-mediaHub-grid-container {
    gap: var(--donut-spacing-xlarge);
    @media (width >= 48rem) {
      gap: var(--donut-spacing-huge);
    }
  }
}
@layer components {
  .section-notFound-container {
    gap: var(--donut-spacing-small);
  }
}
@layer components {
  .section-thematicHub-container {
    gap: var(--donut-spacing-huge);
  }
  .section-thematicHub-headline-container {
    gap: var(--donut-spacing-xsmall);
    @media (width >= 48rem) {
      gap: var(--donut-spacing-medium);
    }
  }
}
@layer components {
  .section-mediaEmbed-container {
    gap: var(--donut-spacing-large);
  }
  .section-mediaEmbed-text-container {
    gap: var(--donut-spacing-small);
  }
}
@layer components {
  .section-topicList-column1-container {
    gap: var(--donut-spacing-xlarge);
  }
  .section-topicList-column1-text-container {
    gap: var(--donut-spacing-nano);
  }
  .section-topicList-column1-options-container {
    gap: var(--donut-spacing-medium);
  }
  .section-topicList-column2-container {
    gap: var(--donut-spacing-large);
  }
}
@layer components {
  .section-mediaIcon-container {
    gap: var(--donut-spacing-xlarge);
  }
  .section-mediaIcon-text-container {
    gap: var(--donut-spacing-nano);
  }
  .section-mediaIcon-options-container {
    gap: var(--donut-spacing-medium);
  }
  .section-mediaIcon-options-item {
    gap: var(--donut-spacing-small);
  }
  .section-mediaIcon-actions-container {
    gap: var(--donut-spacing-small);
  }
}
@layer components {
  .section-lineSteps-container {
    gap: var(--donut-spacing-xlarge);
  }
  .section-lineSteps-text-container {
    gap: var(--donut-spacing-nano);
  }
}
@layer components {
  .section-recommendedContent-container {
    gap: var(--donut-spacing-xxlarge);
  }
  .section-recommendedContent-text-container {
    gap: var(--donut-spacing-small);
  }
  .section-recommendedContent-actions-container {
    gap: var(--donut-spacing-medium);
  }
}
@layer components {
  .section-goFind-container {
    gap: var(--donut-spacing-xlarge);
  }
  .section-goFind-text-container {
    gap: var(--donut-spacing-small);
  }
}
@layer components {
  .section-mediaPage-container {
    gap: var(--donut-spacing-xxhuge);
  }
}
@layer components {
  .section-mediaCarousel-container {
    gap: var(--donut-spacing-xxlarge);
  }
}
@layer components {
  .section-longText-container {
    gap: var(--donut-spacing-small);
  }
}
@layer components {
  .section-formPage-container {
    gap: 0rem;
  }
}
@layer components {
  .section-heroRecipe-container {
    gap: var(--donut-spacing-huge);
  }
}
@layer components {
  .section-iframe-container {
    gap: var(--donut-spacing-xlarge);
  }
}
@layer components {
  .section-linkLibrary-container {
    gap: var(--donut-spacing-xhuge);
  }
  .section-linkLibrary-items-container {
    gap: var(--donut-spacing-large);
  }
}
@layer components {
  .section-featuredCarousel-container {
    gap: var(--donut-spacing-xlarge);
  }
}
.content-image.start .text-column {
  order: 2;
  @media (min-width: 768px) {
    padding-left: 110px;
  }
}
.content-image .text-column {
  @media (max-width: 768px) {
    order: 2;
  }
}
.content-image .image-column {
  @media (max-width: 768px) {
    order: 1;
  }
}
.text-column.start {
  text-align: start;
  align-items: start;
}
.text-column.center {
  text-align: center;
  align-items: center;
  @media (min-width: 768px) {
    text-align: start;
    align-items: start;
  }
}
.content-video.start .text-column {
  order: 2;
  @media (min-width: 768px) {
    padding-left: 110px;
  }
}
.content-video .text-column {
  @media (max-width: 768px) {
    order: 2;
  }
}
.content-video .video-column {
  @media (max-width: 768px) {
    order: 1;
  }
}
.text-column.start {
  text-align: start;
  align-items: start;
}
.text-column.center {
  text-align: center;
  align-items: center;
  @media (min-width: 768px) {
    text-align: start;
    align-items: start;
  }
}
.age-gate {
  display: none;
}
body.age-hidden {
  visibility: hidden;
}
.shadow-right {
  box-shadow: 5px 5px 20px 8px rgb(35 34 34);
}
.content-text .start {
  align-items: start;
  text-align: left;
}
.content-text .center {
  align-items: center;
  text-align: center;
}
.content-text .end {
  align-items: end;
  text-align: right;
}
.content-text.background .overlay {
  display: flex;
}
.media-icon.start .text-column {
  @media (min-width: 768px) {
    order: 2;
    padding-left: 110px;
  }
}
.media-icon.start .image-column {
  @media (min-width: 768px) {
    order: 1;
  }
}
.card-stack .start {
  text-align: left;
}
.card-stack .center {
  text-align: center;
}
.card-stack .end {
  text-align: right;
}
.media-embed .end {
  flex-direction: column-reverse;
}
.icon[class*="large-container"] {
  display: block;
  font-size: var(--donut-font-size-large);
  line-height: var(--donut-line-height-xsmall);
}
.icon[class*="medium-container"] {
  display: block;
  font-size: var(--donut-font-size-small);
  line-height: var(--donut-line-height-xsmall);
}
.icon[class*="small-container"] {
  display: block;
  font-size: var(--donut-font-size-nano);
  line-height: var(--donut-line-height-xsmall);
}
.media-grid .start {
  text-align: left;
}
.media-grid .center {
  text-align: center;
}
.media-grid .end {
  text-align: right;
}
.media-carousel .start {
  text-align: left;
}
.media-carousel .center {
  text-align: center;
}
.media-carousel .end {
  text-align: right;
}
.media-carousel {
  position: relative;
}
.media-carousel .core-paginations-step-contrast-container {
  position: relative;
  z-index: 5;
  margin-top: 24px !important;
}
.media-carousel .swiper {
  overflow: visible !important;
}
.topic-list-simple .start {
  text-align: left;
}
.topic-list-simple .center {
  text-align: center;
}
.topic-list-simple .end {
  text-align: right;
}
.topic-list-complex .start {
  text-align: left;
}
.topic-list-complex .center {
  text-align: center;
}
.topic-list-complex .end {
  text-align: right;
}
.topic-item {
  transition: all 0.25s ease;
}
.topic-item.active {
  background-color: var(--donut-color-action-main-primary-hover);
  border: 2px solid var(--donut-color-feedback-main-info-text);
}
.line-steps .start {
  text-align: left;
}
.line-steps .center {
  text-align: center;
}
.line-steps .end {
  text-align: right;
}
.headline .start {
  align-items: start;
  text-align: left;
  > * ul {
    justify-content: flex-start;
  }
}
.headline .center {
  align-items: center;
  text-align: center;
  > * ul {
    justify-content: center;
  }
}
.headline .end {
  align-items: end;
  text-align: right;
  > * ul {
    justify-content: flex-end;
  }
}
.headline.background .overlay {
  display: flex;
}
.nutritional-information-image.start .column-table {
  order: 1;
  @media (min-width: 1280px) {
    padding-left: 110px;
  }
}
.nutritional-information-image.start .image-column {
  order: 2;
}
.nutritional-information-text.start .text-column {
  order: 2;
  @media (min-width: 1280px) {
    padding-left: 110px;
    padding-right: 0;
  }
}
.nutritional-information-text.start .column-table {
  order: 1;
  padding-left: 0px;
}
.media-hub .start {
  align-items: start;
  text-align: left;
}
.media-hub .center {
  align-items: center;
  text-align: center;
}
.media-hub .end {
  align-items: end;
  text-align: right;
}
.link-library .start {
  text-align: left;
}
.link-library .center {
  text-align: center;
}
.link-library .end {
  text-align: right;
}
.cards-previous-news .start {
  text-align: left;
}
.cards-previous-news .center {
  text-align: center;
}
.cards-previous-news .end {
  text-align: right;
}
.iframe .start {
  align-items: start;
  text-align: left;
}
.iframe .center {
  align-items: center;
  text-align: center;
}
.iframe .end {
  align-items: end;
  text-align: right;
}
.giant-iframe iframe {
  height: 80vh !important;
  width: 100% !important;
}
.large-iframe iframe {
  height: calc(100vh / 3 * 2) !important;
  width: 100% !important;
}
.medium-iframe iframe {
  height: 50vh !important;
  width: 100% !important;
}
.small-iframe iframe {
  height: calc(100vh / 3) !important;
  width: 100% !important;
}
.nano-iframe iframe {
  height: 160px !important;
  width: 100% !important;
}
.hero-media .flex-position {
  display: flex;
}
.hero-media .start {
  justify-content: flex-start;
  text-align: left;
}
.hero-media .center {
  justify-content: center;
  text-align: center;
}
.hero-media .end {
  justify-content: flex-end;
  text-align: right;
}
.hero-media .top {
  align-items: flex-start;
}
.hero-media .middle {
  align-items: center;
}
.hero-media .bottom {
  align-items: flex-end;
}
.header:not(.header-fixed) ~ main .hero-media .flex-position.bottom {
  padding-bottom: 35%;
}
@media (min-width: 768px) {
  .header:not(.header-fixed) ~ main .hero-media .flex-position.bottom {
    padding-bottom: 25%;
  }
}
@media (min-width: 1024px) {
  .header:not(.header-fixed) ~ main .hero-media .flex-position.bottom {
    padding-bottom: 12%;
  }
}
@media (min-width: 1660px) {
  .header:not(.header-fixed) ~ main .hero-media .flex-position.bottom {
    padding-bottom: 10%;
  }
}
.hero-split-media .flex-position {
  display: flex;
}
.hero-split-media .start {
  justify-content: flex-start;
  text-align: left;
}
.hero-split-media .center {
  justify-content: center;
  text-align: center;
}
.hero-split-media .end {
  justify-content: flex-end;
  text-align: right;
}
.hero-media-foreground .flex-position {
  display: flex;
}
.hero-media-foreground .start {
  justify-content: flex-start;
  text-align: left;
}
.hero-media-foreground .center {
  justify-content: center;
  text-align: center;
}
.hero-media-foreground .end {
  justify-content: flex-end;
  text-align: right;
}
.hero-media-foreground .top {
  align-items: flex-start;
}
.hero-media-foreground .middle {
  align-items: center;
}
.header.header-fixed ~ main .hero-media-foreground .flex-position.bottom {
  align-items: flex-end;
  margin-bottom: 13%;
  @media (min-width: 1024px) {
    margin-bottom: 5%;
  }
  @media (min-width: 1600px) {
    margin-bottom: 15%;
  }
}
.header:not(.header-fixed) ~ main .hero-media-foreground .flex-position.bottom {
  align-items: flex-end;
  margin-bottom: 28%;
  @media (min-width: 768px) {
    margin-bottom: 30%;
  }
  @media (min-width: 1024px) {
    margin-bottom: 20%;
  }
  @media (min-width: 1800px) {
    margin-bottom: 10%;
  }
}
.hero-media-foreground .column-reverse {
  .flex-position {
    justify-content: flex-end !important;
    text-align: right !important;
  }
  & > *:first-child {
    order: 2;
  }
  & > *:last-child {
    order: 1;
  }
}
.header.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.header.header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.thematic-hub .start {
  text-align: left;
}
.thematic-hub .center {
  text-align: center;
}
.thematic-hub .end {
  text-align: right;
}
.search-result .start {
  text-align: left;
}
.search-result .center {
  text-align: center;
}
.search-result .end {
  text-align: right;
}
#search-form {
  @media (max-width: 768px) {
    display: none;
  }
}
#search-wrapper-mobile {
  top: 3px;
}
#Btn-submit-mobile, #Btn-close-input-mobile {
  overflow: hidden !important;
  max-width: 100% !important;
  box-sizing: border-box;
  flex-shrink: 0;
}
.information-hub .start {
  text-align: left;
  align-items: start;
}
.information-hub .center {
  text-align: center;
  align-items: center;
}
.information-hub .end {
  text-align: right;
  align-items: end;
}
.icon-128 {
  width: 128px !important;
  height: 128px !important;
  font-size: 128px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#dynamic-buttons-container::-webkit-scrollbar {
  height: 2px;
}
#dynamic-buttons-container::-webkit-scrollbar-track {
  background: transparent;
}
#dynamic-buttons-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 9999px;
}
#dynamic-buttons-container {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.product-page .start {
  text-align: left;
  align-items: start;
}
.product-page .center {
  text-align: center;
  align-items: center;
}
.product-page .end {
  text-align: right;
  align-items: end;
}
.recommended-content .start {
  align-items: start;
  text-align: left;
}
.recommended-content .center {
  align-items: center;
  text-align: center;
}
.recommended-content .end {
  align-items: end;
  text-align: right;
}
.form-page.background .overlay {
  display: flex;
}
.forms-field.forms-hidden, .forms-fieldset.forms-hidden {
  display: none !important;
}
.gap-\[60px\] {
  gap: 60px;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-\[20\%\] {
  margin-top: 20%;
}
.mt-\[59px\] {
  margin-top: 59px;
}
.h-\[80vh\] {
  height: 80vh;
}
.top-9 {
  top: 2.25rem;
}
.top-10 {
  top: 2.5rem;
}
.top-\[20\%\] {
  top: 20%;
}
.top-\[10\%\] {
  top: 10%;
}
.left-5 {
  left: 1.25rem;
}
.right-5 {
  right: 1.25rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.w-\[344px\] {
  width: 344px;
}
.w-1\/2 {
  width: 50%;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.pb-\[124px\] {
  padding-bottom: 124px;
}
.hero-media-foreground .flex-position {
  display: flex;
}
.hero-media-foreground .start {
  justify-content: flex-start;
  text-align: left;
}
.hero-media-foreground .center {
  justify-content: center;
  text-align: center;
}
.hero-media-foreground .end {
  justify-content: flex-end;
  text-align: right;
}
.hero-media-foreground .top {
  align-items: flex-start;
}
.hero-media-foreground .middle {
  align-items: center;
}
.grecaptcha-badge {
  visibility: hidden !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-x-8 {
  --tw-border-spacing-x: 2rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.align-top {
  vertical-align: top;
}
.link-wrap {
  overflow-wrap: anywhere;
  word-break: break-all;
}
#btn-back-to-top label {
  opacity: 1;
  transform: translateX(0);
  max-width: 200px;
  overflow: hidden;
  transition: opacity 600ms ease, transform 600ms ease, max-width 600ms ease;
}
#btn-back-to-top.icon-only label {
  opacity: 0;
  transform: translateX(-6px);
  max-width: 0;
  pointer-events: none;
}
#btn-back-to-top.icon-only {
  gap: 0 !important;
  transition: gap 600ms ease;
}
.core-cta-container {
  gap: var(--donut-spacing-medium);
  padding-top: var(--donut-spacing-medium);
  padding-bottom: var(--donut-spacing-medium);
}
.core-cta-body-container {
  gap: var(--donut-spacing-nano);
}
.section-sectionListHub-container {
  gap: var(--donut-spacing-large);
}
.section-sectionListHub-text-container {
  gap: var(--donut-spacing-small);
}
.section-sectionListHub-form-container {
  gap: var(--donut-spacing-large);
}
.section-sectionListHub-grid-container {
  gap: var(--donut-spacing-xlarge);
}
@media (min-width: 768px) {
  .section-sectionListHub-grid-container {
    gap: var(--donut-spacing-huge);
  }
  .section-sectionListHub-form-container {
    gap: var(--donut-spacing-xlarge);
  }
  .section-sectionListHub-text-container {
    gap: var(--donut-spacing-large);
  }
  .section-sectionListHub-container {
    gap: var(--donut-spacing-xxhuge);
  }
  .header:not(.header-fixed)~main .hero-media .flex-position.bottom {
    padding-bottom: 25%;
  }
  #btn-back-to-top label {
    display: inline-flex !important;
  }
  .md\:h-\[500px\] {
    height: 500px;
  }
  .md\:h-\[calc\(90vh-96px\)\] {
    height: calc(90vh - 96px);
  }
  .md\:bottom-0 {
    bottom: 0px;
  }
  .md\:max-h-\[650px\] {
    max-height: 650px;
  }
  .md\:max-w-\[700px\] {
    max-width: 700px;
  }
  .md\:border-spacing-x-10 {
    --tw-border-spacing-x: 2.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:pb-8 {
    padding-bottom: 2rem;
  }
  .md\:mt-\[56px\] {
    margin-top: 56px;
  }
}
@media (min-width: 1024px) {
  .header:not(.header-fixed)~main .hero-media .flex-position.bottom {
    padding-bottom: 12%;
  }
  .lg\:block {
    display: block !important;
  }
}
@media (min-width: 1660px) {
  .header:not(.header-fixed)~main .hero-media .flex-position.bottom {
    padding-bottom: 10%;
  }
}
.media-page-blog .content-paragraph a {
  font-size: 18px !important;
}
.list {
  list-style-position: inside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 24px;
}
.list-icon {
  padding-left: 0;
}
.list-icon > li {
  display: flex;
  align-items: center;
}
.list-icon > li:not(:last-child) {
  margin-bottom: 0.75em;
}
.list-icon > li > .icon {
  margin-right: 12px;
  color: var(--donut-color-brand-main-primary-background);
}
.list-bullet {
  list-style-type: square;
}
.list-bullet > li::marker {
  width: 24px;
  color: var(--donut-color-brand-main-primary-background);
}
.list-ordered {
  list-style-type: decimal-leading-zero;
}
.list-ordered > li::marker {
  width: 24px;
  color: var(--donut-color-brand-main-primary-background);
  font-weight: 700;
}
.information-page .richtext a {
  font-weight: bold !important;
}
.timeline .swiper-desktop.swiper-slide {
  display: flex !important;
  transition-property: all !important;
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}