@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-Regular.woff") format("woff");
}

@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-Italic.woff") format("woff");
    font-style: italic;
}

@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-SemiBold.woff") format("woff");
    font-weight: 600;
}

@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-SemiBold.woff") format("woff");
    font-weight: 600;
}

@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
}

* {
    box-sizing: border-box;
}

melio-wrapper > div {
    isolation: isolate;
    display: block;
    font-family: var(--penny-fonts-primary);
    color: var(--penny-colors-semantic-text-primary);
    background: var(--penny-colors-semantic-surface-primary-rest);
    line-height: 1.5;
    text-rendering: optimizelegibility;
    touch-action: manipulation;
    height: 100%;
    min-height: 100%;
}

melio-wrapper > div a {
    background-color: transparent;
    color: inherit;
    text-decoration: inherit;
}

melio-wrapper > div abbr[title] {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    text-decoration: underline dotted;
}

melio-wrapper > div abbr[title] fallbacks {
    text-decoration: underline;
}

melio-wrapper > div b,
melio-wrapper > div strong {
    font-weight: 700;
}

melio-wrapper > div mark {
    background-color: transparent;
    color: inherit;
    font-weight: 700;
}

melio-wrapper > div small {
    font-size: 80%;
}

melio-wrapper > div sub,
melio-wrapper > div sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

melio-wrapper > div button,
melio-wrapper > div input,
melio-wrapper > div optgroup,
melio-wrapper > div select,
melio-wrapper > div textarea {
    font-family: var(--penny-fonts-inherit);
    font-size: 100%;
    line-height: inherit;
    margin: 0px;
    padding: 0px;
    color: inherit;
}

melio-wrapper > div button fallbacks,
melio-wrapper > div input fallbacks,
melio-wrapper > div optgroup fallbacks,
melio-wrapper > div select fallbacks,
melio-wrapper > div textarea fallbacks {
    line-height: 1.15;
}

melio-wrapper > div button,
melio-wrapper > div select {
    text-transform: none;
}

melio-wrapper > div button {
    background: transparent;
    padding: 0px;
    text-align: initial;
}

melio-wrapper > div h1,
melio-wrapper > div h2,
melio-wrapper > div h3,
melio-wrapper > div h4,
melio-wrapper > div h5,
melio-wrapper > div h6 {
    font-size: inherit;
    font-weight: inherit;
}

.css-2k1utu {
    color: var(--penny-colors-semantic-text-primary);
    font-family: var(--penny-fonts-primary);
    font-weight: 600;
}

.css-fopkcw {
    font-family: var(--penny-fonts-primary);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: var(--penny-colors-semantic-text-secondary);
}

.css-1uoi3l {
    margin-inline-start: var(--penny-space-xxs);
    font-family: var(--penny-fonts-primary);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--penny-colors-semantic-text-secondary);
}

.css-1ds8ztf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    transition: outline-color 0.1s ease-in-out;
    color: var(--penny-colors-semantic-text-primary);
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    background: var(--penny-colors-semantic-surface-primary-rest);
    font-family: var(--penny-fonts-primary);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    border-style: solid;
    border-width: 1px;
    border-color: var(--penny-colors-semantic-border-interactive-rest);
    border-radius: var(--penny-radii-semantic-input-default);
    padding-left: var(--penny-space-s);
    padding-right: var(--penny-space-none);
}

.css-18ktj7o {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    transition: outline-color 0.1s ease-in-out;
    color: var(--penny-colors-semantic-text-primary);
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    background: var(--penny-colors-semantic-surface-primary-rest);
    font-family: var(--penny-fonts-primary);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-semantic-border-interactive-rest);
    border-radius: var(--penny-radii-semantic-input-default);
    padding-left: var(--penny-space-s);
    padding-right: var(--penny-space-none);
    -webkit-text-security: disc;
}

.css-16q91u3 {
    display: inline-flex;
    border-radius: var(--penny-radii-global-50);
    outline-color: transparent;
    transition: outline-color 0.2s;
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: inherit;
}

.css-1gys06z {
    display: inline;
    text-decoration: underline;
    transition-property: color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    cursor: pointer;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-link-secondary-rest);
    font-family: var(--penny-fonts-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.css-1gys06z:hover,
.css-1gys06z[data-hover] {
    color: var(--penny-colors-semantic-link-secondary-hover);
    text-decoration: none;
}

.css-1gys06z:active,
.css-1gys06z[data-active] {
    color: var(--penny-colors-semantic-link-secondary-pressed);
    text-decoration: none;
}

.css-1gys06z:disabled:hover,
.css-1gys06z[disabled]:hover,
.css-1gys06z[aria-disabled="true"]:hover,
.css-1gys06z[data-disabled]:hover,
.css-1gys06z:disabled[data-hover],
.css-1gys06z[disabled][data-hover],
.css-1gys06z[aria-disabled="true"][data-hover],
.css-1gys06z[data-disabled][data-hover] {
    text-decoration: underline;
}

.css-1uvu7m7 {
    color: inherit;
    font-family: var(--penny-fonts-primary);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.css-p9mirs {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-s);
    padding-bottom: var(--penny-space-none);
    text-align: center;
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-6xpez {
    color: var(--penny-colors-semantic-text-primary);
    font-family: var(--penny-fonts-primary);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.css-j3ga3o {
    display: inline;
    text-decoration: underline;
    transition-property: color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    cursor: pointer;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-link-secondary-rest);
    font-family: var(--penny-fonts-primary);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.css-j3ga3o:hover,
.css-j3ga3o[data-hover] {
    color: var(--penny-colors-semantic-link-secondary-hover);
    text-decoration: none;
}

.css-j3ga3o:active,
.css-j3ga3o[data-active] {
    color: var(--penny-colors-semantic-link-secondary-pressed);
    text-decoration: none;
}

.css-j3ga3o:disabled:hover,
.css-j3ga3o[disabled]:hover,
.css-j3ga3o[aria-disabled="true"]:hover,
.css-j3ga3o[data-disabled]:hover,
.css-j3ga3o:disabled[data-hover],
.css-j3ga3o[disabled][data-hover],
.css-j3ga3o[aria-disabled="true"][data-hover],
.css-j3ga3o[data-disabled][data-hover] {
    text-decoration: underline;
}

.css-1rnfrxi {
    padding-left: var(--penny-space-s);
    padding-right: var(--penny-space-s);
    color: var(--penny-colors-semantic-text-primary);
    font-family: var(--penny-fonts-primary);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.css-ai4uzc {
    color: inherit;
    font-family: var(--penny-fonts-primary);
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.css-va7htr {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-none);
    padding-bottom: var(--penny-space-none);
    text-align: center;
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-14kz52j {
    color: var(--penny-colors-semantic-text-secondary);
    font-family: var(--penny-fonts-primary);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.css-104dmxm {
    color: var(--penny-colors-semantic-text-secondary);
    font-family: var(--penny-fonts-primary);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.css-6cr2i {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-l);
    padding-bottom: var(--penny-space-none);
    text-align: center;
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-1hmq9t4 {
    display: inline;
    text-decoration: underline;
    transition-property: color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    cursor: pointer;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit;
    width: fit-content;
    font-family: var(--penny-fonts-inherit);
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.css-1hmq9t4:hover,
.css-1hmq9t4[data-hover] {
    color: inherit;
    text-decoration: none;
}

.css-1hmq9t4:active,
.css-1hmq9t4[data-active] {
    color: inherit;
    text-decoration: none;
}

.css-1hmq9t4:disabled:hover,
.css-1hmq9t4[disabled]:hover,
.css-1hmq9t4[aria-disabled="true"]:hover,
.css-1hmq9t4[data-disabled]:hover,
.css-1hmq9t4:disabled[data-hover],
.css-1hmq9t4[disabled][data-hover],
.css-1hmq9t4[aria-disabled="true"][data-hover],
.css-1hmq9t4[data-disabled][data-hover] {
    text-decoration: underline;
}

.css-bz9ksp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    transition: outline-color 0.1s ease-in-out;
    color: var(--penny-colors-semantic-text-primary);
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    background: var(--penny-colors-semantic-surface-primary-rest);
    font-family: var(--penny-fonts-primary);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    border-style: solid;
    border-width: 1px;
    border-color: var(--penny-colors-semantic-border-interactive-rest);
    border-radius: var(--penny-radii-semantic-input-default);
    padding-left: var(--penny-space-s);
    padding-right: calc(52px);
    -webkit-text-security: disc;
}

melio-wrapper,
[data-theme] {
    --chakra-ring-inset: var(--chakra-empty,);
    --chakra-ring-offset-width: 0px;
    --chakra-ring-offset-color: #fff;
    --chakra-ring-color: rgba(66, 153, 225, 0.6);
    --chakra-ring-offset-shadow: 0 0 #0000;
    --chakra-ring-shadow: 0 0 #0000;
    --chakra-space-x-reverse: 0;
    --chakra-space-y-reverse: 0;
    --penny-colors-global-neutral-100: #ffffff;
    --penny-colors-global-neutral-200: #f8fafc;
    --penny-colors-global-neutral-300: #f1f5f8;
    --penny-colors-global-neutral-400: #e4e7ec;
    --penny-colors-global-neutral-500: #c3cad5;
    --penny-colors-global-neutral-600: #7c879c;
    --penny-colors-global-neutral-700: #646f87;
    --penny-colors-global-neutral-800: #475467;
    --penny-colors-global-neutral-900: #344054;
    --penny-colors-global-neutral-1000: #18191b;
    --penny-colors-global-neutral-a0: #ffffff00;
    --penny-colors-global-neutral-a1: #ffffff03;
    --penny-colors-global-neutral-a2: #ffffff05;
    --penny-colors-global-neutral-a5: #ffffff0d;
    --penny-colors-global-neutral-a10: #ffffff1a;
    --penny-colors-global-neutral-a15: #ffffff26;
    --penny-colors-global-neutral-a35: #ffffff59;
    --penny-colors-global-neutral-a50: #ffffff80;
    --penny-colors-global-neutral-a60: #ffffff99;
    --penny-colors-global-neutral-a65: #ffffffa6;
    --penny-colors-global-neutral-a75: #ffffffbf;
    --penny-colors-global-neutral-a80: #ffffffcc;
    --penny-colors-global-neutral-ad0: #18191b00;
    --penny-colors-global-neutral-ad1: #18191b03;
    --penny-colors-global-neutral-ad2: #18191b05;
    --penny-colors-global-neutral-ad5: #18191b0d;
    --penny-colors-global-neutral-ad10: #18191b1a;
    --penny-colors-global-neutral-ad15: #18191b26;
    --penny-colors-global-neutral-ad35: #18191b59;
    --penny-colors-global-neutral-ad50: #18191b80;
    --penny-colors-global-neutral-ad60: #18191b99;
    --penny-colors-global-neutral-ad65: #18191ba6;
    --penny-colors-global-neutral-ad75: #18191bbf;
    --penny-colors-global-neutral-ad80: #18191bcc;
    --penny-colors-global-brand-100: #f6f2fd;
    --penny-colors-global-brand-200: #e4dbff;
    --penny-colors-global-brand-300: #d9ccff;
    --penny-colors-global-brand-400: #c9b6ff;
    --penny-colors-global-brand-500: #b79eff;
    --penny-colors-global-brand-600: #9470ff;
    --penny-colors-global-brand-700: #7849ff;
    --penny-colors-global-brand-800: #5f33e6;
    --penny-colors-global-brand-900: #4315cb;
    --penny-colors-global-brand-1000: #321098;
    --penny-colors-global-brandsecondary-100: #f6f2fd;
    --penny-colors-global-brandsecondary-200: #e4dbff;
    --penny-colors-global-brandsecondary-300: #d9ccff;
    --penny-colors-global-brandsecondary-400: #c9b6ff;
    --penny-colors-global-brandsecondary-500: #b79eff;
    --penny-colors-global-brandsecondary-600: #9470ff;
    --penny-colors-global-brandsecondary-700: #7849ff;
    --penny-colors-global-brandsecondary-800: #5f33e6;
    --penny-colors-global-brandsecondary-900: #4315cb;
    --penny-colors-global-brandsecondary-1000: #321098;
    --penny-colors-global-warning-100: #fff8e6;
    --penny-colors-global-warning-200: #fff0ca;
    --penny-colors-global-warning-300: #ffe9b2;
    --penny-colors-global-warning-400: #ffe299;
    --penny-colors-global-warning-500: #ffd875;
    --penny-colors-global-warning-600: #fdc535;
    --penny-colors-global-warning-700: #fdb702;
    --penny-colors-global-warning-800: #e6a702;
    --penny-colors-global-warning-900: #b88501;
    --penny-colors-global-warning-1000: #986e01;
    --penny-colors-global-success-100: #dff5e7;
    --penny-colors-global-success-200: #b1e2c4;
    --penny-colors-global-success-300: #9bdab3;
    --penny-colors-global-success-400: #7dcf9d;
    --penny-colors-global-success-500: #54bf7e;
    --penny-colors-global-success-600: #41ae6c;
    --penny-colors-global-success-700: #028838;
    --penny-colors-global-success-800: #00702d;
    --penny-colors-global-success-900: #014b1f;
    --penny-colors-global-success-1000: #012811;
    --penny-colors-global-informative-100: #e6f0fe;
    --penny-colors-global-informative-200: #c7dafd;
    --penny-colors-global-informative-300: #b5cefc;
    --penny-colors-global-informative-400: #a2c1fb;
    --penny-colors-global-informative-500: #8fb4fa;
    --penny-colors-global-informative-600: #5484f8;
    --penny-colors-global-informative-700: #306af7;
    --penny-colors-global-informative-800: #2256d6;
    --penny-colors-global-informative-900: #0351c0;
    --penny-colors-global-informative-1000: #023d91;
    --penny-colors-global-critical-100: #fde7e9;
    --penny-colors-global-critical-200: #fac4c9;
    --penny-colors-global-critical-300: #f9b4ba;
    --penny-colors-global-critical-400: #f79ca4;
    --penny-colors-global-critical-500: #f57f89;
    --penny-colors-global-critical-600: #f14755;
    --penny-colors-global-critical-700: #d80e25;
    --penny-colors-global-critical-800: #c50c22;
    --penny-colors-global-critical-900: #8d0411;
    --penny-colors-global-critical-1000: #6d030d;
    --penny-colors-global-decorative-1: #ead6d4;
    --penny-colors-global-decorative-2: #ffe0d6;
    --penny-colors-global-decorative-3: #ffd0ea;
    --penny-colors-global-decorative-4: #d9e1fd;
    --penny-colors-global-decorative-5: #c9f8f8;
    --penny-colors-global-focus-primary: #0548cf;
    --penny-colors-global-focus-inverse: #3798f2;
    --penny-colors-semantic-background-primary: #ffffff;
    --penny-colors-semantic-background-secondary: #f8fafc;
    --penny-colors-semantic-background-brand-primary: #7849ff;
    --penny-colors-semantic-background-brand-secondary: #f6f2fd;
    --penny-colors-semantic-surface-primary-rest: #ffffff;
    --penny-colors-semantic-surface-primary-hover: #f1f5f8;
    --penny-colors-semantic-surface-primary-pressed: #e4e7ec;
    --penny-colors-semantic-surface-primary-selected: #f6f2fd;
    --penny-colors-semantic-surface-primary-disabled: #f1f5f8;
    --penny-colors-semantic-surface-secondary-rest: #f8fafc;
    --penny-colors-semantic-surface-secondary-hover: #e4e7ec;
    --penny-colors-semantic-surface-secondary-pressed: #c3cad5;
    --penny-colors-semantic-surface-secondary-selected: #f6f2fd;
    --penny-colors-semantic-surface-secondary-disabled: #f1f5f8;
    --penny-colors-semantic-surface-inverse: #18191b;
    --penny-colors-semantic-surface-tertiary-rest: #e4e7ec;
    --penny-colors-semantic-surface-tertiary-hover: #c3cad5;
    --penny-colors-semantic-surface-tertiary-pressed: #7c879c;
    --penny-colors-semantic-surface-tertiary-selected: #ffffff;
    --penny-colors-semantic-surface-tertiary-disabled: #f1f5f8;
    --penny-colors-semantic-action-primary-rest: #7849ff;
    --penny-colors-semantic-action-primary-hover: #5f33e6;
    --penny-colors-semantic-action-primary-pressed: #4315cb;
    --penny-colors-semantic-action-primary-disabled: #f1f5f8;
    --penny-colors-semantic-action-secondary-rest: #ffffff;
    --penny-colors-semantic-action-secondary-hover: #f6f2fd;
    --penny-colors-semantic-action-secondary-pressed: #e4dbff;
    --penny-colors-semantic-action-secondary-disabled: #f1f5f8;
    --penny-colors-semantic-action-tertiary-rest: #ffffff;
    --penny-colors-semantic-action-tertiary-hover: #f1f5f8;
    --penny-colors-semantic-action-tertiary-pressed: #e4e7ec;
    --penny-colors-semantic-action-tertiary-disabled: #f1f5f8;
    --penny-colors-semantic-action-success-rest: #028838;
    --penny-colors-semantic-action-success-hover: #00702d;
    --penny-colors-semantic-action-success-pressed: #014b1f;
    --penny-colors-semantic-action-success-disabled: #f1f5f8;
    --penny-colors-semantic-action-criticalprimary-rest: #d80e25;
    --penny-colors-semantic-action-criticalprimary-hover: #c50c22;
    --penny-colors-semantic-action-criticalprimary-pressed: #8d0411;
    --penny-colors-semantic-action-criticalprimary-disabled: #f1f5f8;
    --penny-colors-semantic-action-criticalsecondary-rest: #ffffff;
    --penny-colors-semantic-action-criticalsecondary-hover: #fde7e9;
    --penny-colors-semantic-action-criticalsecondary-pressed: #fac4c9;
    --penny-colors-semantic-action-criticalsecondary-disabled: #f1f5f8;
    --penny-colors-semantic-action-inverseprimary-rest: #ffffff;
    --penny-colors-semantic-action-inverseprimary-hover: #ffffffcc;
    --penny-colors-semantic-action-inverseprimary-pressed: #ffffff99;
    --penny-colors-semantic-action-inverseprimary-disabled: #f1f5f8;
    --penny-colors-semantic-action-inversesecondary-rest: #ffffff00;
    --penny-colors-semantic-action-inversesecondary-hover: #ffffff26;
    --penny-colors-semantic-action-inversesecondary-pressed: #ffffff59;
    --penny-colors-semantic-action-inversesecondary-disabled: #f1f5f8;
    --penny-colors-semantic-action-inversetertiary-rest: #ffffff00;
    --penny-colors-semantic-action-inversetertiary-hover: #ffffff26;
    --penny-colors-semantic-action-inversetertiary-pressed: #ffffff59;
    --penny-colors-semantic-action-inversetertiary-disabled: #f1f5f8;
    --penny-colors-semantic-fill-primary: #ffffff;
    --penny-colors-semantic-fill-secondary: #f1f5f8;
    --penny-colors-semantic-fill-tertiary: #e4e7ec;
    --penny-colors-semantic-fill-disabled: #f1f5f8;
    --penny-colors-semantic-fill-inverse: #18191b;
    --penny-colors-semantic-fill-readonly: #646f87;
    --penny-colors-semantic-fill-brand-primary: #7849ff;
    --penny-colors-semantic-fill-brand-secondary: #f6f2fd;
    --penny-colors-semantic-fill-informative-primary: #306af7;
    --penny-colors-semantic-fill-informative-secondary: #e6f0fe;
    --penny-colors-semantic-fill-critical-primary: #d80e25;
    --penny-colors-semantic-fill-critical-secondary: #fde7e9;
    --penny-colors-semantic-fill-success-primary: #028838;
    --penny-colors-semantic-fill-success-secondary: #dff5e7;
    --penny-colors-semantic-fill-warning-primary: #fdb702;
    --penny-colors-semantic-fill-warning-secondary: #fff8e6;
    --penny-colors-semantic-fill-decorative-1: #ead6d4;
    --penny-colors-semantic-fill-decorative-2: #ffe0d6;
    --penny-colors-semantic-fill-decorative-3: #ffd0ea;
    --penny-colors-semantic-fill-decorative-4: #d9e1fd;
    --penny-colors-semantic-fill-decorative-5: #c9f8f8;
    --penny-colors-semantic-text-primary: #18191b;
    --penny-colors-semantic-text-secondary: #646f87;
    --penny-colors-semantic-text-inverse: #ffffff;
    --penny-colors-semantic-text-disabled: #c3cad5;
    --penny-colors-semantic-text-brand-rest: #7849ff;
    --penny-colors-semantic-text-brand-hover: #5f33e6;
    --penny-colors-semantic-text-brand-pressed: #4315cb;
    --penny-colors-semantic-text-brand-oncolor: #4315cb;
    --penny-colors-semantic-text-informative-rest: #306af7;
    --penny-colors-semantic-text-informative-hover: #2256d6;
    --penny-colors-semantic-text-informative-pressed: #0351c0;
    --penny-colors-semantic-text-informative-oncolor: #0351c0;
    --penny-colors-semantic-text-critical-rest: #d80e25;
    --penny-colors-semantic-text-critical-hover: #c50c22;
    --penny-colors-semantic-text-critical-pressed: #8d0411;
    --penny-colors-semantic-text-critical-oncolor: #8d0411;
    --penny-colors-semantic-text-success-rest: #028838;
    --penny-colors-semantic-text-success-hover: #00702d;
    --penny-colors-semantic-text-success-pressed: #014b1f;
    --penny-colors-semantic-text-success-oncolor: #014b1f;
    --penny-colors-semantic-link-primary-rest: #18191b;
    --penny-colors-semantic-link-primary-hover: #18191b;
    --penny-colors-semantic-link-primary-pressed: #646f87;
    --penny-colors-semantic-link-primary-disabled: #c3cad5;
    --penny-colors-semantic-link-secondary-rest: #7849ff;
    --penny-colors-semantic-link-secondary-hover: #5f33e6;
    --penny-colors-semantic-link-secondary-pressed: #4315cb;
    --penny-colors-semantic-link-secondary-disabled: #c3cad5;
    --penny-colors-semantic-link-inverse-rest: #ffffff;
    --penny-colors-semantic-link-inverse-hover: #ffffffcc;
    --penny-colors-semantic-link-inverse-pressed: #ffffff99;
    --penny-colors-semantic-link-inverse-disabled: #ffffff59;
    --penny-colors-semantic-border-static: #e4e7ec;
    --penny-colors-semantic-border-interactive-rest: #7c879c;
    --penny-colors-semantic-border-interactive-hover: #18191b;
    --penny-colors-semantic-border-interactive-selected: #7849ff;
    --penny-colors-semantic-border-interactive-disabled: #e4e7ec;
    --penny-colors-semantic-border-inverse: #ffffff;
    --penny-colors-semantic-border-brand: #7849ff;
    --penny-colors-semantic-border-critical: #d80e25;
    --penny-colors-semantic-border-success: #028838;
    --penny-colors-semantic-border-warning: #fdb702;
    --penny-colors-semantic-border-informative: #306af7;
    --penny-colors-semantic-border-neutral: #18191b;
    --penny-colors-semantic-icon-primary: #18191b;
    --penny-colors-semantic-icon-disabled: #c3cad5;
    --penny-colors-semantic-icon-readonly: #646f87;
    --penny-colors-semantic-icon-inverse: #ffffff;
    --penny-colors-semantic-icon-inversedisabled: #ffffff59;
    --penny-colors-semantic-icon-brand: #7849ff;
    --penny-colors-semantic-icon-informative: #306af7;
    --penny-colors-semantic-icon-critical: #d80e25;
    --penny-colors-semantic-icon-success: #028838;
    --penny-colors-semantic-icon-warning: #fdb702;
    --penny-colors-semantic-illustration-background: #ffffff;
    --penny-colors-semantic-illustration-border: #18191b;
    --penny-colors-semantic-illustration-critical: #d80e25;
    --penny-colors-semantic-illustration-success: #028838;
    --penny-colors-semantic-illustration-brand-primary: #7849ff;
    --penny-colors-semantic-illustration-brand-secondary: #f6f2fd;
    --penny-colors-semantic-focus-primary: #0548cf;
    --penny-colors-semantic-focus-inverse: #3798f2;
    --penny-colors-component-button-textprimary-rest-label: #18191b;
    --penny-colors-component-button-textprimary-hover-label: #7849ff;
    --penny-colors-component-button-textprimary-pressed-label: #5f33e6;
    --penny-colors-component-button-textprimary-disabled-label: #c3cad5;
    --penny-colors-component-button-textsecondary-rest-label: #7849ff;
    --penny-colors-component-button-textsecondary-hover-label: #5f33e6;
    --penny-colors-component-button-textsecondary-pressed-label: #4315cb;
    --penny-colors-component-button-textsecondary-disabled-label: #c3cad5;
    --penny-colors-component-button-textcritical-rest-label: #d80e25;
    --penny-colors-component-button-textcritical-hover-label: #c50c22;
    --penny-colors-component-button-textcritical-pressed-label: #8d0411;
    --penny-colors-component-button-textcritical-disabled-label: #c3cad5;
    --penny-colors-component-button-textinverse-rest-label: #ffffff;
    --penny-colors-component-button-textinverse-hover-label: #ffffffcc;
    --penny-colors-component-button-textinverse-pressed-label: #ffffff99;
    --penny-colors-component-button-textinverse-disabled-label: #ffffff59;
    --penny-colors-component-button-primary-rest-border: #ffffff;
    --penny-colors-component-button-primary-rest-background: #7849ff;
    --penny-colors-component-button-primary-rest-content: #ffffff;
    --penny-colors-component-button-primary-hover-border: #ffffff;
    --penny-colors-component-button-primary-hover-background: #5f33e6;
    --penny-colors-component-button-primary-hover-content: #ffffff;
    --penny-colors-component-button-primary-pressed-border: #ffffff;
    --penny-colors-component-button-primary-pressed-background: #4315cb;
    --penny-colors-component-button-primary-pressed-content: #ffffff;
    --penny-colors-component-button-primary-loading-border: #ffffff;
    --penny-colors-component-button-primary-loading-background: #5f33e6;
    --penny-colors-component-button-primary-loading-content: #ffffff;
    --penny-colors-component-button-primary-disabled-border: #ffffff;
    --penny-colors-component-button-primary-disabled-background: #f1f5f8;
    --penny-colors-component-button-primary-disabled-content: #c3cad5;
    --penny-colors-component-button-secondary-rest-border: #7849ff;
    --penny-colors-component-button-secondary-rest-background: #ffffff;
    --penny-colors-component-button-secondary-rest-content: #7849ff;
    --penny-colors-component-button-secondary-hover-border: #7849ff;
    --penny-colors-component-button-secondary-hover-background: #f6f2fd;
    --penny-colors-component-button-secondary-hover-content: #5f33e6;
    --penny-colors-component-button-secondary-pressed-border: #7849ff;
    --penny-colors-component-button-secondary-pressed-background: #e4dbff;
    --penny-colors-component-button-secondary-pressed-content: #4315cb;
    --penny-colors-component-button-secondary-loading-border: #7849ff;
    --penny-colors-component-button-secondary-loading-background: #f6f2fd;
    --penny-colors-component-button-secondary-loading-content: #5f33e6;
    --penny-colors-component-button-secondary-disabled-border: #ffffff;
    --penny-colors-component-button-secondary-disabled-background: #f1f5f8;
    --penny-colors-component-button-secondary-disabled-content: #c3cad5;
    --penny-colors-component-button-tertiary-rest-border: #7c879c;
    --penny-colors-component-button-tertiary-rest-background: #ffffff;
    --penny-colors-component-button-tertiary-rest-content: #18191b;
    --penny-colors-component-button-tertiary-hover-border: #18191b;
    --penny-colors-component-button-tertiary-hover-background: #f1f5f8;
    --penny-colors-component-button-tertiary-hover-content: #18191b;
    --penny-colors-component-button-tertiary-pressed-border: #7c879c;
    --penny-colors-component-button-tertiary-pressed-background: #e4e7ec;
    --penny-colors-component-button-tertiary-pressed-content: #18191b;
    --penny-colors-component-button-tertiary-loading-border: #7c879c;
    --penny-colors-component-button-tertiary-loading-background: #f1f5f8;
    --penny-colors-component-button-tertiary-loading-content: #18191b;
    --penny-colors-component-button-tertiary-disabled-border: #ffffff;
    --penny-colors-component-button-tertiary-disabled-background: #f1f5f8;
    --penny-colors-component-button-tertiary-disabled-content: #c3cad5;
    --penny-colors-component-button-critical-rest-border: #ffffff;
    --penny-colors-component-button-critical-rest-background: #d80e25;
    --penny-colors-component-button-critical-rest-content: #ffffff;
    --penny-colors-component-button-critical-hover-border: #ffffff;
    --penny-colors-component-button-critical-hover-background: #c50c22;
    --penny-colors-component-button-critical-hover-content: #ffffff;
    --penny-colors-component-button-critical-pressed-border: #ffffff;
    --penny-colors-component-button-critical-pressed-background: #8d0411;
    --penny-colors-component-button-critical-pressed-content: #ffffff;
    --penny-colors-component-button-critical-loading-border: #ffffff;
    --penny-colors-component-button-critical-loading-background: #c50c22;
    --penny-colors-component-button-critical-loading-content: #ffffff;
    --penny-colors-component-button-critical-disabled-border: #ffffff;
    --penny-colors-component-button-critical-disabled-background: #f1f5f8;
    --penny-colors-component-button-critical-disabled-content: #c3cad5;
    --penny-colors-component-button-criticalsecondary-rest-border: #d80e25;
    --penny-colors-component-button-criticalsecondary-rest-background: #ffffff;
    --penny-colors-component-button-criticalsecondary-rest-content: #d80e25;
    --penny-colors-component-button-criticalsecondary-hover-border: #d80e25;
    --penny-colors-component-button-criticalsecondary-hover-background: #fde7e9;
    --penny-colors-component-button-criticalsecondary-hover-content: #c50c22;
    --penny-colors-component-button-criticalsecondary-pressed-border: #d80e25;
    --penny-colors-component-button-criticalsecondary-pressed-background: #fac4c9;
    --penny-colors-component-button-criticalsecondary-pressed-content: #8d0411;
    --penny-colors-component-button-criticalsecondary-loading-border: #d80e25;
    --penny-colors-component-button-criticalsecondary-loading-background: #fde7e9;
    --penny-colors-component-button-criticalsecondary-loading-content: #c50c22;
    --penny-colors-component-button-criticalsecondary-disabled-border: #ffffff;
    --penny-colors-component-button-criticalsecondary-disabled-background: #f1f5f8;
    --penny-colors-component-button-criticalsecondary-disabled-content: #c3cad5;
    --penny-colors-component-button-primaryinverse-rest-border: #18191b;
    --penny-colors-component-button-primaryinverse-rest-background: #ffffff;
    --penny-colors-component-button-primaryinverse-rest-content: #7849ff;
    --penny-colors-component-button-primaryinverse-hover-border: #18191b;
    --penny-colors-component-button-primaryinverse-hover-background: #ffffffcc;
    --penny-colors-component-button-primaryinverse-hover-content: #5f33e6;
    --penny-colors-component-button-primaryinverse-pressed-border: #18191b;
    --penny-colors-component-button-primaryinverse-pressed-background: #ffffff99;
    --penny-colors-component-button-primaryinverse-pressed-content: #4315cb;
    --penny-colors-component-button-primaryinverse-loading-border: #18191b;
    --penny-colors-component-button-primaryinverse-loading-background: #ffffffcc;
    --penny-colors-component-button-primaryinverse-loading-content: #5f33e6;
    --penny-colors-component-button-primaryinverse-disabled-border: #18191b;
    --penny-colors-component-button-primaryinverse-disabled-background: #f1f5f8;
    --penny-colors-component-button-primaryinverse-disabled-content: #c3cad5;
    --penny-colors-component-button-secondaryinverse-rest-border: #ffffff;
    --penny-colors-component-button-secondaryinverse-rest-background: #ffffff00;
    --penny-colors-component-button-secondaryinverse-rest-content: #ffffff;
    --penny-colors-component-button-secondaryinverse-hover-border: #ffffff;
    --penny-colors-component-button-secondaryinverse-hover-background: #ffffff26;
    --penny-colors-component-button-secondaryinverse-hover-content: #ffffff;
    --penny-colors-component-button-secondaryinverse-pressed-border: #ffffff;
    --penny-colors-component-button-secondaryinverse-pressed-background: #ffffff59;
    --penny-colors-component-button-secondaryinverse-pressed-content: #ffffff;
    --penny-colors-component-button-secondaryinverse-loading-border: #ffffff;
    --penny-colors-component-button-secondaryinverse-loading-background: #ffffff26;
    --penny-colors-component-button-secondaryinverse-loading-content: #ffffff;
    --penny-colors-component-button-secondaryinverse-disabled-border: #18191b;
    --penny-colors-component-button-secondaryinverse-disabled-background: #f1f5f8;
    --penny-colors-component-button-secondaryinverse-disabled-content: #c3cad5;
    --penny-colors-component-iconbutton-primary-rest-border: #ffffff;
    --penny-colors-component-iconbutton-primary-rest-background: #7849ff;
    --penny-colors-component-iconbutton-primary-rest-content: #ffffff;
    --penny-colors-component-iconbutton-primary-hover-border: #ffffff;
    --penny-colors-component-iconbutton-primary-hover-background: #5f33e6;
    --penny-colors-component-iconbutton-primary-hover-content: #ffffff;
    --penny-colors-component-iconbutton-primary-pressed-border: #ffffff;
    --penny-colors-component-iconbutton-primary-pressed-background: #4315cb;
    --penny-colors-component-iconbutton-primary-pressed-content: #ffffff;
    --penny-colors-component-iconbutton-primary-loading-border: #ffffff;
    --penny-colors-component-iconbutton-primary-loading-background: #5f33e6;
    --penny-colors-component-iconbutton-primary-loading-content: #ffffff;
    --penny-colors-component-iconbutton-primary-disabled-border: #ffffff;
    --penny-colors-component-iconbutton-primary-disabled-background: #f1f5f8;
    --penny-colors-component-iconbutton-primary-disabled-content: #c3cad5;
    --penny-colors-component-iconbutton-secondary-rest-border: #7849ff;
    --penny-colors-component-iconbutton-secondary-rest-background: #ffffff;
    --penny-colors-component-iconbutton-secondary-rest-content: #7849ff;
    --penny-colors-component-iconbutton-secondary-hover-border: #7849ff;
    --penny-colors-component-iconbutton-secondary-hover-background: #f6f2fd;
    --penny-colors-component-iconbutton-secondary-hover-content: #5f33e6;
    --penny-colors-component-iconbutton-secondary-pressed-border: #7849ff;
    --penny-colors-component-iconbutton-secondary-pressed-background: #e4dbff;
    --penny-colors-component-iconbutton-secondary-pressed-content: #4315cb;
    --penny-colors-component-iconbutton-secondary-loading-border: #7849ff;
    --penny-colors-component-iconbutton-secondary-loading-background: #f6f2fd;
    --penny-colors-component-iconbutton-secondary-loading-content: #5f33e6;
    --penny-colors-component-iconbutton-secondary-disabled-border: #ffffff;
    --penny-colors-component-iconbutton-secondary-disabled-background: #f1f5f8;
    --penny-colors-component-iconbutton-secondary-disabled-content: #c3cad5;
    --penny-colors-component-iconbutton-tertiary-rest-border: #7c879c;
    --penny-colors-component-iconbutton-tertiary-rest-background: #ffffff;
    --penny-colors-component-iconbutton-tertiary-rest-content: #18191b;
    --penny-colors-component-iconbutton-tertiary-hover-border: #18191b;
    --penny-colors-component-iconbutton-tertiary-hover-background: #f1f5f8;
    --penny-colors-component-iconbutton-tertiary-hover-content: #18191b;
    --penny-colors-component-iconbutton-tertiary-pressed-border: #7c879c;
    --penny-colors-component-iconbutton-tertiary-pressed-background: #e4e7ec;
    --penny-colors-component-iconbutton-tertiary-pressed-content: #18191b;
    --penny-colors-component-iconbutton-tertiary-loading-border: #7c879c;
    --penny-colors-component-iconbutton-tertiary-loading-background: #f1f5f8;
    --penny-colors-component-iconbutton-tertiary-loading-content: #18191b;
    --penny-colors-component-iconbutton-tertiary-disabled-border: #ffffff;
    --penny-colors-component-iconbutton-tertiary-disabled-background: #f1f5f8;
    --penny-colors-component-iconbutton-tertiary-disabled-content: #c3cad5;
    --penny-colors-component-iconbutton-critical-rest-border: #ffffff;
    --penny-colors-component-iconbutton-critical-rest-background: #d80e25;
    --penny-colors-component-iconbutton-critical-rest-content: #ffffff;
    --penny-colors-component-iconbutton-critical-hover-border: #ffffff;
    --penny-colors-component-iconbutton-critical-hover-background: #c50c22;
    --penny-colors-component-iconbutton-critical-hover-content: #ffffff;
    --penny-colors-component-iconbutton-critical-pressed-border: #ffffff;
    --penny-colors-component-iconbutton-critical-pressed-background: #8d0411;
    --penny-colors-component-iconbutton-critical-pressed-content: #ffffff;
    --penny-colors-component-iconbutton-critical-loading-border: #ffffff;
    --penny-colors-component-iconbutton-critical-loading-background: #c50c22;
    --penny-colors-component-iconbutton-critical-loading-content: #ffffff;
    --penny-colors-component-iconbutton-critical-disabled-border: #ffffff;
    --penny-colors-component-iconbutton-critical-disabled-background: #f1f5f8;
    --penny-colors-component-iconbutton-critical-disabled-content: #c3cad5;
    --penny-colors-component-iconbutton-criticalsecondary-rest-border: #d80e25;
    --penny-colors-component-iconbutton-criticalsecondary-rest-background: #ffffff;
    --penny-colors-component-iconbutton-criticalsecondary-rest-content: #d80e25;
    --penny-colors-component-iconbutton-criticalsecondary-hover-border: #d80e25;
    --penny-colors-component-iconbutton-criticalsecondary-hover-background: #fde7e9;
    --penny-colors-component-iconbutton-criticalsecondary-hover-content: #c50c22;
    --penny-colors-component-iconbutton-criticalsecondary-pressed-border: #d80e25;
    --penny-colors-component-iconbutton-criticalsecondary-pressed-background: #fac4c9;
    --penny-colors-component-iconbutton-criticalsecondary-pressed-content: #8d0411;
    --penny-colors-component-iconbutton-criticalsecondary-loading-border: #d80e25;
    --penny-colors-component-iconbutton-criticalsecondary-loading-background: #fde7e9;
    --penny-colors-component-iconbutton-criticalsecondary-loading-content: #c50c22;
    --penny-colors-component-iconbutton-criticalsecondary-disabled-border: #ffffff;
    --penny-colors-component-iconbutton-criticalsecondary-disabled-background: #f1f5f8;
    --penny-colors-component-iconbutton-criticalsecondary-disabled-content: #c3cad5;
    --penny-colors-component-iconbutton-primaryinverse-rest-border: #18191b;
    --penny-colors-component-iconbutton-primaryinverse-rest-background: #ffffff;
    --penny-colors-component-iconbutton-primaryinverse-rest-content: #7849ff;
    --penny-colors-component-iconbutton-primaryinverse-hover-border: #18191b;
    --penny-colors-component-iconbutton-primaryinverse-hover-background: #ffffffcc;
    --penny-colors-component-iconbutton-primaryinverse-hover-content: #5f33e6;
    --penny-colors-component-iconbutton-primaryinverse-pressed-border: #18191b;
    --penny-colors-component-iconbutton-primaryinverse-pressed-background: #ffffff99;
    --penny-colors-component-iconbutton-primaryinverse-pressed-content: #4315cb;
    --penny-colors-component-iconbutton-primaryinverse-loading-border: #18191b;
    --penny-colors-component-iconbutton-primaryinverse-loading-background: #ffffffcc;
    --penny-colors-component-iconbutton-primaryinverse-loading-content: #5f33e6;
    --penny-colors-component-iconbutton-primaryinverse-disabled-border: #18191b;
    --penny-colors-component-iconbutton-primaryinverse-disabled-background: #f1f5f8;
    --penny-colors-component-iconbutton-primaryinverse-disabled-content: #c3cad5;
    --penny-colors-component-iconbutton-secondaryinverse-rest-border: #ffffff;
    --penny-colors-component-iconbutton-secondaryinverse-rest-background: #ffffff00;
    --penny-colors-component-iconbutton-secondaryinverse-rest-content: #ffffff;
    --penny-colors-component-iconbutton-secondaryinverse-hover-border: #ffffff;
    --penny-colors-component-iconbutton-secondaryinverse-hover-background: #ffffff26;
    --penny-colors-component-iconbutton-secondaryinverse-hover-content: #ffffff;
    --penny-colors-component-iconbutton-secondaryinverse-pressed-border: #ffffff;
    --penny-colors-component-iconbutton-secondaryinverse-pressed-background: #ffffff59;
    --penny-colors-component-iconbutton-secondaryinverse-pressed-content: #ffffff;
    --penny-colors-component-iconbutton-secondaryinverse-loading-border: #ffffff;
    --penny-colors-component-iconbutton-secondaryinverse-loading-background: #ffffff26;
    --penny-colors-component-iconbutton-secondaryinverse-loading-content: #ffffff;
    --penny-colors-component-iconbutton-secondaryinverse-disabled-border: #18191b;
    --penny-colors-component-iconbutton-secondaryinverse-disabled-background: #f1f5f8;
    --penny-colors-component-iconbutton-secondaryinverse-disabled-content: #c3cad5;
    --penny-colors-component-tab-default-rest-label: #646f87;
    --penny-colors-component-tab-default-rest-border: #e4e7ec;
    --penny-colors-component-tab-default-rest-background: #ffffff00;
    --penny-colors-component-tab-default-pressed-label: #4315cb;
    --penny-colors-component-tab-default-pressed-border: #e4e7ec;
    --penny-colors-component-tab-default-pressed-background: #ffffff00;
    --penny-colors-component-tab-default-hover-label: #5f33e6;
    --penny-colors-component-tab-default-hover-border: #e4e7ec;
    --penny-colors-component-tab-default-hover-background: #ffffff00;
    --penny-colors-component-tab-default-selected-label: #7849ff;
    --penny-colors-component-tab-default-selected-border: #7849ff;
    --penny-colors-component-tab-default-selected-background: #ffffff00;
    --penny-colors-component-tab-neutral-rest-label: #646f87;
    --penny-colors-component-tab-neutral-rest-border: #e4e7ec;
    --penny-colors-component-tab-neutral-rest-background: #ffffff00;
    --penny-colors-component-tab-neutral-pressed-label: #18191b;
    --penny-colors-component-tab-neutral-pressed-border: #e4e7ec;
    --penny-colors-component-tab-neutral-pressed-background: #ffffff00;
    --penny-colors-component-tab-neutral-hover-label: #18191b;
    --penny-colors-component-tab-neutral-hover-border: #e4e7ec;
    --penny-colors-component-tab-neutral-hover-background: #ffffff00;
    --penny-colors-component-tab-neutral-selected-label: #18191b;
    --penny-colors-component-tab-neutral-selected-border: #18191b;
    --penny-colors-component-tab-neutral-selected-background: #ffffff00;
    --penny-colors-component-pill-secondarywarning-rest-label: #18191b;
    --penny-colors-component-pill-secondarywarning-rest-border: #ffffff00;
    --penny-colors-component-pill-secondarywarning-rest-background: #fff8e6;
    --penny-colors-component-pill-secondarycritical-rest-label: #8d0411;
    --penny-colors-component-pill-secondarycritical-rest-border: #ffffff00;
    --penny-colors-component-pill-secondarycritical-rest-background: #fde7e9;
    --penny-colors-component-pill-secondarysuccess-rest-label: #014b1f;
    --penny-colors-component-pill-secondarysuccess-rest-border: #ffffff00;
    --penny-colors-component-pill-secondarysuccess-rest-background: #dff5e7;
    --penny-colors-component-pill-secondaryneutral-rest-label: #18191b;
    --penny-colors-component-pill-secondaryneutral-rest-border: #ffffff00;
    --penny-colors-component-pill-secondaryneutral-rest-background: #f1f5f8;
    --penny-colors-component-pill-secondarybrand-rest-label: #4315cb;
    --penny-colors-component-pill-secondarybrand-rest-border: #ffffff00;
    --penny-colors-component-pill-secondarybrand-rest-background: #f6f2fd;
    --penny-colors-component-pill-secondaryinformative-rest-label: #0351c0;
    --penny-colors-component-pill-secondaryinformative-rest-border: #ffffff00;
    --penny-colors-component-pill-secondaryinformative-rest-background: #e6f0fe;
    --penny-borders-global-25: 1px solid;
    --penny-borders-global-50: 2px solid;
    --penny-borders-global-none: 0px solid;
    --penny-borders-semantic-action-default: 1px solid;
    --penny-borders-semantic-container-default: 1px solid;
    --penny-borders-semantic-input-default: 1px solid;
    --penny-borders-semantic-focus: 2px solid;
    --penny-borders-component-button-primary-rest: 0px solid;
    --penny-borders-component-button-primary-hover: 0px solid;
    --penny-borders-component-button-primary-pressed: 0px solid;
    --penny-borders-component-button-primary-disabled: 0px solid;
    --penny-borders-component-button-primary-loading: 0px solid;
    --penny-borders-component-button-secondary-rest: 1px solid;
    --penny-borders-component-button-secondary-hover: 1px solid;
    --penny-borders-component-button-secondary-pressed: 1px solid;
    --penny-borders-component-button-secondary-loading: 1px solid;
    --penny-borders-component-button-secondary-disabled: 0px solid;
    --penny-borders-component-button-tertiary-rest: 1px solid;
    --penny-borders-component-button-tertiary-hover: 1px solid;
    --penny-borders-component-button-tertiary-pressed: 1px solid;
    --penny-borders-component-button-tertiary-loading: 1px solid;
    --penny-borders-component-button-tertiary-disabled: 0px solid;
    --penny-borders-component-button-critical-rest: 0px solid;
    --penny-borders-component-button-critical-hover: 0px solid;
    --penny-borders-component-button-critical-pressed: 0px solid;
    --penny-borders-component-button-critical-loading: 0px solid;
    --penny-borders-component-button-critical-disabled: 0px solid;
    --penny-borders-component-button-criticalsecondary-rest: 1px solid;
    --penny-borders-component-button-criticalsecondary-hover: 1px solid;
    --penny-borders-component-button-criticalsecondary-pressed: 1px solid;
    --penny-borders-component-button-criticalsecondary-loading: 1px solid;
    --penny-borders-component-button-criticalsecondary-disabled: 0px solid;
    --penny-borders-component-button-primaryinverse-rest: 0px solid;
    --penny-borders-component-button-primaryinverse-hover: 0px solid;
    --penny-borders-component-button-primaryinverse-pressed: 0px solid;
    --penny-borders-component-button-primaryinverse-loading: 0px solid;
    --penny-borders-component-button-primaryinverse-disabled: 0px solid;
    --penny-borders-component-button-secondaryinverse-rest: 1px solid;
    --penny-borders-component-button-secondaryinverse-hover: 1px solid;
    --penny-borders-component-button-secondaryinverse-pressed: 1px solid;
    --penny-borders-component-button-secondaryinverse-loading: 1px solid;
    --penny-borders-component-button-secondaryinverse-disabled: 0px solid;
    --penny-borders-component-iconbutton-primary-rest: 0px solid;
    --penny-borders-component-iconbutton-primary-hover: 0px solid;
    --penny-borders-component-iconbutton-primary-pressed: 0px solid;
    --penny-borders-component-iconbutton-primary-disabled: 0px solid;
    --penny-borders-component-iconbutton-primary-loading: 0px solid;
    --penny-borders-component-iconbutton-secondary-rest: 1px solid;
    --penny-borders-component-iconbutton-secondary-hover: 1px solid;
    --penny-borders-component-iconbutton-secondary-pressed: 1px solid;
    --penny-borders-component-iconbutton-secondary-disabled: 0px solid;
    --penny-borders-component-iconbutton-secondary-loading: 1px solid;
    --penny-borders-component-iconbutton-tertiary-rest: 1px solid;
    --penny-borders-component-iconbutton-tertiary-hover: 1px solid;
    --penny-borders-component-iconbutton-tertiary-pressed: 1px solid;
    --penny-borders-component-iconbutton-tertiary-disabled: 0px solid;
    --penny-borders-component-iconbutton-tertiary-loading: 1px solid;
    --penny-borders-component-iconbutton-critical-rest: 0px solid;
    --penny-borders-component-iconbutton-critical-hover: 0px solid;
    --penny-borders-component-iconbutton-critical-pressed: 0px solid;
    --penny-borders-component-iconbutton-critical-disabled: 0px solid;
    --penny-borders-component-iconbutton-critical-loading: 0px solid;
    --penny-borders-component-iconbutton-criticalsecondary-rest: 1px solid;
    --penny-borders-component-iconbutton-criticalsecondary-hover: 1px solid;
    --penny-borders-component-iconbutton-criticalsecondary-pressed: 1px solid;
    --penny-borders-component-iconbutton-criticalsecondary-disabled: 0px solid;
    --penny-borders-component-iconbutton-criticalsecondary-loading: 1px solid;
    --penny-borders-component-iconbutton-primaryinverse-rest: 0px solid;
    --penny-borders-component-iconbutton-primaryinverse-hover: 0px solid;
    --penny-borders-component-iconbutton-primaryinverse-pressed: 0px solid;
    --penny-borders-component-iconbutton-primaryinverse-disabled: 0px solid;
    --penny-borders-component-iconbutton-primaryinverse-loading: 0px solid;
    --penny-borders-component-iconbutton-secondaryinverse-rest: 1px solid;
    --penny-borders-component-iconbutton-secondaryinverse-hover: 1px solid;
    --penny-borders-component-iconbutton-secondaryinverse-pressed: 1px solid;
    --penny-borders-component-iconbutton-secondaryinverse-disabled: 0px solid;
    --penny-borders-component-iconbutton-secondaryinverse-loading: 1px solid;
    --penny-borders-component-pill-secondarywarning-rest: 0px solid;
    --penny-borders-component-pill-secondarycritical-rest: 0px solid;
    --penny-borders-component-pill-secondarysuccess-rest: 0px solid;
    --penny-borders-component-pill-secondaryneutral-rest: 0px solid;
    --penny-borders-component-pill-secondarybrand-rest: 0px solid;
    --penny-borders-component-pill-secondaryinformative-rest: 0px solid;
    --penny-fonts-primary: Poppins, system-ui, sans-serif;
    --penny-fonts-secondary: Poppins, system-ui, sans-serif;
    --penny-fonts-inherit: inherit;
    --penny-radii-global-50: 2px;
    --penny-radii-global-75: 3px;
    --penny-radii-global-100: 4px;
    --penny-radii-global-200: 8px;
    --penny-radii-global-300: 12px;
    --penny-radii-global-400: 16px;
    --penny-radii-global-600: 24px;
    --penny-radii-global-none: 0;
    --penny-radii-global-full: 9999px;
    --penny-radii-semantic-action-default: 8px;
    --penny-radii-semantic-input-default: 8px;
    --penny-radii-component-pill-default: 9999px;
    --penny-radii-component-card-default: 8px;
    --penny-radii-component-container-default: 24px;
    --penny-radii-component-navigationitem-default: 8px;
    --penny-radii-component-sectionbanner-default: 8px;
    --penny-radii-component-basemodal-default: 16px;
    --penny-radii-component-bottomsheet-default: 16px;
    --penny-space-none: 0;
    --penny-space-xxxs: 2px;
    --penny-space-xxs: 4px;
    --penny-space-xs: 8px;
    --penny-space-xs-s: 12px;
    --penny-space-s: 16px;
    --penny-space-s-m: 20px;
    --penny-space-m: 24px;
    --penny-space-l: 32px;
    --penny-space-xl: 40px;
    --penny-space-xxl: 48px;
    --penny-space-xxxl: 72px;
    --penny-shadows-0: none;
    --penny-shadows-200: 1px 0px 0px #d8d8d8;
    --penny-shadows-300: 0px -5px 15px rgba(33, 33, 36, 0.05);
    --penny-shadows-400: 0px 5px 10px rgba(33, 33, 36, 0.1);
    --penny-shadows-500: 0px 5px 15px rgba(33, 33, 36, 0.1);
    --penny-shadows-600: 0px 5px 15px rgba(33, 33, 36, 0.2);
    --penny-sizes-full: 100%;
    --penny-zindices-hide: -1;
    --penny-zindices-auto: auto;
    --penny-zindices-base: 0;
    --penny-zindices-docked: 10;
    --penny-zindices-dropdown: 1000;
    --penny-zindices-sticky: 1100;
    --penny-zindices-banner: 1200;
    --penny-zindices-overlay: 1300;
    --penny-zindices-modal: 1400;
    --penny-zindices-popover: 1500;
    --penny-zindices-skiplink: 1600;
    --penny-zindices-tooltip: 1800;
    --penny-breakpoints-xs: 0px;
    --penny-breakpoints-s: 600px;
    --penny-breakpoints-m: 905px;
    --penny-breakpoints-l: 1240px;
    --penny-breakpoints-xl: 1440px;
}

melio-wrapper > div .emphasize {
    color: var(--penny-colors-global-neutral-900);
    font-style: inherit;
}

melio-wrapper > div legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0px;
    white-space: normal;
}

.css-1uaqjub {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-none);
    padding-bottom: var(--penny-space-none);
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-15vxuu2 {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-xl);
    padding-inline-end: var(--penny-space-xl);
    padding-top: var(--penny-space-l);
    padding-bottom: var(--penny-space-l);
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-17cd4f4 {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-none);
    padding-bottom: var(--penny-space-none);
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: visible;
    display: block;
    position: initial;
    top: initial;
}

.css-jrf4q2 {
    width: 100%;
    margin-inline: auto;
    max-width: 480px;
    padding-inline-start: var(--penny-space-xl);
    padding-inline-end: var(--penny-space-xl);
    padding-top: var(--penny-space-l);
    padding-bottom: var(--penny-space-l);
    border-color: var(--penny-colors-semantic-border-static);
    border-radius: var(--penny-radii-component-container-default);
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    height: auto;
    overflow: visible;
    display: block;
    position: initial;
    top: initial;
}

.css-2ck755 {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-none);
    padding-bottom: var(--penny-space-none);
    -webkit-box-align: center;
    align-items: center;
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: flex;
    position: initial;
    top: initial;
}

.css-1qn9hql {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-s);
    padding-bottom: var(--penny-space-none);
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: visible;
    display: block;
    position: initial;
    top: initial;
}

.css-fopkcw[aria-invalid="true"],
.css-fopkcw[data-invalid] {
    color: var(--penny-colors-semantic-text-critical-rest);
}

.css-fopkcw:disabled,
.css-fopkcw[disabled],
.css-fopkcw[aria-disabled="true"],
.css-fopkcw[data-disabled] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1uoi3l[aria-invalid="true"],
.css-1uoi3l[data-invalid] {
    color: var(--penny-colors-semantic-text-critical-rest);
}

.css-1uoi3l:disabled,
.css-1uoi3l[disabled],
.css-1uoi3l[aria-disabled="true"],
.css-1uoi3l[data-disabled] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf:hover,
.css-1ds8ztf[data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-hover);
}

.css-1ds8ztf:focus,
.css-1ds8ztf[data-focus] {
    outline-style: solid;
    outline-offset: 2px;
    outline-color: var(--penny-colors-semantic-focus-primary);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-semantic-border-brand);
}

.css-1ds8ztf:focus-within,
.css-1ds8ztf[data-focus-within] {
    outline-style: solid;
    outline-offset: 2px;
    outline-color: var(--penny-colors-semantic-focus-primary);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-semantic-border-brand);
}

.css-1ds8ztf::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-secondary);
}

.css-1ds8ztf::placeholder,
.css-1ds8ztf[data-placeholder] {
    color: var(--penny-colors-semantic-text-secondary);
}

.css-1ds8ztf[aria-readonly="true"],
.css-1ds8ztf[readonly],
.css-1ds8ztf[data-readonly] {
    cursor: auto;
    user-select: all;
    color: var(--penny-colors-semantic-text-secondary);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    box-shadow: none !important;
}

.css-1ds8ztf[aria-readonly="true"]:focus,
.css-1ds8ztf[readonly]:focus,
.css-1ds8ztf[data-readonly]:focus,
.css-1ds8ztf[aria-readonly="true"][data-focus],
.css-1ds8ztf[readonly][data-focus],
.css-1ds8ztf[data-readonly][data-focus] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-1ds8ztf[data-view-mode="true"] {
    cursor: auto;
    user-select: all;
    pointer-events: none;
    color: var(--penny-colors-semantic-text-primary);
    border-color: transparent;
    padding-left: var(--penny-space-none);
    padding-right: var(--penny-space-none);
    height: auto;
    background-color: transparent;
    box-shadow: none !important;
}

.css-1ds8ztf[data-view-mode="true"]:hover,
.css-1ds8ztf[data-view-mode="true"][data-hover] {
    border-color: transparent;
}

.css-1ds8ztf[data-view-mode="true"]:disabled,
.css-1ds8ztf[data-view-mode="true"][disabled],
.css-1ds8ztf[data-view-mode="true"][aria-disabled="true"],
.css-1ds8ztf[data-view-mode="true"][data-disabled] {
    border-color: transparent;
}

.css-1ds8ztf[data-view-mode="true"][data-loading="true"] {
    border-color: transparent;
}

.css-1ds8ztf[data-view-mode="true"]:hover {
    cursor: auto;
    user-select: all;
    pointer-events: none;
    color: var(--penny-colors-semantic-text-primary);
    border-color: transparent;
    padding-left: var(--penny-space-none);
    padding-right: var(--penny-space-none);
    height: auto;
    background-color: transparent;
    box-shadow: none !important;
}

.css-1ds8ztf[data-view-mode="true"]:hover:hover,
.css-1ds8ztf[data-view-mode="true"]:hover[data-hover] {
    border-color: transparent;
}

.css-1ds8ztf[data-view-mode="true"]:hover:disabled,
.css-1ds8ztf[data-view-mode="true"]:hover[disabled],
.css-1ds8ztf[data-view-mode="true"]:hover[aria-disabled="true"],
.css-1ds8ztf[data-view-mode="true"]:hover[data-disabled] {
    border-color: transparent;
}

.css-1ds8ztf[data-view-mode="true"]:hover[data-loading="true"] {
    border-color: transparent;
}

.css-1ds8ztf[data-view-mode="true"]:focus {
    cursor: auto;
    user-select: all;
    pointer-events: none;
    color: var(--penny-colors-semantic-text-primary);
    border-color: transparent;
    padding-left: var(--penny-space-none);
    padding-right: var(--penny-space-none);
    height: auto;
    background-color: transparent;
    box-shadow: none !important;
}

.css-1ds8ztf[data-view-mode="true"]:focus:hover,
.css-1ds8ztf[data-view-mode="true"]:focus[data-hover] {
    border-color: transparent;
}

.css-1ds8ztf[data-view-mode="true"]:focus:disabled,
.css-1ds8ztf[data-view-mode="true"]:focus[disabled],
.css-1ds8ztf[data-view-mode="true"]:focus[aria-disabled="true"],
.css-1ds8ztf[data-view-mode="true"]:focus[data-disabled] {
    border-color: transparent;
}

.css-1ds8ztf[data-view-mode="true"]:focus[data-loading="true"] {
    border-color: transparent;
}

.css-1ds8ztf:disabled,
.css-1ds8ztf[disabled],
.css-1ds8ztf[aria-disabled="true"],
.css-1ds8ztf[data-disabled] {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-text-disabled);
    cursor: default;
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-1ds8ztf:disabled:hover,
.css-1ds8ztf[disabled]:hover,
.css-1ds8ztf[aria-disabled="true"]:hover,
.css-1ds8ztf[data-disabled]:hover,
.css-1ds8ztf:disabled[data-hover],
.css-1ds8ztf[disabled][data-hover],
.css-1ds8ztf[aria-disabled="true"][data-hover],
.css-1ds8ztf[data-disabled][data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-1ds8ztf:disabled::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf[disabled]::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf[aria-disabled="true"]::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf[data-disabled]::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf:disabled::placeholder,
.css-1ds8ztf[disabled]::placeholder,
.css-1ds8ztf[aria-disabled="true"]::placeholder,
.css-1ds8ztf[data-disabled]::placeholder,
.css-1ds8ztf:disabled[data-placeholder],
.css-1ds8ztf[disabled][data-placeholder],
.css-1ds8ztf[aria-disabled="true"][data-placeholder],
.css-1ds8ztf[data-disabled][data-placeholder] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf:disabled[data-loading="true"],
.css-1ds8ztf[disabled][data-loading="true"],
.css-1ds8ztf[aria-disabled="true"][data-loading="true"],
.css-1ds8ztf[data-disabled][data-loading="true"] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
}

.css-1ds8ztf:disabled[data-view-mode="true"],
.css-1ds8ztf[disabled][data-view-mode="true"],
.css-1ds8ztf[aria-disabled="true"][data-view-mode="true"],
.css-1ds8ztf[data-disabled][data-view-mode="true"] {
    border-color: transparent;
    background-color: transparent;
}

.css-1ds8ztf:disabled:hover,
.css-1ds8ztf[disabled]:hover,
.css-1ds8ztf[aria-disabled="true"]:hover,
.css-1ds8ztf[data-disabled]:hover {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-text-disabled);
    cursor: default;
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-1ds8ztf:disabled:hover:hover,
.css-1ds8ztf[disabled]:hover:hover,
.css-1ds8ztf[aria-disabled="true"]:hover:hover,
.css-1ds8ztf[data-disabled]:hover:hover,
.css-1ds8ztf:disabled:hover[data-hover],
.css-1ds8ztf[disabled]:hover[data-hover],
.css-1ds8ztf[aria-disabled="true"]:hover[data-hover],
.css-1ds8ztf[data-disabled]:hover[data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-1ds8ztf:disabled:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf[disabled]:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf[aria-disabled="true"]:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf[data-disabled]:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf:disabled:hover::placeholder,
.css-1ds8ztf[disabled]:hover::placeholder,
.css-1ds8ztf[aria-disabled="true"]:hover::placeholder,
.css-1ds8ztf[data-disabled]:hover::placeholder,
.css-1ds8ztf:disabled:hover[data-placeholder],
.css-1ds8ztf[disabled]:hover[data-placeholder],
.css-1ds8ztf[aria-disabled="true"]:hover[data-placeholder],
.css-1ds8ztf[data-disabled]:hover[data-placeholder] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf:disabled:hover[data-loading="true"],
.css-1ds8ztf[disabled]:hover[data-loading="true"],
.css-1ds8ztf[aria-disabled="true"]:hover[data-loading="true"],
.css-1ds8ztf[data-disabled]:hover[data-loading="true"] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
}

.css-1ds8ztf:disabled:hover[data-view-mode="true"],
.css-1ds8ztf[disabled]:hover[data-view-mode="true"],
.css-1ds8ztf[aria-disabled="true"]:hover[data-view-mode="true"],
.css-1ds8ztf[data-disabled]:hover[data-view-mode="true"] {
    border-color: transparent;
    background-color: transparent;
}

.css-1ds8ztf:disabled:focus,
.css-1ds8ztf[disabled]:focus,
.css-1ds8ztf[aria-disabled="true"]:focus,
.css-1ds8ztf[data-disabled]:focus {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-text-disabled);
    cursor: default;
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-1ds8ztf:disabled:focus:hover,
.css-1ds8ztf[disabled]:focus:hover,
.css-1ds8ztf[aria-disabled="true"]:focus:hover,
.css-1ds8ztf[data-disabled]:focus:hover,
.css-1ds8ztf:disabled:focus[data-hover],
.css-1ds8ztf[disabled]:focus[data-hover],
.css-1ds8ztf[aria-disabled="true"]:focus[data-hover],
.css-1ds8ztf[data-disabled]:focus[data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-1ds8ztf:disabled:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf[disabled]:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf[aria-disabled="true"]:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf[data-disabled]:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf:disabled:focus::placeholder,
.css-1ds8ztf[disabled]:focus::placeholder,
.css-1ds8ztf[aria-disabled="true"]:focus::placeholder,
.css-1ds8ztf[data-disabled]:focus::placeholder,
.css-1ds8ztf:disabled:focus[data-placeholder],
.css-1ds8ztf[disabled]:focus[data-placeholder],
.css-1ds8ztf[aria-disabled="true"]:focus[data-placeholder],
.css-1ds8ztf[data-disabled]:focus[data-placeholder] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-1ds8ztf:disabled:focus[data-loading="true"],
.css-1ds8ztf[disabled]:focus[data-loading="true"],
.css-1ds8ztf[aria-disabled="true"]:focus[data-loading="true"],
.css-1ds8ztf[data-disabled]:focus[data-loading="true"] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
}

.css-1ds8ztf:disabled:focus[data-view-mode="true"],
.css-1ds8ztf[disabled]:focus[data-view-mode="true"],
.css-1ds8ztf[aria-disabled="true"]:focus[data-view-mode="true"],
.css-1ds8ztf[data-disabled]:focus[data-view-mode="true"] {
    border-color: transparent;
    background-color: transparent;
}

.css-1ds8ztf[aria-invalid="true"],
.css-1ds8ztf[data-invalid] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-1ds8ztf[aria-invalid="true"]:hover,
.css-1ds8ztf[data-invalid]:hover,
.css-1ds8ztf[aria-invalid="true"][data-hover],
.css-1ds8ztf[data-invalid][data-hover] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-1ds8ztf[aria-invalid="true"]:hover,
.css-1ds8ztf[data-invalid]:hover {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-1ds8ztf[aria-invalid="true"]:hover:hover,
.css-1ds8ztf[data-invalid]:hover:hover,
.css-1ds8ztf[aria-invalid="true"]:hover[data-hover],
.css-1ds8ztf[data-invalid]:hover[data-hover] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-1ds8ztf[aria-invalid="true"]:focus,
.css-1ds8ztf[data-invalid]:focus {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-1ds8ztf[aria-invalid="true"]:focus:hover,
.css-1ds8ztf[data-invalid]:focus:hover,
.css-1ds8ztf[aria-invalid="true"]:focus[data-hover],
.css-1ds8ztf[data-invalid]:focus[data-hover] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-18ktj7o:hover,
.css-18ktj7o[data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-hover);
}

.css-18ktj7o:focus,
.css-18ktj7o[data-focus] {
    outline-style: solid;
    outline-offset: 2px;
    outline-color: var(--penny-colors-semantic-focus-primary);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-semantic-border-brand);
}

.css-18ktj7o:focus-within,
.css-18ktj7o[data-focus-within] {
    outline-style: solid;
    outline-offset: 2px;
    outline-color: var(--penny-colors-semantic-focus-primary);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-semantic-border-brand);
}

.css-18ktj7o::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-secondary);
}

.css-18ktj7o::placeholder,
.css-18ktj7o[data-placeholder] {
    color: var(--penny-colors-semantic-text-secondary);
}

.css-18ktj7o[aria-readonly="true"],
.css-18ktj7o[readonly],
.css-18ktj7o[data-readonly] {
    cursor: auto;
    user-select: all;
    color: var(--penny-colors-semantic-text-secondary);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    box-shadow: none !important;
}

.css-18ktj7o[aria-readonly="true"]:focus,
.css-18ktj7o[readonly]:focus,
.css-18ktj7o[data-readonly]:focus,
.css-18ktj7o[aria-readonly="true"][data-focus],
.css-18ktj7o[readonly][data-focus],
.css-18ktj7o[data-readonly][data-focus] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-18ktj7o[data-view-mode="true"] {
    cursor: auto;
    user-select: all;
    pointer-events: none;
    color: var(--penny-colors-semantic-text-primary);
    border-color: transparent;
    padding-left: var(--penny-space-none);
    padding-right: var(--penny-space-none);
    height: auto;
    background-color: transparent;
    box-shadow: none !important;
}

.css-18ktj7o[data-view-mode="true"]:hover,
.css-18ktj7o[data-view-mode="true"][data-hover] {
    border-color: transparent;
}

.css-18ktj7o[data-view-mode="true"]:disabled,
.css-18ktj7o[data-view-mode="true"][disabled],
.css-18ktj7o[data-view-mode="true"][aria-disabled="true"],
.css-18ktj7o[data-view-mode="true"][data-disabled] {
    border-color: transparent;
}

.css-18ktj7o[data-view-mode="true"][data-loading="true"] {
    border-color: transparent;
}

.css-18ktj7o[data-view-mode="true"]:hover {
    cursor: auto;
    user-select: all;
    pointer-events: none;
    color: var(--penny-colors-semantic-text-primary);
    border-color: transparent;
    padding-left: var(--penny-space-none);
    padding-right: var(--penny-space-none);
    height: auto;
    background-color: transparent;
    box-shadow: none !important;
}

.css-18ktj7o[data-view-mode="true"]:hover:hover,
.css-18ktj7o[data-view-mode="true"]:hover[data-hover] {
    border-color: transparent;
}

.css-18ktj7o[data-view-mode="true"]:hover:disabled,
.css-18ktj7o[data-view-mode="true"]:hover[disabled],
.css-18ktj7o[data-view-mode="true"]:hover[aria-disabled="true"],
.css-18ktj7o[data-view-mode="true"]:hover[data-disabled] {
    border-color: transparent;
}

.css-18ktj7o[data-view-mode="true"]:hover[data-loading="true"] {
    border-color: transparent;
}

.css-18ktj7o[data-view-mode="true"]:focus {
    cursor: auto;
    user-select: all;
    pointer-events: none;
    color: var(--penny-colors-semantic-text-primary);
    border-color: transparent;
    padding-left: var(--penny-space-none);
    padding-right: var(--penny-space-none);
    height: auto;
    background-color: transparent;
    box-shadow: none !important;
}

.css-18ktj7o[data-view-mode="true"]:focus:hover,
.css-18ktj7o[data-view-mode="true"]:focus[data-hover] {
    border-color: transparent;
}

.css-18ktj7o[data-view-mode="true"]:focus:disabled,
.css-18ktj7o[data-view-mode="true"]:focus[disabled],
.css-18ktj7o[data-view-mode="true"]:focus[aria-disabled="true"],
.css-18ktj7o[data-view-mode="true"]:focus[data-disabled] {
    border-color: transparent;
}

.css-18ktj7o[data-view-mode="true"]:focus[data-loading="true"] {
    border-color: transparent;
}

.css-18ktj7o:disabled,
.css-18ktj7o[disabled],
.css-18ktj7o[aria-disabled="true"],
.css-18ktj7o[data-disabled] {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-text-disabled);
    cursor: default;
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-18ktj7o:disabled:hover,
.css-18ktj7o[disabled]:hover,
.css-18ktj7o[aria-disabled="true"]:hover,
.css-18ktj7o[data-disabled]:hover,
.css-18ktj7o:disabled[data-hover],
.css-18ktj7o[disabled][data-hover],
.css-18ktj7o[aria-disabled="true"][data-hover],
.css-18ktj7o[data-disabled][data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-18ktj7o:disabled::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o[disabled]::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o[aria-disabled="true"]::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o[data-disabled]::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o:disabled::placeholder,
.css-18ktj7o[disabled]::placeholder,
.css-18ktj7o[aria-disabled="true"]::placeholder,
.css-18ktj7o[data-disabled]::placeholder,
.css-18ktj7o:disabled[data-placeholder],
.css-18ktj7o[disabled][data-placeholder],
.css-18ktj7o[aria-disabled="true"][data-placeholder],
.css-18ktj7o[data-disabled][data-placeholder] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o:disabled[data-loading="true"],
.css-18ktj7o[disabled][data-loading="true"],
.css-18ktj7o[aria-disabled="true"][data-loading="true"],
.css-18ktj7o[data-disabled][data-loading="true"] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
}

.css-18ktj7o:disabled[data-view-mode="true"],
.css-18ktj7o[disabled][data-view-mode="true"],
.css-18ktj7o[aria-disabled="true"][data-view-mode="true"],
.css-18ktj7o[data-disabled][data-view-mode="true"] {
    border-color: transparent;
    background-color: transparent;
}

.css-18ktj7o:disabled:hover,
.css-18ktj7o[disabled]:hover,
.css-18ktj7o[aria-disabled="true"]:hover,
.css-18ktj7o[data-disabled]:hover {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-text-disabled);
    cursor: default;
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-18ktj7o:disabled:hover:hover,
.css-18ktj7o[disabled]:hover:hover,
.css-18ktj7o[aria-disabled="true"]:hover:hover,
.css-18ktj7o[data-disabled]:hover:hover,
.css-18ktj7o:disabled:hover[data-hover],
.css-18ktj7o[disabled]:hover[data-hover],
.css-18ktj7o[aria-disabled="true"]:hover[data-hover],
.css-18ktj7o[data-disabled]:hover[data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-18ktj7o:disabled:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o[disabled]:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o[aria-disabled="true"]:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o[data-disabled]:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o:disabled:hover::placeholder,
.css-18ktj7o[disabled]:hover::placeholder,
.css-18ktj7o[aria-disabled="true"]:hover::placeholder,
.css-18ktj7o[data-disabled]:hover::placeholder,
.css-18ktj7o:disabled:hover[data-placeholder],
.css-18ktj7o[disabled]:hover[data-placeholder],
.css-18ktj7o[aria-disabled="true"]:hover[data-placeholder],
.css-18ktj7o[data-disabled]:hover[data-placeholder] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o:disabled:hover[data-loading="true"],
.css-18ktj7o[disabled]:hover[data-loading="true"],
.css-18ktj7o[aria-disabled="true"]:hover[data-loading="true"],
.css-18ktj7o[data-disabled]:hover[data-loading="true"] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
}

.css-18ktj7o:disabled:hover[data-view-mode="true"],
.css-18ktj7o[disabled]:hover[data-view-mode="true"],
.css-18ktj7o[aria-disabled="true"]:hover[data-view-mode="true"],
.css-18ktj7o[data-disabled]:hover[data-view-mode="true"] {
    border-color: transparent;
    background-color: transparent;
}

.css-18ktj7o:disabled:focus,
.css-18ktj7o[disabled]:focus,
.css-18ktj7o[aria-disabled="true"]:focus,
.css-18ktj7o[data-disabled]:focus {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-text-disabled);
    cursor: default;
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-18ktj7o:disabled:focus:hover,
.css-18ktj7o[disabled]:focus:hover,
.css-18ktj7o[aria-disabled="true"]:focus:hover,
.css-18ktj7o[data-disabled]:focus:hover,
.css-18ktj7o:disabled:focus[data-hover],
.css-18ktj7o[disabled]:focus[data-hover],
.css-18ktj7o[aria-disabled="true"]:focus[data-hover],
.css-18ktj7o[data-disabled]:focus[data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-18ktj7o:disabled:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o[disabled]:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o[aria-disabled="true"]:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o[data-disabled]:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o:disabled:focus::placeholder,
.css-18ktj7o[disabled]:focus::placeholder,
.css-18ktj7o[aria-disabled="true"]:focus::placeholder,
.css-18ktj7o[data-disabled]:focus::placeholder,
.css-18ktj7o:disabled:focus[data-placeholder],
.css-18ktj7o[disabled]:focus[data-placeholder],
.css-18ktj7o[aria-disabled="true"]:focus[data-placeholder],
.css-18ktj7o[data-disabled]:focus[data-placeholder] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-18ktj7o:disabled:focus[data-loading="true"],
.css-18ktj7o[disabled]:focus[data-loading="true"],
.css-18ktj7o[aria-disabled="true"]:focus[data-loading="true"],
.css-18ktj7o[data-disabled]:focus[data-loading="true"] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
}

.css-18ktj7o:disabled:focus[data-view-mode="true"],
.css-18ktj7o[disabled]:focus[data-view-mode="true"],
.css-18ktj7o[aria-disabled="true"]:focus[data-view-mode="true"],
.css-18ktj7o[data-disabled]:focus[data-view-mode="true"] {
    border-color: transparent;
    background-color: transparent;
}

.css-18ktj7o[aria-invalid="true"],
.css-18ktj7o[data-invalid] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-18ktj7o[aria-invalid="true"]:hover,
.css-18ktj7o[data-invalid]:hover,
.css-18ktj7o[aria-invalid="true"][data-hover],
.css-18ktj7o[data-invalid][data-hover] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-18ktj7o[aria-invalid="true"]:hover,
.css-18ktj7o[data-invalid]:hover {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-18ktj7o[aria-invalid="true"]:hover:hover,
.css-18ktj7o[data-invalid]:hover:hover,
.css-18ktj7o[aria-invalid="true"]:hover[data-hover],
.css-18ktj7o[data-invalid]:hover[data-hover] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-18ktj7o[aria-invalid="true"]:focus,
.css-18ktj7o[data-invalid]:focus {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-18ktj7o[aria-invalid="true"]:focus:hover,
.css-18ktj7o[data-invalid]:focus:hover,
.css-18ktj7o[aria-invalid="true"]:focus[data-hover],
.css-18ktj7o[data-invalid]:focus[data-hover] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-1s88wt {
    flex-shrink: 0;
    transition-property: background-color, border-color, color;
    transition-duration: 0.2s;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    outline: transparent solid 2px;
    width: 24px;
    height: 24px;
    color: var(--penny-colors-semantic-icon-primary);
    border-radius: var(--penny-radii-semantic-action-default);
}

.css-1s88wt:disabled,
.css-1s88wt[disabled],
.css-1s88wt[aria-disabled="true"],
.css-1s88wt[data-disabled] {
    cursor: not-allowed;
    color: var(--penny-colors-semantic-icon-disabled);
    background-color: var(--penny-colors-semantic-action-tertiary-rest);
    border: var(--penny-borders-global-none);
}

.css-1s88wt:disabled:hover,
.css-1s88wt[disabled]:hover,
.css-1s88wt[aria-disabled="true"]:hover,
.css-1s88wt[data-disabled]:hover {
    color: var(--penny-colors-semantic-icon-disabled);
    background-color: var(--penny-colors-semantic-action-tertiary-rest);
    border: var(--penny-borders-global-none);
}

.css-1s88wt:disabled:active,
.css-1s88wt[disabled]:active,
.css-1s88wt[aria-disabled="true"]:active,
.css-1s88wt[data-disabled]:active {
    color: var(--penny-colors-semantic-icon-disabled);
    background-color: var(--penny-colors-semantic-action-tertiary-rest);
    border: var(--penny-borders-global-none);
}

.css-1s88wt:hover,
.css-1s88wt[data-hover] {
    background-color: var(--penny-colors-semantic-action-tertiary-hover);
    color: var(--penny-colors-semantic-icon-primary);
}

.css-1s88wt:active,
.css-1s88wt[data-active] {
    background-color: var(--penny-colors-semantic-action-tertiary-pressed);
    color: var(--penny-colors-semantic-icon-primary);
}

.css-1s88wt:focus-visible,
.css-1s88wt[data-focus-visible] {
    outline-color: var(--penny-colors-semantic-focus-primary);
    transition: outline-color 0.2s;
}

.css-16q91u3[aria-readonly="true"],
.css-16q91u3[readonly],
.css-16q91u3[data-readonly] {
    color: var(--penny-colors-semantic-icon-readOnly);
}

.css-16q91u3[aria-readonly="true"][data-is-brand-color="true"],
.css-16q91u3[readonly][data-is-brand-color="true"],
.css-16q91u3[data-readonly][data-is-brand-color="true"] {
    opacity: 0.6;
    color: var(--penny-colors-semantic-icon-brand);
}

.css-16q91u3:disabled,
.css-16q91u3[disabled],
.css-16q91u3[aria-disabled="true"],
.css-16q91u3[data-disabled] {
    color: var(--penny-colors-semantic-icon-disabled);
}

.css-16q91u3:disabled[data-is-brand-color="true"],
.css-16q91u3[disabled][data-is-brand-color="true"],
.css-16q91u3[aria-disabled="true"][data-is-brand-color="true"],
.css-16q91u3[data-disabled][data-is-brand-color="true"] {
    opacity: 0.35;
    color: var(--penny-colors-semantic-icon-brand);
}

.css-16q91u3:focus-visible,
.css-16q91u3[data-focus-visible] {
    outline-color: var(--penny-colors-semantic-focus-primary);
    outline-width: 2px;
    outline-offset: 2px;
    outline-style: solid;
}

.css-1gys06z:disabled,
.css-1gys06z[disabled],
.css-1gys06z[aria-disabled="true"],
.css-1gys06z[data-disabled] {
    color: var(--penny-colors-semantic-link-secondary-disabled);
    cursor: not-allowed;
}

.css-1gys06z:focus-visible,
.css-1gys06z[data-focus-visible] {
    outline-color: var(--penny-colors-semantic-focus-primary);
    border-radius: var(--penny-radii-global-100);
    transition: outline-color 0.2s;
}

.css-1m0omfl {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-xs);
    padding-bottom: var(--penny-space-none);
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-1ovws5a {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    border-radius: var(--penny-radii-semantic-action-default);
    transition-property: background-color, border-color, color;
    transition-duration: 0.2s;
    width: 100%;
    outline: transparent solid 2px;
    height: 48px;
    padding-inline-start: var(--penny-space-s-m);
    padding-inline-end: var(--penny-space-s-m);
    min-width: 112px;
    background-color: var(--penny-colors-component-button-primary-rest-background);
    color: var(--penny-colors-component-button-primary-rest-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-primary-rest-border);
}

.css-1ovws5a[data-loading],
.css-1ovws5a[aria-busy="true"] {
    cursor: not-allowed;
    background-color: var(--penny-colors-component-button-primary-disabled-background);
    color: var(--penny-colors-component-button-primary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-primary-disabled-border);
}

.css-1ovws5a:disabled,
.css-1ovws5a[disabled],
.css-1ovws5a[aria-disabled="true"],
.css-1ovws5a[data-disabled] {
    cursor: not-allowed;
    background-color: var(--penny-colors-component-button-primary-disabled-background);
    color: var(--penny-colors-component-button-primary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-primary-disabled-border);
}

.css-1ovws5a:disabled:hover,
.css-1ovws5a[disabled]:hover,
.css-1ovws5a[aria-disabled="true"]:hover,
.css-1ovws5a[data-disabled]:hover {
    background-color: var(--penny-colors-component-button-primary-disabled-background);
    color: var(--penny-colors-component-button-primary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-primary-disabled-border);
}

.css-1ovws5a:disabled:active,
.css-1ovws5a[disabled]:active,
.css-1ovws5a[aria-disabled="true"]:active,
.css-1ovws5a[data-disabled]:active {
    background-color: var(--penny-colors-component-button-primary-disabled-background);
    color: var(--penny-colors-component-button-primary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-primary-disabled-border);
}

.css-1ovws5a:hover,
.css-1ovws5a[data-hover] {
    background-color: var(--penny-colors-component-button-primary-hover-background);
    color: var(--penny-colors-component-button-primary-hover-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-primary-hover-border);
}

.css-1ovws5a:active,
.css-1ovws5a[data-active] {
    background-color: var(--penny-colors-component-button-primary-pressed-background);
    color: var(--penny-colors-component-button-primary-pressed-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-primary-pressed-border);
}

.css-1ovws5a:focus-visible,
.css-1ovws5a[data-focus-visible] {
    outline-color: var(--penny-colors-semantic-focus-primary);
    outline-offset: 2px;
    transition: outline-color 0.2s;
}

.css-1ovws5a[data-inverse="true"]:focus-visible,
.css-1ovws5a[data-inverse="true"][data-focus-visible] {
    outline-color: var(--penny-colors-semantic-focus-inverse);
    outline-offset: 2px;
    transition: outline-color 0.2s;
}

.css-j3ga3o:disabled,
.css-j3ga3o[disabled],
.css-j3ga3o[aria-disabled="true"],
.css-j3ga3o[data-disabled] {
    color: var(--penny-colors-semantic-link-secondary-disabled);
    cursor: not-allowed;
}

.css-j3ga3o:focus-visible,
.css-j3ga3o[data-focus-visible] {
    outline-color: var(--penny-colors-semantic-focus-primary);
    border-radius: var(--penny-radii-global-100);
    transition: outline-color 0.2s;
}

.css-1reyw9a {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-m);
    padding-bottom: var(--penny-space-m);
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-1n7ufxq {
    flex: 1 1 0%;
    background-color: var(--penny-colors-semantic-border-static);
    height: 1px;
}

.css-vllm2h {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    border-radius: var(--penny-radii-semantic-action-default);
    transition-property: background-color, border-color, color;
    transition-duration: 0.2s;
    width: 100%;
    outline: transparent solid 2px;
    height: 40px;
    padding-inline-start: var(--penny-space-s);
    padding-inline-end: var(--penny-space-s);
    min-width: 96px;
    background-color: var(--penny-colors-component-button-tertiary-rest-background);
    border-style: solid;
    border-width: 1px;
    border-color: var(--penny-colors-component-button-tertiary-rest-border);
}

.css-vllm2h[data-loading],
.css-vllm2h[aria-busy="true"] {
    cursor: not-allowed;
    background-color: var(--penny-colors-component-button-tertiary-disabled-background);
    color: var(--penny-colors-component-button-tertiary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-tertiary-disabled-border);
}

.css-vllm2h:disabled,
.css-vllm2h[disabled],
.css-vllm2h[aria-disabled="true"],
.css-vllm2h[data-disabled] {
    cursor: not-allowed;
    background-color: var(--penny-colors-component-button-tertiary-disabled-background);
    color: var(--penny-colors-component-button-tertiary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-tertiary-disabled-border);
}

.css-vllm2h:disabled:hover,
.css-vllm2h[disabled]:hover,
.css-vllm2h[aria-disabled="true"]:hover,
.css-vllm2h[data-disabled]:hover {
    background-color: var(--penny-colors-component-button-tertiary-disabled-background);
    color: var(--penny-colors-component-button-tertiary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-tertiary-disabled-border);
}

.css-vllm2h:disabled:active,
.css-vllm2h[disabled]:active,
.css-vllm2h[aria-disabled="true"]:active,
.css-vllm2h[data-disabled]:active {
    background-color: var(--penny-colors-component-button-tertiary-disabled-background);
    color: var(--penny-colors-component-button-tertiary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-tertiary-disabled-border);
}

.css-vllm2h:hover,
.css-vllm2h[data-hover] {
    background-color: var(--penny-colors-component-button-tertiary-hover-background);
    color: var(--penny-colors-component-button-tertiary-hover-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-tertiary-hover-border);
}

.css-vllm2h:active,
.css-vllm2h[data-active] {
    background-color: var(--penny-colors-component-button-tertiary-pressed-background);
    color: var(--penny-colors-component-button-tertiary-pressed-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-tertiary-pressed-border);
}

form {
    margin: 0;
}

.css-vllm2h:focus-visible,
.css-vllm2h[data-focus-visible] {
    outline-color: var(--penny-colors-semantic-focus-primary);
    outline-offset: 2px;
    transition: outline-color 0.2s;
}

.css-vmcd1m {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    border-radius: var(--penny-radii-semantic-action-default);
    transition-property: background-color, border-color, color;
    transition-duration: 0.2s;
    width: 100%;
    outline: transparent solid 2px;
    height: 40px;
    padding-inline-start: var(--penny-space-s);
    padding-inline-end: var(--penny-space-s);
    min-width: 96px;
    background-color: var(--penny-colors-component-button-secondary-rest-background);
    color: var(--penny-colors-component-button-secondary-rest-content);
    border-style: solid;
    border-width: 1px;
    border-color: var(--penny-colors-component-button-secondary-rest-border);
    margin-bottom: 8px;
}

.css-vmcd1m[data-loading],
.css-vmcd1m[aria-busy="true"] {
    cursor: not-allowed;
    background-color: var(--penny-colors-component-button-secondary-disabled-background);
    color: var(--penny-colors-component-button-secondary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-secondary-disabled-border);
}

.css-vmcd1m:disabled,
.css-vmcd1m[disabled],
.css-vmcd1m[aria-disabled="true"],
.css-vmcd1m[data-disabled] {
    cursor: not-allowed;
    background-color: var(--penny-colors-component-button-secondary-disabled-background);
    color: var(--penny-colors-component-button-secondary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-secondary-disabled-border);
}

.css-vmcd1m:disabled:hover,
.css-vmcd1m[disabled]:hover,
.css-vmcd1m[aria-disabled="true"]:hover,
.css-vmcd1m[data-disabled]:hover {
    background-color: var(--penny-colors-component-button-secondary-disabled-background);
    color: var(--penny-colors-component-button-secondary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-secondary-disabled-border);
}

.css-vmcd1m:disabled:active,
.css-vmcd1m[disabled]:active,
.css-vmcd1m[aria-disabled="true"]:active,
.css-vmcd1m[data-disabled]:active {
    background-color: var(--penny-colors-component-button-secondary-disabled-background);
    color: var(--penny-colors-component-button-secondary-disabled-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-secondary-disabled-border);
}

.css-vmcd1m:hover,
.css-vmcd1m[data-hover] {
    background-color: var(--penny-colors-component-button-secondary-hover-background);
    color: var(--penny-colors-component-button-secondary-hover-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-secondary-hover-border);
}

.css-vmcd1m:active,
.css-vmcd1m[data-active] {
    background-color: var(--penny-colors-component-button-secondary-pressed-background);
    color: var(--penny-colors-component-button-secondary-pressed-content);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-component-button-secondary-pressed-border);
}

.css-vmcd1m:focus-visible,
.css-vmcd1m[data-focus-visible] {
    outline-color: var(--penny-colors-semantic-focus-primary);
    outline-offset: 2px;
    transition: outline-color 0.2s;
}

.css-1hmq9t4:disabled,
.css-1hmq9t4[disabled],
.css-1hmq9t4[aria-disabled="true"],
.css-1hmq9t4[data-disabled] {
    color: inherit;
    cursor: not-allowed;
}

.css-1hmq9t4:focus-visible,
.css-1hmq9t4[data-focus-visible] {
    outline-color: var(--penny-colors-semantic-focus-primary);
    border-radius: var(--penny-radii-global-100);
    transition: outline-color 0.2s;
}

.css-bz9ksp:hover,
.css-bz9ksp[data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-hover);
}

.css-bz9ksp:focus,
.css-bz9ksp[data-focus] {
    outline-style: solid;
    outline-offset: 2px;
    outline-color: var(--penny-colors-semantic-focus-primary);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-semantic-border-brand);
}

.css-bz9ksp:focus-within,
.css-bz9ksp[data-focus-within] {
    outline-style: solid;
    outline-offset: 2px;
    outline-color: var(--penny-colors-semantic-focus-primary);
    border-top-style:;
    border-top-width:;
    border-right-style:;
    border-right-width:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-color: var(--penny-colors-semantic-border-brand);
}

.css-bz9ksp::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-secondary);
}

.css-bz9ksp::placeholder,
.css-bz9ksp[data-placeholder] {
    color: var(--penny-colors-semantic-text-secondary);
}

.css-bz9ksp[aria-readonly="true"],
.css-bz9ksp[readonly],
.css-bz9ksp[data-readonly] {
    cursor: auto;
    user-select: all;
    color: var(--penny-colors-semantic-text-secondary);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    box-shadow: none !important;
}

.css-bz9ksp[aria-readonly="true"]:focus,
.css-bz9ksp[readonly]:focus,
.css-bz9ksp[data-readonly]:focus,
.css-bz9ksp[aria-readonly="true"][data-focus],
.css-bz9ksp[readonly][data-focus],
.css-bz9ksp[data-readonly][data-focus] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-bz9ksp[data-view-mode="true"] {
    cursor: auto;
    user-select: all;
    pointer-events: none;
    color: var(--penny-colors-semantic-text-primary);
    border-color: transparent;
    padding-left: var(--penny-space-none);
    padding-right: var(--penny-space-none);
    height: auto;
    background-color: transparent;
    box-shadow: none !important;
}

.css-bz9ksp[data-view-mode="true"]:hover,
.css-bz9ksp[data-view-mode="true"][data-hover] {
    border-color: transparent;
}

.css-bz9ksp[data-view-mode="true"]:disabled,
.css-bz9ksp[data-view-mode="true"][disabled],
.css-bz9ksp[data-view-mode="true"][aria-disabled="true"],
.css-bz9ksp[data-view-mode="true"][data-disabled] {
    border-color: transparent;
}

.css-bz9ksp[data-view-mode="true"][data-loading="true"] {
    border-color: transparent;
}

.css-bz9ksp[data-view-mode="true"]:hover {
    cursor: auto;
    user-select: all;
    pointer-events: none;
    color: var(--penny-colors-semantic-text-primary);
    border-color: transparent;
    padding-left: var(--penny-space-none);
    padding-right: var(--penny-space-none);
    height: auto;
    background-color: transparent;
    box-shadow: none !important;
}

.css-bz9ksp[data-view-mode="true"]:hover:hover,
.css-bz9ksp[data-view-mode="true"]:hover[data-hover] {
    border-color: transparent;
}

.css-bz9ksp[data-view-mode="true"]:hover:disabled,
.css-bz9ksp[data-view-mode="true"]:hover[disabled],
.css-bz9ksp[data-view-mode="true"]:hover[aria-disabled="true"],
.css-bz9ksp[data-view-mode="true"]:hover[data-disabled] {
    border-color: transparent;
}

.css-bz9ksp[data-view-mode="true"]:hover[data-loading="true"] {
    border-color: transparent;
}

.css-bz9ksp[data-view-mode="true"]:focus {
    cursor: auto;
    user-select: all;
    pointer-events: none;
    color: var(--penny-colors-semantic-text-primary);
    border-color: transparent;
    padding-left: var(--penny-space-none);
    padding-right: var(--penny-space-none);
    height: auto;
    background-color: transparent;
    box-shadow: none !important;
}

.css-bz9ksp[data-view-mode="true"]:focus:hover,
.css-bz9ksp[data-view-mode="true"]:focus[data-hover] {
    border-color: transparent;
}

.css-bz9ksp[data-view-mode="true"]:focus:disabled,
.css-bz9ksp[data-view-mode="true"]:focus[disabled],
.css-bz9ksp[data-view-mode="true"]:focus[aria-disabled="true"],
.css-bz9ksp[data-view-mode="true"]:focus[data-disabled] {
    border-color: transparent;
}

.css-bz9ksp[data-view-mode="true"]:focus[data-loading="true"] {
    border-color: transparent;
}

.css-bz9ksp:disabled,
.css-bz9ksp[disabled],
.css-bz9ksp[aria-disabled="true"],
.css-bz9ksp[data-disabled] {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-text-disabled);
    cursor: default;
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-bz9ksp:disabled:hover,
.css-bz9ksp[disabled]:hover,
.css-bz9ksp[aria-disabled="true"]:hover,
.css-bz9ksp[data-disabled]:hover,
.css-bz9ksp:disabled[data-hover],
.css-bz9ksp[disabled][data-hover],
.css-bz9ksp[aria-disabled="true"][data-hover],
.css-bz9ksp[data-disabled][data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-bz9ksp:disabled::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp[disabled]::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp[aria-disabled="true"]::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp[data-disabled]::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp:disabled::placeholder,
.css-bz9ksp[disabled]::placeholder,
.css-bz9ksp[aria-disabled="true"]::placeholder,
.css-bz9ksp[data-disabled]::placeholder,
.css-bz9ksp:disabled[data-placeholder],
.css-bz9ksp[disabled][data-placeholder],
.css-bz9ksp[aria-disabled="true"][data-placeholder],
.css-bz9ksp[data-disabled][data-placeholder] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp:disabled[data-loading="true"],
.css-bz9ksp[disabled][data-loading="true"],
.css-bz9ksp[aria-disabled="true"][data-loading="true"],
.css-bz9ksp[data-disabled][data-loading="true"] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
}

.css-bz9ksp:disabled[data-view-mode="true"],
.css-bz9ksp[disabled][data-view-mode="true"],
.css-bz9ksp[aria-disabled="true"][data-view-mode="true"],
.css-bz9ksp[data-disabled][data-view-mode="true"] {
    border-color: transparent;
    background-color: transparent;
}

.css-bz9ksp:disabled:hover,
.css-bz9ksp[disabled]:hover,
.css-bz9ksp[aria-disabled="true"]:hover,
.css-bz9ksp[data-disabled]:hover {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-text-disabled);
    cursor: default;
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-bz9ksp:disabled:hover:hover,
.css-bz9ksp[disabled]:hover:hover,
.css-bz9ksp[aria-disabled="true"]:hover:hover,
.css-bz9ksp[data-disabled]:hover:hover,
.css-bz9ksp:disabled:hover[data-hover],
.css-bz9ksp[disabled]:hover[data-hover],
.css-bz9ksp[aria-disabled="true"]:hover[data-hover],
.css-bz9ksp[data-disabled]:hover[data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-bz9ksp:disabled:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp[disabled]:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp[aria-disabled="true"]:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp[data-disabled]:hover::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp:disabled:hover::placeholder,
.css-bz9ksp[disabled]:hover::placeholder,
.css-bz9ksp[aria-disabled="true"]:hover::placeholder,
.css-bz9ksp[data-disabled]:hover::placeholder,
.css-bz9ksp:disabled:hover[data-placeholder],
.css-bz9ksp[disabled]:hover[data-placeholder],
.css-bz9ksp[aria-disabled="true"]:hover[data-placeholder],
.css-bz9ksp[data-disabled]:hover[data-placeholder] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp:disabled:hover[data-loading="true"],
.css-bz9ksp[disabled]:hover[data-loading="true"],
.css-bz9ksp[aria-disabled="true"]:hover[data-loading="true"],
.css-bz9ksp[data-disabled]:hover[data-loading="true"] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
}

.css-bz9ksp:disabled:hover[data-view-mode="true"],
.css-bz9ksp[disabled]:hover[data-view-mode="true"],
.css-bz9ksp[aria-disabled="true"]:hover[data-view-mode="true"],
.css-bz9ksp[data-disabled]:hover[data-view-mode="true"] {
    border-color: transparent;
    background-color: transparent;
}

.css-bz9ksp:disabled:focus,
.css-bz9ksp[disabled]:focus,
.css-bz9ksp[aria-disabled="true"]:focus,
.css-bz9ksp[data-disabled]:focus {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-text-disabled);
    cursor: default;
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-bz9ksp:disabled:focus:hover,
.css-bz9ksp[disabled]:focus:hover,
.css-bz9ksp[aria-disabled="true"]:focus:hover,
.css-bz9ksp[data-disabled]:focus:hover,
.css-bz9ksp:disabled:focus[data-hover],
.css-bz9ksp[disabled]:focus[data-hover],
.css-bz9ksp[aria-disabled="true"]:focus[data-hover],
.css-bz9ksp[data-disabled]:focus[data-hover] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
}

.css-bz9ksp:disabled:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp[disabled]:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp[aria-disabled="true"]:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp[data-disabled]:focus::-webkit-input-placeholder {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp:disabled:focus::placeholder,
.css-bz9ksp[disabled]:focus::placeholder,
.css-bz9ksp[aria-disabled="true"]:focus::placeholder,
.css-bz9ksp[data-disabled]:focus::placeholder,
.css-bz9ksp:disabled:focus[data-placeholder],
.css-bz9ksp[disabled]:focus[data-placeholder],
.css-bz9ksp[aria-disabled="true"]:focus[data-placeholder],
.css-bz9ksp[data-disabled]:focus[data-placeholder] {
    color: var(--penny-colors-semantic-text-disabled);
}

.css-bz9ksp:disabled:focus[data-loading="true"],
.css-bz9ksp[disabled]:focus[data-loading="true"],
.css-bz9ksp[aria-disabled="true"]:focus[data-loading="true"],
.css-bz9ksp[data-disabled]:focus[data-loading="true"] {
    border-color: var(--penny-colors-semantic-border-interactive-disabled);
    background-color: var(--penny-colors-semantic-surface-primary-disabled);
}

.css-bz9ksp:disabled:focus[data-view-mode="true"],
.css-bz9ksp[disabled]:focus[data-view-mode="true"],
.css-bz9ksp[aria-disabled="true"]:focus[data-view-mode="true"],
.css-bz9ksp[data-disabled]:focus[data-view-mode="true"] {
    border-color: transparent;
    background-color: transparent;
}

.css-bz9ksp[aria-invalid="true"],
.css-bz9ksp[data-invalid] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-bz9ksp[aria-invalid="true"]:hover,
.css-bz9ksp[data-invalid]:hover,
.css-bz9ksp[aria-invalid="true"][data-hover],
.css-bz9ksp[data-invalid][data-hover] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-bz9ksp[aria-invalid="true"]:hover,
.css-bz9ksp[data-invalid]:hover {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-bz9ksp[aria-invalid="true"]:hover:hover,
.css-bz9ksp[data-invalid]:hover:hover,
.css-bz9ksp[aria-invalid="true"]:hover[data-hover],
.css-bz9ksp[data-invalid]:hover[data-hover] {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-bz9ksp[aria-invalid="true"]:focus,
.css-bz9ksp[data-invalid]:focus {
    border-color: var(--penny-colors-semantic-border-critical);
}

.css-bz9ksp[aria-invalid="true"]:focus:hover,
.css-bz9ksp[data-invalid]:focus:hover,
.css-bz9ksp[aria-invalid="true"]:focus[data-hover],
.css-bz9ksp[data-invalid]:focus[data-hover] {
    border-color: var(--penny-colors-semantic-border-critical);
}

Boxbody {
    margin: 0px;
}

@supports (height: -webkit-fill-available) {
    :root,
    :host {
        --chakra-vh: -webkit-fill-available;
    }
}

@supports (height: -moz-fill-available) {
    :root,
    :host {
        --chakra-vh: -moz-fill-available;
    }
}

@supports (height: 100dvh) {
    :root,
    :host {
        --chakra-vh: 100dvh;
    }
}

#chakra-toast-manager-top {
    padding: 0px;
}

melio-wrapper > div *,
melio-wrapper > div ::before,
melio-wrapper > div ::after {
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
}

melio-wrapper > div hr {
    border-top-width: 1px;
    box-sizing: content-box;
    height: 0px;
    overflow: visible;
}

melio-wrapper > div img {
    border-style: none;
    max-width: 100%;
    height: auto;
}

melio-wrapper > div fieldset {
    padding: 0px;
    margin: 0px;
}

melio-wrapper > div fieldset fallbacks {
    padding: 0.35em 0.75em 0.625em;
}

melio-wrapper > div [type="checkbox"],
melio-wrapper > div [type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}

melio-wrapper > div body,
melio-wrapper > div blockquote,
melio-wrapper > div dl,
melio-wrapper > div dd,
melio-wrapper > div h1,
melio-wrapper > div h2,
melio-wrapper > div h3,
melio-wrapper > div h4,
melio-wrapper > div h5,
melio-wrapper > div h6,
melio-wrapper > div hr,
melio-wrapper > div figure,
melio-wrapper > div p,
melio-wrapper > div pre {
    margin: 0px;
}

melio-wrapper > div ol,
melio-wrapper > div ul {
    margin: 0px;
    padding: 0px;
}

melio-wrapper > div table {
    border-collapse: collapse;
}

melio-wrapper > div [data-js-focus-visible] :focus:not([data-focus-visible-added]) {
    outline: transparent solid 2px;
    outline-offset: 2px;
    box-shadow: none;
}

.css-1krtufa {
    display: flex;
    gap: var(--penny-space-s);
    width: var(--penny-sizes-full);
    height: auto;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

.css-148034h {
    display: flex;
    gap: var(--penny-space-l);
    width: auto;
    height: auto;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.css-44q4lm {
    display: inline-flex;
    height: 24px;
    width: fit-content;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-13ivenk {
    display: flex;
    gap: var(--penny-space-xs);
    width: auto;
    height: auto;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: column;
}

.css-13awt86 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
    row-gap: var(--penny-space-xxl);
}

.css-da4x1b {
    width: 100%;
    position: relative;
    display: grid;
    column-gap: var(--penny-space-m);
    row-gap: var(--penny-space-s);
}

.css-16j28i {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--penny-space-xs);
    width: auto;
}

.css-uhmbs2 {
    width: 100%;
    display: flex;
    -webkit-box-pack: start;
    justify-content: start;
}

.css-hkhqee {
    display: flex;
    gap: var(--penny-space-xxs);
    width: auto;
    height: auto;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
}

.css-1f6behg {
    max-width: 100%;
    display: flex;
}

.css-675tjc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    gap: var(--penny-space-xs);
}

.css-1ivyxnv {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
}

.css-196d9u8 {
    width: 100%;
    display: flex;
    position: relative;
    isolation: isolate;
    -webkit-box-align: center;
    align-items: center;
}

.css-1ds8ztf.small {
    height: 40px;
}

.css-1ds8ztf.large {
    height: 48px;
}

.css-1nbbqlw {
    display: flex;
    gap: var(--penny-space-s);
    width: auto;
    height: auto;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: column;
}

.css-18ktj7o.small {
    height: 40px;
}

.css-18ktj7o.large {
    height: 48px;
}

.css-1qepfk3 {
    right: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
    height: 100%;
}

.css-pebavi {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    margin-right: var(--penny-space-xs-s);
}

.css-1ai9ge7 {
    display: flex;
    gap: var(--penny-space-xs);
    width: auto;
    height: auto;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-18lyn6q {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
}

.css-az78ev {
    display: inline-flex;
    width: 24px;
    height: 24px;
}

.css-bz9ksp.small {
    height: 40px;
}

.css-bz9ksp.large {
    height: 48px;
}

melio-wrapper > div main {
    display: block;
}

melio-wrapper > div sub {
    bottom: -0.25em;
}

melio-wrapper > div sup {
    top: -0.5em;
}

melio-wrapper > div input[type="date"]::-webkit-inner-spin-button,
melio-wrapper > div input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    appearance: none;
}

melio-wrapper > div details {
    display: block;
}

melio-wrapper > div summary {
    display: list-item;
}

melio-wrapper > div template {
    display: none;
}

melio-wrapper > div [hidden] {
    display: none !important;
}

melio-wrapper > div img,
melio-wrapper > div svg,
melio-wrapper > div video,
melio-wrapper > div canvas,
melio-wrapper > div audio,
melio-wrapper > div iframe,
melio-wrapper > div embed,
melio-wrapper > div object {
    display: block;
}

.css-uhmbs2[data-hidden="true"] {
    opacity: 0;
    position: absolute;
}

.css-1tdhwp2 {
    display: inherit;
    -webkit-box-align: inherit;
    align-items: inherit;
    -webkit-box-pack: inherit;
    justify-content: inherit;
    visibility: visible;
    white-space: nowrap;
}

@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-Regular.woff") format("woff");
}

@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-Italic.woff") format("woff");
    font-style: italic;
}

@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-SemiBold.woff") format("woff");
    font-weight: 600;
}

@font-face {
    font-family: Poppins;
    src: url("/static/fonts/Poppins-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
}

body {
    margin: 0px;
}

:root,
:host {
    --chakra-vh: 100vh;
}

@supports (height: -webkit-fill-available) {
    :root,
    :host {
        --chakra-vh: -webkit-fill-available;
    }
}

@supports (height: -moz-fill-available) {
    :root,
    :host {
        --chakra-vh: -moz-fill-available;
    }
}

@supports (height: 100dvh) {
    :root,
    :host {
        --chakra-vh: 100dvh;
    }
}

melio-wrapper > div button,
melio-wrapper > div input {
    overflow: visible;
}

melio-wrapper > div progress {
    vertical-align: baseline;
}

melio-wrapper > div textarea {
    overflow: auto;
    resize: vertical;
}

melio-wrapper > div [type="number"]::-webkit-inner-spin-button,
melio-wrapper > div [type="number"]::-webkit-outer-spin-button {
    appearance: none !important;
}

melio-wrapper > div input[type="text"] {
    outline: transparent solid 2px;
    outline-offset: 2px;
}

melio-wrapper > div [type="search"] {
    appearance: textfield;
    outline-offset: -2px;
}

melio-wrapper > div [type="search"]::-webkit-search-decoration {
    appearance: none !important;
}

melio-wrapper > div::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
}

melio-wrapper > div button,
melio-wrapper > div [role="button"] {
    cursor: pointer;
}

.css-fopkcw[data-view-mode="true"] {
    pointer-events: none;
}

.css-1s88wt[data-loading],
.css-1s88wt[aria-busy="true"] {
    cursor: not-allowed;
}

.css-az78ev[aria-readonly="true"],
.css-az78ev[readonly],
.css-az78ev[data-readonly] {
    opacity: 0.65;
}

.css-az78ev:disabled,
.css-az78ev[disabled],
.css-az78ev[aria-disabled="true"],
.css-az78ev[data-disabled] {
    opacity: 0.35;
}

@media screen and (min-width: 0px) {
    .css-2k1utu {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (min-width: 0px) {
    .css-2k1utu {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (min-width: 600px) {
    .css-2k1utu {
        font-size: 32px;
        line-height: 40px;
    }
}

@media screen and (min-width: 600px) {
    .css-2k1utu {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (forced-colors: active) {
    melio-wrapper > div mark {
        color: canvastext;
    }
}

@media (forced-colors: active) {
    .css-16q91u3 svg path:not([fill="currentColor"]) {
        fill: canvas;
    }
}

@media (forced-colors: active) {
    .css-1n7ufxq {
        background-color: canvastext;
    }
}

@media (forced-colors: active) {
    .css-1n7ufxq {
        background-color: canvastext;
    }
}

@media screen and (min-width: 0px) {
    .css-2k1utu {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (min-width: 0px) {
    .css-2k1utu {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (min-width: 600px) {
    .css-2k1utu {
        font-size: 32px;
        line-height: 40px;
    }
}

@media screen and (min-width: 600px) {
    .css-2k1utu {
        font-size: 32px;
        line-height: 40px;
    }
}

@media screen and (min-width: 0px) {
    .css-da4x1b {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
}

@media screen and (min-width: 600px) {
    .css-da4x1b {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
}

@media screen and (min-width: 0px) {
    .css-16j28i {
        grid-column: 1 / 1;
    }
}

@media screen and (min-width: 600px) {
    .css-16j28i {
        grid-column: span 1 / span 1;
    }
}

@media (forced-colors: active) {
    melio-wrapper > div mark {
        color: canvastext;
    }
}

@media screen and (min-width: 0px) {
    .css-2k1utu {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (min-width: 600px) {
    .css-2k1utu {
        font-size: 32px;
        line-height: 40px;
    }
}

@media screen and (min-width: 0px) {
    .css-da4x1b {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
}

@media screen and (min-width: 600px) {
    .css-da4x1b {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
}

@media screen and (min-width: 0px) {
    .css-16j28i {
        grid-column: 1 / 1;
    }
}

@media screen and (min-width: 600px) {
    .css-16j28i {
        grid-column: span 1 / span 1;
    }
}

@media (forced-colors: active) {
    .css-16q91u3 svg path:not([fill="currentColor"]) {
        fill: canvas;
    }
}

@media (forced-colors: active) {
    .css-1n7ufxq {
        background-color: canvastext;
    }
}

.css-1g5efa {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-s);
    padding-inline-end: var(--penny-space-s);
    padding-top: var(--penny-space-s);
    padding-bottom: var(--penny-space-s);
    -webkit-box-align: center;
    align-items: center;
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: flex;
    position: initial;
    top: initial;
}

.css-v6xnmi {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-s);
    padding-inline-end: var(--penny-space-s);
    padding-top: var(--penny-space-s);
    padding-bottom: var(--penny-space-s);
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: visible;
    display: block;
    position: initial;
    top: initial;
}

.css-p852g8 {
    width: 100%;
    margin-inline: auto;
    max-width: 480px;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-none);
    padding-bottom: var(--penny-space-l);
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: visible;
    display: block;
    position: initial;
    top: initial;
}

.css-818ouq {
    display: flex;
    gap: var(--penny-space-m);
    width: auto;
    height: auto;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.css-6p9nfo {
    display: flex;
    gap: var(--penny-space-xxs);
    width: auto;
    height: auto;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: column;
}

.css-oyht3d {
    color: var(--penny-colors-semantic-text-primary);
    font-family: var(--penny-fonts-primary);
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.css-1tl2r40 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
}

.css-1pg4fyx {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    transition-property: background-color, border-color, color;
    transition-duration: 0.2s;
    width: 100%;
    height: 40px;
    padding-inline-start: var(--penny-space-s);
    padding-inline-end: var(--penny-space-s);
    min-width: 96px;
    background-color: var(--penny-colors-component-button-primary-rest-background);
    color: var(--penny-colors-component-button-primary-rest-content);
    border-width: 1px;
    border-style: solid;
    border-radius: var(--penny-radii-semantic-action-default);
    outline: transparent solid 2px;
    border-color: var(--penny-colors-component-button-primary-rest-border);
}

.css-1x8qz4u {
    font-family: var(--penny-fonts-primary);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    gap: var(--penny-space-m);
    width: 100%;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: var(--penny-colors-semantic-text-secondary);
    height: 16px;
}

.css-1x8qz4u[aria-invalid="true"], .css-1x8qz4u[data-invalid] {
    color: var(--penny-colors-semantic-text-critical-rest);
}

.css-nh4z2y {
    width: 100%;
    margin-inline: auto;
    max-width: 480px;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-none);
    padding-bottom: var(--penny-space-xs);
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-nli4c8 {
    display: flex;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: row;
    padding-inline-start: var(--penny-space-xs-s);
    padding-inline-end: var(--penny-space-xs-s);
    padding-top: var(--penny-space-xs-s);
    padding-bottom: var(--penny-space-xs-s);
    background-color: var(--penny-colors-semantic-fill-critical-secondary);
    align-items: flex-start;
    width: var(--penny-sizes-full);
    height: fit-content;
    gap: var(--penny-space-s);
    border-color: #ffffff00;
    border-radius: 8px;
}

.css-ucvi9h {
    display: inline-flex;
    border-radius: var(--penny-radii-global-50);
    outline-color: transparent;
    transition: outline-color 0.2s;
    font-size: 24px;
    width: 24px;
    height: 24px;
    color: var(--penny-colors-semantic-icon-critical);
}

.css-1cx8sxt {
    display: flex;
    gap: var(--penny-space-xxxs);
    width: auto;
    height: auto;
    min-width: 0px;
    max-width: 100%;
    overflow-x: initial;
    flex-direction: column;
    flex: 1 1 0%;
    padding-top: var(--penny-space-xxxs);
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-1s88wt {
    flex-shrink: 0;
    transition-property: background-color, border-color, color;
    transition-duration: 0.2s;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    outline: transparent solid 2px;
    width: 24px;
    height: 24px;
    color: var(--penny-colors-semantic-icon-primary);
    border-radius: var(--penny-radii-semantic-action-default);
}

.css-20upbi {
    word-break: break-word;
    max-width: 920px;
    padding-bottom: var(--penny-space-xxxs);
    font-family: var(--penny-fonts-primary);
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.css-9joxzn {
    word-break: break-word;
    max-width: 920px;
    padding-bottom: var(--penny-space-xxxs);
    font-family: var(--penny-fonts-primary);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.css-1h80dbs {
    display: inline;
    text-decoration: underline;
    transition-property: color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    cursor: pointer;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--penny-colors-semantic-link-primary-rest);
    font-family: var(--penny-fonts-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.css-16q91u3 {
    display: inline-flex;
    border-radius: var(--penny-radii-global-50);
    outline-color: transparent;
    transition: outline-color 0.2s;
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: inherit;
}

.css-1pg4fyx:disabled, .css-1pg4fyx[disabled], .css-1pg4fyx[aria-disabled="true"], .css-1pg4fyx[data-disabled] {
  cursor: not-allowed;
  background-color: var(--penny-colors-component-button-primary-disabled-background);
  color: var(--penny-colors-component-button-primary-disabled-content);
  border-color: var(--penny-colors-component-button-primary-disabled-border);
}

.css-io007n {
    text-overflow: ellipsis;
    width: 100%;
    min-width: 0px;
    outline-offset: 2px;
    position: relative;
    color: var(--penny-colors-semantic-text-primary);
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    font-family: var(--penny-fonts-primary);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    border-width: 1px;
    border-style: solid;
    padding-left: var(--penny-space-s);
    padding-right: calc(52px);
    -webkit-text-security: none;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    outline: transparent solid 2px;
    transition: outline-color 0.1s ease-in-out;
    background: var(--penny-colors-semantic-surface-primary-rest);
    border-color: var(--penny-colors-semantic-border-interactive-rest);
    border-radius: var(--penny-radii-semantic-input-default);
}

.css-1k2j5vb {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-s);
    padding-inline-end: var(--penny-space-s);
    padding-top: var(--penny-space-l);
    padding-bottom: var(--penny-space-s);
    text-align: center;
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-va7htr {
    width: 100%;
    margin-inline: auto;
    max-width: none;
    padding-inline-start: var(--penny-space-none);
    padding-inline-end: var(--penny-space-none);
    padding-top: var(--penny-space-none);
    padding-bottom: var(--penny-space-none);
    text-align: center;
    border: var(--penny-borders-global-none);
    background-color: transparent;
    height: auto;
    overflow: hidden;
    display: block;
    position: initial;
    top: initial;
}

.css-14kz52j {
    color: var(--penny-colors-semantic-text-secondary);
    font-family: var(--penny-fonts-primary);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.css-1hmq9t4 {
    display: inline;
    text-decoration: underline;
    transition-property: color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    cursor: pointer;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit;
    width: fit-content;
    font-family: var(--penny-fonts-inherit);
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}