@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700&family=Overpass:wght@900&family=Titillium+Web:wght@300;400;600;700&family=Roboto:wght@300;400;500;600;700&display=swap";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

:root {
    --color-black: #000;
    --color-off-black: #1a1919;
    --color-white: #fff;
    --color-off-white: #f2f2f2;
    --color-grey-primary: #818ebb;
    --color-grey-secondary: #5f6892;
    --color-grey-extra: #8690bf;
    --color-white-primary: #fff;
    --color-white-secondary: #e3edf9;
    --color-dark-100: #191c34;
    --color-dark-90: #1a1f40;
    --color-dark-80: #191e3a;
    --color-dark-70: #15192b;
    --color-dark-60: #12173a;
    --color-dark-50: #282e54;
    --color-dark-40: #252b4e;
    --color-dark-30: #39416d;
    --color-accent-blue: #3656ff;
    --color-accent-aqua: #05d3dd;
    --color-deep-blue: #1e2659;
    --color-accent-deep-blue: #242e68;
    --color-blood-red: #f24822;
    --color-background-lighter: rgba(37, 43, 78, .5);
    --color-mustard-gradient: linear-gradient(206deg, #fdc14e 6.3%, #fcb122 92.49%);
    --color-gold: #c3a52e;
    --color-gold-dark: #b79122;
    --color-gold-primary: #fcb122;
    --color-reddish: #f03277;
    --color-reddish-dark: #db2d6c;
    --color-blue-purple: #798eff;
    --primary-font: "Titillium Web";
    --secondary-font: "Nunito";
    --titles-font: "Overpass";
    --PhoneInputCountryFlag-aspectRatio: 2.6 !important;
    --blackjack-card-width: 80px
}

@keyframes bottomTop {
    0% {
        transform: translateY(2em);
        opacity: 0
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes flipCard {
    0% {
        transform: translateY(2em);
        opacity: 0
    }
    50% {
        opacity: 1;
        transform: translateY(0) rotateY(0deg) rotateX(-1)
    }
    to {
        transform: rotateY(180deg)
    }
}

@keyframes bottomTopFlip {
    0% {
        transform: translateY(2em);
        opacity: 0
    }
    to {
        opacity: 1;
        transform: translateY(0) rotateX(-1)
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 4px 40px rgba(140, 102, 205, .294);
        background: #8c66cd url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C18.6297 0 24 4.65125 24 10.4015C24 16.1406 18.6297 20.803 12 20.803C11.3651 20.803 10.7407 20.7586 10.1266 20.6808C7.54553 23.4339 4.47528 23.9223 1.4987 24V23.3117C3.10147 22.4681 4.4961 20.9473 4.4961 19.1933C4.4961 18.9491 4.47528 18.7049 4.44406 18.4718C1.73807 16.5735 0 13.6651 0 10.4015C0 4.65125 5.37034 0 12 0Z' fill='white'/%3E%3Ccircle cx='7.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3Ccircle cx='12.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3Ccircle cx='17.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3C/svg%3E%0A") 50%/24px auto no-repeat
    }
    to {
        background: var(--color-accent-blue) url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C18.6297 0 24 4.65125 24 10.4015C24 16.1406 18.6297 20.803 12 20.803C11.3651 20.803 10.7407 20.7586 10.1266 20.6808C7.54553 23.4339 4.47528 23.9223 1.4987 24V23.3117C3.10147 22.4681 4.4961 20.9473 4.4961 19.1933C4.4961 18.9491 4.47528 18.7049 4.44406 18.4718C1.73807 16.5735 0 13.6651 0 10.4015C0 4.65125 5.37034 0 12 0Z' fill='white'/%3E%3Ccircle cx='7.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3Ccircle cx='12.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3Ccircle cx='17.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3C/svg%3E%0A") center center/24px auto no-repeat;
        box-shadow: 0 4px 40px rgba(42, 89, 255, .5)
    }
}

.flash {
    animation: pulse 1s ease-in-out infinite alternate
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes cupOut {
    0% {
        top: 0
    }
    to {
        top: -25px
    }
}

@keyframes gloss {
    0% {
        transform: translate(-50%)
    }
    5% {
        transform: translateY(-75%)
    }
    to {
        transform: translateY(-75%)
    }
}

@keyframes shake {
    0% {
        translate: 0 0
    }
    10% {
        translate: -2% 1%
    }
    20% {
        translate: 1% -2%
    }
    30% {
        translate: -1% 2%
    }
    40% {
        translate: 2% -1%
    }
    50% {
        translate: -2% 1%
    }
    60% {
        translate: 1% -2%
    }
    70% {
        translate: -1% 2%
    }
    80% {
        translate: 2% -1%
    }
    90% {
        translate: -2% 1%
    }
    to {
        translate: 0 0
    }
}

@keyframes rotateY {
    0% {
        rotate: y 0deg
    }
    to {
        rotate: y 180deg
    }
}

@keyframes animateArrow {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-100%, -100%)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: rotate(45deg) translate(100%, 100%)
    }
}

@keyframes selectionArrowRight {
    0% {
        translate: 400% -50%
    }
    75% {
        translate: 300% -50%;
        opacity: 1
    }
    90% {
        opacity: 0
    }
    to {
        opacity: 1;
        translate: 400% -50%
    }
}

@keyframes selectionArrowLeft {
    0% {
        translate: -400% -50%
    }
    75% {
        translate: -300% -50%;
        opacity: 1
    }
    90% {
        opacity: 0
    }
    to {
        opacity: 1;
        translate: -400% -50%
    }
}

@keyframes coinExplode {
    0% {
        rotate: y 0deg;
        scale: 1
    }
    30% {
        scale: 1.3
    }
    to {
        rotate: y 180deg;
        scale: 0
    }
}

@keyframes bounceIn {
    0% {
        scale: 0
    }
    60% {
        scale: 1.2
    }
    70% {
        scale: .9
    }
    80% {
        scale: 1
    }
    90% {
        scale: 1.2
    }
    to {
        scale: 1
    }
}

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

img {
    max-width: 100%
}

body,
html {
    font: 10px/1.2 var(--primary-font), -apple-system, sans-serif;
    background: var(--main-background-color);
    background-size: cover;
    background-position: 50%;
    color: var(--main-text-color);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overscroll-behavior-y: contain;
    --main-background-color: var(--color-dark-90);
    --main-text-color: var(--color-white-primary);
    --main-text-button-color: var(--color-white-primary);
    --main-button-color: var(--color-accent-blue);
    --main-button-hover-color: var(--color-accent-blue);
    --bet-option-button-color: var(--color-dark-50);
    --main-tab-color: var(--color-dark-50);
    --header-color: rgba(26, 31, 64, .95);
    --header-active-color: var(--color-accent-blue);
    --sidebar-color: var(--color-dark-50);
    --sidebar-text-color: var(--color-grey-extra);
    --sidebar-icons-color: var(--color-accent-blue);
    --sidebar-border-color: var(--color-accent-blue);
    --sidebar-icons-shadow-color: drop-shadow(0px 1px 10px rgba(42, 89, 255, .7));
    --sidebar-icons-after-color: linear-gradient(180deg, rgba(42, 76, 255, 0), #2a4cff);
    --main-chat-background-color: var(--color-dark-60);
    --chat-message-text-color: var(--color-white-primary);
    --chat-message-background-color: var(--color-dark-90);
    --footer-background-color: var(--color-background-lighter);
    --game-block-color: #21264a;
    --input-background-color: var(--color-dark-50);
    --input-indent-background-color: #1e2242;
    --live-feed-tab-color: var(--color-dark-50);
    --input-button-color: var(--color-dark-30);
    --home-card-color: linear-gradient(0deg, #21264a, #21264a);
    --live-feed-table-column-color: rgba(40, 46, 84, .2);
    --live-feed-table-column-hover-color: rgba(54, 86, 255, .13);
    --live-feed-table-column-hover-text-color: var(--color-accent-blue);
    --card-background-color: #21264a;
    --card-background-hover-color: #23284e;
    --select-background-color: var(--color-dark-50);
    --pagination-background-color: var(--color-dark-50);
    --pagination-background-active-color: var(--color-accent-blue);
    --modal-background-color: var(--color-dark-90);
    --deposit-modal-card-background-color: var(--color-dark-50);
    --deposit-modal-card-background-hover-color: var(--color-dark-60);
    --mobile-navigation-color: var(--color-dark-90);
    --spinner-background-color: var(--color-dark-90);
    --battle-card-background-color: #1d2244;
    --battle-card-amount-color: var(--color-dark-50);
    --mines-background-color: var(--color-dark-50);
    --mines-tile-color: #1c2249;
    --mines-tile-hover-color: rgba(54, 86, 255, .2);
    --towers-row-color: #21264a;
    --towers-row-active-color: rgba(54, 86, 255, .2);
    --towers-row-button-color: var(--color-accent-blue);
    --roulette-background-color: var(--color-dark-50);
    --roulette-default-color: var(--color-dark-30);
    --roulette-gold-color: var(--color-gold-primary);
    --roulette-blue-color: var(--color-accent-blue)
}

.theme-halloween {
    --event-main-background-color: #200731;
    --event-main-background-light-color: #291342;
    --event-main-background-accent-color: #3a1f58;
    --event-cta-gold-color: #fcb122;
    --main-background-color: url(https://bloxflip.com/backgrounds/halloween-background.png);
    --main-text-color: var(--color-white-primary);
    --main-text-button-color: var(--color-black);
    --main-button-color: var(--event-cta-gold-color);
    --main-button-hover-color: #fca706;
    --bet-option-button-color: var(--event-main-background-light-color);
    --main-tab-color: var(--event-main-background-light-color);
    --header-color: rgba(32, 7, 49, .95);
    --header-active-color: var(--event-cta-gold-color);
    --sidebar-color: var(--event-main-background-color);
    --sidebar-text-color: var(--color-grey-extra);
    --sidebar-icons-color: var(--event-cta-gold-color);
    --sidebar-border-color: var(--event-cta-gold-color);
    --sidebar-icons-shadow-color: drop-shadow(0px 1px 10px rgba(42, 89, 255, .7));
    --sidebar-icons-after-color: linear-gradient(180deg, rgba(42, 76, 255, 0), #fcb122);
    --main-chat-background-color: var(--event-main-background-color);
    --chat-message-text-color: var(--color-white-primary);
    --chat-message-background-color: #210e37;
    --footer-background-color: transparent;
    --game-block-color: var(--event-main-background-color);
    --input-background-color: var(--event-main-background-light-color);
    --input-button-color: var(--event-main-background-accent-color);
    --home-card-color: linear-gradient(0deg, var(--event-main-background-color), var(--event-main-background-color));
    --live-feed-tab-color: var(--event-main-background-light-color);
    --live-feed-table-column-color: rgba(32, 7, 49, .2);
    --live-feed-table-column-hover-color: rgba(252, 177, 34, .13);
    --live-feed-table-column-hover-text-color: var(--event-cta-gold-color);
    --card-background-color: var(--event-main-background-light-color);
    --card-background-hover-color: #2d0a45;
    --select-background-color: var(--event-main-background-light-color);
    --pagination-background-color: var(--event-main-background-light-color);
    --pagination-background-active-color: var(--event-main-background-accent-color);
    --modal-background-color: var(--event-main-background-color);
    --deposit-modal-card-background-color: var(--event-main-background-color);
    --deposit-modal-card-background-hover-color: var(--event-main-background-light-color);
    --mobile-navigation-color: var(--event-main-background-color);
    --spinner-background-color: var(--event-main-background-color);
    --battle-card-background-color: var(--event-main-background-color);
    --battle-card-amount-color: var(--event-main-background-light-color);
    --mines-background-color: var(--event-main-background-color);
    --mines-tile-color: var(--event-main-background-light-color);
    --mines-tile-hover-color: var(--event-main-background-accent-color);
    --towers-row-color: var(--event-main-background-color);
    --towers-row-active-color: rgba(58, 31, 88, .2);
    --towers-row-button-color: var(--event-main-background-accent-color)
}

.fadeout {
    opacity: 0;
    pointer-events: none;
    animation: fadeOut .5s ease-in-out forwards
}

.custom__control {
    min-width: unset !important
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
    display: none !important
}

.separator {
    margin-top: 3rem;
    display: flex;
    align-items: center;
    text-align: center
}

.separator:after,
.separator:before {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #000
}

.separator:not(:empty):before {
    margin-right: .25em
}

.separator:not(:empty):after {
    margin-left: .25em
}

apple-pay-button {
    --apple-pay-button-width: 100%;
    --apple-pay-button-height: 100%;
    --apple-pay-button-border-radius: 3px;
    --apple-pay-button-padding: 0px 0px;
    --apple-pay-button-box-sizing: border-box
}

body {
    overflow-x: hidden
}

[tabindex]:not([tabindex="-1"]):focus-visible,
a:not([disabled]):not([tabindex="-1"]):focus-visible,
a[href]:not([tabindex="-1"]):focus-visible,
area[href]:not([tabindex="-1"]):focus-visible,
button:not([disabled]):not([tabindex="-1"]):focus-visible,
iframe:not([tabindex="-1"]):focus-visible {
    outline-offset: -1px;
    outline: 1px solid var(--color-white-primary)
}

.devider {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home-slider>.swiper {
    padding-bottom: 36px
}

.home-slider>.swiper>.swiper-pagination {
    bottom: 0
}

.home-slider>.swiper>.swiper-pagination>.swiper-pagination-bullet {
    width: 22px;
    height: 4px;
    background: var(--color-grey-secondary);
    border-radius: 10px;
    opacity: 1
}

.home-slider>.swiper>.swiper-pagination>.swiper-pagination-bullet-active {
    background: var(--color-accent-blue);
    box-shadow: 0 2px 15px var(--color-accent-blue)
}

button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.custom__control {
    cursor: pointer !important;
    background-color: var(--select-background-color) !important;
    border: none !important;
    border-radius: 4px !important;
    min-height: 40px !important;
    min-width: 190px
}

.custom__value-container {
    padding: 0 16px !important
}

.custom__placeholder,
.custom__single-value {
    color: var(--color-white-primary) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 1.4rem !important
}

.custom__indicator {
    color: transparent !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.209209 0.21967C0.488155 -0.0732233 0.940416 -0.0732233 1.21936 0.21967L5 4.18934L8.78064 0.21967C9.05958 -0.0732233 9.51184 -0.0732233 9.79079 0.21967C10.0697 0.512563 10.0697 0.987437 9.79079 1.28033L5.50508 5.78033C5.22613 6.07322 4.77387 6.07322 4.49492 5.78033L0.209209 1.28033C-0.0697365 0.987437 -0.0697365 0.512563 0.209209 0.21967Z' fill='%235F6892'/%3E%3C/svg%3E%0A") 50%/10px auto no-repeat !important
}

.custom__indicator svg {
    display: none !important
}

.custom__indicator-separator {
    display: none
}

.custom__menu {
    margin: 4px 0 !important;
    background: var(--color-dark-50) !important;
    border-radius: 4px !important;
    box-shadow: none !important
}

.custom__menu,
.custom__menu-list {
    border: none !important
}

.custom__option {
    cursor: pointer !important;
    padding: 11px 12px !important;
    letter-spacing: .1px !important;
    color: var(--color-white-secondary) !important;
    font-size: 1.4rem !important;
    line-height: 1.2857142857 !important
}

.custom__option--is-focused {
    background: var(--color-dark-30) !important
}

.custom__option--is-selected {
    background: var(--color-accent-blue) !important
}

.react-datepicker__triangle:after,
.react-datepicker__triangle:before {
    border-bottom-color: #282e54 !important
}

.react-datepicker__header {
    background-color: #202543 !important;
    border-bottom: none !important
}

.react-datepicker__header * {
    color: #fff !important
}

.react-datepicker__navigation .react-datepicker__month-read-view--down-arrow,
.react-datepicker__navigation .react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation .react-datepicker__navigation-icon:before,
.react-datepicker__navigation .react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: block;
    height: 5.8px;
    position: absolute;
    top: 6px;
    width: 6px
}

.react-datepicker__day {
    color: #8f9ee8 !important;
    height: max-content;
    width: unset !important;
    padding: 2px 5px;
    background-color: unset !important
}

.react-datepicker__day:hover {
    background-color: hsla(0, 0%, 100%, .051) !important
}

.react-datepicker__week {
    text-align: left !important
}

.react-datepicker__day--selected {
    border: 2px solid hsla(0, 0%, 100%, .051) !important;
    background-color: unset !important;
    height: max-content;
    text-align: center
}

.slotsSelect__control {
    cursor: pointer !important;
    background-color: var(--select-background-color) !important;
    border: none !important;
    border-radius: 4px !important;
    height: 40px !important;
    min-width: 125.664px
}

.slotsSelect__value-container {
    padding: 0 16px !important
}

.slotsSelect__placeholder,
.slotsSelect__single-value {
    color: var(--color-white-primary) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 600
}

.slotsSelect__indicator {
    color: transparent !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.209209 0.21967C0.488155 -0.0732233 0.940416 -0.0732233 1.21936 0.21967L5 4.18934L8.78064 0.21967C9.05958 -0.0732233 9.51184 -0.0732233 9.79079 0.21967C10.0697 0.512563 10.0697 0.987437 9.79079 1.28033L5.50508 5.78033C5.22613 6.07322 4.77387 6.07322 4.49492 5.78033L0.209209 1.28033C-0.0697365 0.987437 -0.0697365 0.512563 0.209209 0.21967Z' fill='%235F6892'/%3E%3C/svg%3E%0A") 50%/10px auto no-repeat !important
}

.slotsSelect__indicator svg {
    display: none !important
}

.slotsSelect__indicator-separator {
    display: none
}

.slotsSelect__menu {
    margin: 4px 0 !important;
    background: var(--select-background-color) !important;
    border-radius: 4px !important;
    box-shadow: none !important
}

.slotsSelect__menu,
.slotsSelect__menu-list {
    border: none !important
}

.slotsSelect__option {
    cursor: pointer !important;
    padding: 11px 12px !important;
    letter-spacing: .1px !important;
    color: var(--color-white-secondary) !important;
    font-size: 1.4rem !important;
    line-height: 1.2857142857 !important
}

.slotsSelect__option--is-focused {
    background: var(--color-dark-30) !important
}

.slotsSelect__option--is-selected {
    background: var(--color-accent-blue) !important
}

.customInput {
    width: 100%
}

.customInput .customInputLabel {
    display: block;
    margin-bottom: 8px;
    color: var(--color-grey-secondary)
}

.customInputIcon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 28px
}

.customInputAutocomplete {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    min-width: 1px;
    width: 100%;
    background: var(--color-dark-50);
    border-radius: 8px;
    padding: 0 16px;
    height: 42px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 130%;
    letter-spacing: .1px;
    color: var(--color-white-primary)
}

.customInputAutocompleteWithCurrency {
    padding-left: 41px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='24' viewBox='0 0 17 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9748 7.35062L8.83643 3.78701C8.62828 3.66617 8.37183 3.66617 8.16368 3.78701L2.02535 7.35062C1.8172 7.47146 1.68897 7.69478 1.68897 7.93646V15.0637C1.68897 15.3054 1.8172 15.5287 2.02535 15.6495L8.16368 19.2131C8.37183 19.334 8.62828 19.334 8.83643 19.2131L14.9748 15.6495C15.1829 15.5287 15.3111 15.3054 15.3111 15.0637V7.93646C15.3111 7.69478 15.1829 7.47146 14.9748 7.35062ZM9.50917 2.61533C8.88473 2.25281 8.11538 2.25282 7.49094 2.61533L1.3526 6.17894C0.728162 6.54146 0.34349 7.21143 0.34349 7.93646V15.0637C0.34349 15.7887 0.728162 16.4587 1.3526 16.8212L7.49094 20.3848C8.11538 20.7473 8.88473 20.7473 9.50917 20.3848L15.6475 16.8212C16.272 16.4587 16.6566 15.7887 16.6566 15.0637V7.93646C16.6566 7.21142 16.272 6.54146 15.6475 6.17894L9.50917 2.61533Z' fill='%23818EBB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 14.4393H5.58537V11.9458C5.78393 11.8942 6.47436 11.8993 6.47436 12.3331V14.4393H8.03944V11.8834C7.99362 11.7027 7.74619 11.3452 7.12302 11.3606C7.42849 11.3284 8.03944 11.1051 8.03944 10.47V9.50185C8.01653 9.12106 7.68204 8.35947 6.52734 8.35947H4V14.4393ZM5.5578 9.36639V10.8188H6.17639C6.32913 10.793 6.6346 10.6097 6.6346 10.0829C6.6346 9.55618 6.32913 9.38576 6.17639 9.36639H5.5578Z' fill='%23818EBB'/%3E%3Cpath d='M11.3033 10.9015C10.7521 10.6562 10.2317 10.4246 10.2338 10.1611C10.2354 9.97996 10.515 9.79476 10.9813 9.79476C10.9854 9.79476 10.9894 9.79476 10.9935 9.79476C11.6106 9.799 12.2081 10.2939 12.3229 10.4161L12.4377 10.5384L13.5 9.56618L13.386 9.46C13.2069 9.2935 12.5804 8.75219 11.7669 8.5132L11.775 7.50908L10.2902 7.49902L10.2823 8.47969C9.35365 8.70686 8.73481 9.36952 8.72846 10.1602C8.72 11.201 9.81846 11.6915 10.7012 12.0856C11.2504 12.3307 11.769 12.5625 11.7669 12.8262C11.7662 12.9175 11.7019 13.0068 11.586 13.0777C11.4423 13.1655 11.2367 13.2137 11.0071 13.2114C10.3048 13.2066 9.695 12.5787 9.68904 12.5722L9.57519 12.4486L8.5 13.4202L8.61788 13.5299C8.79885 13.6985 9.43019 14.2458 10.2337 14.4833L10.2256 15.4876L11.7102 15.4976L11.7181 14.5157C12.6529 14.2787 13.276 13.6123 13.2823 12.8269C13.291 11.7861 12.1888 11.2956 11.3033 10.9015Z' fill='%23818EBB'/%3E%3C/svg%3E%0A");
    background-position: 16px;
    background-repeat: no-repeat;
    background-size: 17px auto
}

.customInputAutocomplete:focus {
    outline: none
}

.customInputInner {
    position: relative
}

.customInputInnerButtons {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background: var(--input-background-color);
    padding-left: 8px;
    transition: opacity .2s ease
}

@media(max-width:1170px) {
    .customInputInnerButtons {
        right: 8px
    }
}

.customInputInnerButtons:focus-within {
    opacity: 1 !important;
    pointer-events: all !important
}

.customInputInnerButtons>*+* {
    margin-left: 8px
}

.customInputInnerButtonsLeft {
    position: absolute;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-dark-50);
    padding-left: 5px;
    transition: opacity .2s ease;
    z-index: 1
}

.customInputInnerButtonsLeft:focus-within {
    opacity: 1 !important;
    pointer-events: all !important
}

.customInputInnerButtonsLeft>*+* {
    margin-left: 8px
}

.customInputInnerButtonsLeftText {
    color: var(--Text-White, var(--text-text-white, #f9faff));
    font-feature-settings: "clig" off, "liga" off;
    font-family: Titillium Web;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .1px
}

.customInputInnerButtonsLeftIncrease {
    margin-left: -2px
}

.customInputInner:focus-within .customInputInnerButtons {
    opacity: 0;
    pointer-events: none
}

.customInputInner:has(>.customInputInnerButtonsLeft) input {
    padding-left: 150px
}

@media(min-width:1170px) {
    .customInputInner:has(>.customInputInnerButtonsLeft) input {
        padding-left: 165px
    }
}

.customInputOptions {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px -8px
}

.customInputOptions>* {
    margin: 0 4px 8px
}

.customInputColorPicker {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px -6px
}

.customInputColorPickerItem {
    margin: 0 3px 6px;
    width: 24px;
    height: 24px;
    position: relative;
    outline: none
}

.customInputColorPickerItem input {
    outline: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    box-shadow: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    margin: 4px;
    cursor: pointer;
    background: var(--color)
}

.customInputColorPickerItem input:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%
}

.customInputColorPickerItem input.exists:after {
    border: 1px solid hsla(0, 0%, 100%, .431)
}

.customInputColorPickerItem input:checked:after {
    border: 1px solid var(--color)
}

@media(max-width:560px) {
    .mobileBottomMargin {
        margin-bottom: 2em
    }
}

.gameBlock {
    background: var(--game-block-color);
    border-radius: 12px
}

.gameBet {
    padding: 24px;
    display: flex;
    flex-direction: column
}

@media(max-width:1170px) {
    .gameBet {
        padding: 16px
    }
}

.gameBetSubmit {
    margin-top: auto;
    width: 100%;
    border-radius: 8px !important
}

@media(max-width:560px) {
    .gameBetSubmit {
        order: -1;
        padding-bottom: 2em
    }
}

.gameBet>:nth-last-child(2) {
    padding-bottom: 32px
}

.gameBet>*+:not(.gameBetSubmit) {
    margin-top: 24px
}

.gameBet>*+:not(.gameBetSubmit).gameBetInput {
    margin-top: 20px
}

.gamePlayers {
    position: relative;
    overflow: hidden
}

.gamePlayersTable {
    width: 100%;
    border-spacing: 0;
    white-space: nowrap
}

@media(max-width:560px) {
    .gamePlayersTable {
        display: block;
        width: 100%
    }
    .gamePlayersTableRow {
        padding: 8px 16px;
        width: 100%;
        display: flex;
        align-items: center
    }
}

.gamePlayersTableHead {
    color: var(--color-white-secondary)
}

@media(max-width:560px) {
    .gamePlayersTableHead {
        width: 100%;
        display: block
    }
}

.gamePlayersTableHead .gamePlayersTableItem {
    padding: 22px 0
}

.gamePlayersTableHead .gamePlayersTableItem span {
    color: var(--color-grey-primary)
}

@media(max-width:560px) {
    .gamePlayersTableHead .gamePlayersTableItem {
        padding: 8px 0;
        min-height: 50px;
        display: flex;
        align-items: center
    }
    .gamePlayersTableHead .gamePlayersTableItem:first-child {
        margin-right: auto
    }
}

.gamePlayersTableHead svg {
    fill: var(--color-white-primary);
    vertical-align: middle;
    margin-left: 8px
}

.gamePlayersTable .gamePlayersTableItem:first-child {
    padding-left: 24px
}

@media(max-width:560px) {
    .gamePlayersTable .gamePlayersTableItem:first-child {
        padding: 0
    }
    .gamePlayersTableBody {
        width: 100%;
        display: block
    }
    .gamePlayersTableBody .gamePlayersTableRow {
        flex-wrap: wrap;
        padding: 8px 0 8px 46px
    }
}

.gamePlayersTableBody .gamePlayersTableItem {
    padding: 5px 0;
    color: var(--color-grey-primary)
}

@media(max-width:560px) {
    .gamePlayersTableBody .gamePlayersTableItem {
        margin: 0 16px;
        padding: 0;
        background: none !important
    }
}

.gamePlayersTableBody .gamePlayersTableItem>* {
    display: flex;
    align-items: center;
    max-width: 100%
}

.gamePlayersTableBody .gamePlayersTableItemAvatar {
    display: inline-flex;
    margin-right: 8px
}

.gamePlayersTableBody .gamePlayersTableItem svg {
    vertical-align: middle
}

.gamePlayersTableBody .gamePlayersTableItem.gamePlayersTableUser {
    color: var(--color-white-primary)
}

@media(max-width:560px) {
    .gamePlayersTableBody .gamePlayersTableItem.gamePlayersTableUser {
        width: calc(100% + 30px);
        margin-left: -30px
    }
}

.gamePlayersTableBody .gamePlayersTableItem.gamePlayersTableUser span {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden
}

.gamePlayersTableBody .gamePlayersTableItem.gamePlayersTableItemAmount svg {
    fill: var(--color-grey-secondary);
    margin-left: 8px
}

.gamePlayersTableBody .gamePlayersTableItem.gamePlayersTableItemCoeff {
    color: var(--color-white-primary)
}

.gamePlayersTableBody .gamePlayersTableItem.gamePlayersTableItemCoeff span {
    color: var(--color-grey-secondary);
    font-size: 1rem;
    align-self: flex-end;
    margin-left: 4px;
    margin-bottom: 1px
}

@media(max-width:560px) {
    .gamePlayersTableBody .gamePlayersTableRow:nth-child(odd) {
        background: rgba(40, 46, 84, .5)
    }
}

.gamePlayersTableBody .gamePlayersTableRow:nth-child(odd) .gamePlayersTableItem {
    background: rgba(40, 46, 84, .5)
}

@media(max-width:560px) {
    .gamePlayersTableHidden .gamePlayersTableBody .gamePlayersTableRow:nth-child(n+5) {
        display: none
    }
}

.gamePlayersScrollable {
    height: 257px;
    overflow: hidden;
    position: relative
}

@media(max-width:560px) {
    .gamePlayersScrollable {
        position: static;
        height: auto
    }
}

.gamePlayersScrollable:after {
    content: "";
    position: absolute;
    height: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(33, 38, 74, 0), #21264a)
}

@media(max-width:560px) {
    .gamePlayersScrollable:after {
        display: none
    }
}

.gamePlayersScrollable .gamePlayersTableHead {
    position: -webkit-sticky;
    position: sticky;
    background: #21264a;
    border-radius: 12px 12px 0 0;
    z-index: 2;
    margin-top: -1px;
    top: 0
}

.gamePlayersScrollable .gamePlayersTableHead .gamePlayersTableItem {
    border-bottom: 1px solid rgba(40, 46, 84, .5)
}

.gamePlayersScroller {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden auto
}

@media(max-width:560px) {
    .gamePlayersScroller {
        position: static;
        overflow: initial
    }
}

.gamePlayersScroller::-webkit-scrollbar {
    display: none
}

.gamePlayersExpand {
    margin: 16px;
    width: calc(100% - 32px)
}

@media(min-width:561px) {
    .gamePlayersExpand {
        display: none !important
    }
}

.gameLatest {
    display: flex;
    position: relative;
    z-index: 9
}

.gameLatestHorizontal {
    flex-wrap: wrap
}

.gameLatestHorizontal>* {
    margin: 0 4px 8px
}

.gameLatestItem {
    padding: 4px 12px;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 115%;
    letter-spacing: .2px;
    color: var(--color-white-primary);
    border-radius: 8px;
    white-space: nowrap;
    flex-shrink: 0
}

@media(max-width:560px) {
    .gameLatestItem {
        padding: 4px 8px;
        font-size: 1.2rem
    }
}

.gameLatestItemPurple {
    background: #af3bd8
}

.gameLatestItemYellow {
    background: #fcb122
}

.gameLatestItemRed {
    background: #f03276
}

.gameLatestItemNeutral {
    background: var(--color-dark-30)
}

.gameLatestItemBlue {
    background: #3656ff
}

.ReactModal__Overlay {
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 24px;
    z-index: 9999;
    opacity: 0;
    overflow: hidden auto;
    background: rgba(15, 16, 37, .8) !important;
    transition: opacity .2s ease
}

@media(max-width:767px) {
    .ReactModal__Overlay {
        overflow: unset;
        padding: 0
    }
}

.ReactModal__Overlay::-webkit-scrollbar {
    display: none
}

.ReactModal__Overlay--after-open {
    opacity: 1
}

.ReactModal__Overlay--before-close {
    opacity: 0
}

.ReactModal__Content {
    transform: translateY(-15%);
    opacity: 0;
    outline: none;
    transition: transform .2s ease, opacity .2s ease
}

@media(max-width:767px) {
    .ReactModal__Content {
        transform: none
    }
}

.ReactModal__Content--after-open {
    opacity: 1;
    transform: translateY(0) !important
}

.ReactModal__Content--before-close {
    opacity: 0;
    transform: translateY(-15%)
}

.tmpMenu {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10000;
    background: var(--color-dark-60);
    width: 300px;
    padding: 60px 16px 16px;
    border-radius: 0 12px 0 0;
    border: 1px solid var(--color-dark-30);
    border-left: none;
    border-bottom: none;
    transition: width .2s ease, transform .2s ease
}

.tmpMenu .tmpMenuClose {
    position: absolute;
    left: 16px;
    top: 8px;
    right: 16px;
    padding: 8px 12px !important;
    cursor: pointer
}

.tmpMenuHidden {
    width: 180px;
    transform: translateY(calc(100% - 50px))
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

div.coinbase-commerce-iframe-container {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    position: fixed;
    background-color: rgba(0, 0, 0, .5)
}

iframe.coinbase-commerce-iframe {
    height: 100%;
    min-width: 100%;
    border-radius: 15px
}

.eabiH {
    max-width: 100% !important
}

.wrappeer {
    display: "flex" !important;
    align-items: center !important;
    justify-content: center !important;
    gap: ".7em" !important
}

.chance {
    padding: 3px 6px;
    background: var(--color-accent-blue);
    color: var(--color-white-secondary);
    border-radius: 4px;
    margin: 0;
    position: absolute !important;
    top: 1em;
    right: 1em;
    white-space: nowrap
}

@media only screen and (max-width:767px) {
    .chancesCard {
        padding: 30px 5px 12px 12px !important
    }
}

.info-wrapper button {
    height: -moz-fit-content;
    height: fit-content
}

.temp {
    fill: #05d3dd !important
}

.lastestHistory {
    position: absolute;
    left: 28px;
    top: 20px
}

@media(max-width:767px) {
    .lastestHistory {
        gap: 8px
    }
    .lastestHistory>* {
        text-align: center;
        margin: 0
    }
}

.purple {
    background-color: #af3bd8
}

.red {
    background-color: #f03276
}

.yellow {
    background-color: #fcb122
}

.custom-tooltip {
    font-weight: 600;
    border-radius: 5px !important
}

.radioGlobal {
    display: flex;
    gap: 8px
}

@media(max-width:730px) {
    .radioGlobal {
        display: grid
    }
}

.radioGlobal label {
    padding: 7px 21px 7px 39px;
    background: var(--color-dark-50);
    border-radius: 8px;
    color: var(--color-white-primary);
    position: relative;
    cursor: pointer
}

.radioGlobal label span {
    font-size: 13px
}

.radioGlobal label input {
    width: 0;
    height: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    border: none
}

.radioGlobal label input:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid var(--color-grey-primary);
    transform: translateY(-50%)
}

.radioGlobal label input:checked:after {
    content: "";
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: var(--color-accent-blue);
    border-radius: 50%
}

.radioGlobal label input:checked:before {
    border-color: var(--color-accent-blue)
}

.phoneNumberInput .PhoneInputCountry {
    background: var(--color-dark-50);
    border-radius: 8px 0 0 8px;
    padding-left: 1em;
    gap: 5px;
    margin-right: 0
}

.phoneNumberInput .PhoneInputCountry .PhoneInputCountrySelect {
    font-size: 15px
}

.phoneNumberInput .PhoneInputCountry .PhoneInputCountryIcon--border {
    box-shadow: none;
    background-color: none
}

.phoneNumberInput .PhoneInputCountry .PhoneInputCountryIcon {
    height: auto !important
}

.phoneNumberInput .PhoneInputCountry .PhoneInputCountryIcon img {
    border-radius: 3px
}

.phoneNumberInput input {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    min-width: 1px;
    width: 100%;
    background: var(--color-dark-50);
    border-radius: 0 8px 8px 0;
    padding: 0 16px;
    height: 42px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 130%;
    letter-spacing: .1px;
    color: var(--color-white-primary);
    outline: none
}

.ReactModal__Overlay {
    z-index: 9999999
}

.clicked {
    background: var(--color-dark-30) !important;
    color: var(--color-white-primary) !important
}

.unclicked {
    background: var(--color-dark-90) !important
}

.item-enter {
    opacity: 0
}

.item-enter-active {
    opacity: 1;
    transition: opacity .3s ease-in
}

.item-exit {
    opacity: 1
}

.item-exit-active {
    opacity: 0;
    transition: opacity .3s ease-in
}

main.ant-layout-content .plinko {
    padding-top: 50px;
    padding-bottom: 50px;
    color: #fff
}

.plinko_tab {
    padding: 1rem !important;
    background-color: #263742;
    border-radius: 6px 0 0 6px
}

.plinko>.ant-row {
    display: flex
}

.plinko_tab .ant-tabs-bar {
    border-bottom: #ffdead
}

.plinko_tab .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-nav {
    width: 100%
}

.plinko_tab .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-nav div.ant-tabs-ink-bar {
    display: none !important
}

.plinko_tab.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
    font-weight: 600;
    font-size: .8em;
    touch-action: manipulation;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    color: #b7bfd6;
    transition: background .3s ease 0s, opacity .3s ease 0s, transform .1s ease 0s;
    border-radius: 5px;
    background: #2e4452;
    padding: calc(.5em + 2px) 1em;
    margin-right: 0;
    width: 50%
}

.plinko_tab.ant-tabs .ant-tabs-top-bar .ant-tabs-tab.ant-tabs-tab-active,
.plinko_tab.ant-tabs .ant-tabs-top-bar .ant-tabs-tab.ant-tabs-tab-active:hover {
    background-color: #15212d
}

.plinko_tab.ant-tabs .ant-tabs-nav div .ant-tabs-tab:first-child {
    border-radius: 6px 0 0 6px
}

.plinko_tab.ant-tabs .ant-tabs-nav div .ant-tabs-tab:last-child {
    border-radius: 0 6px 6px 0
}

.plinko_tab.ant-tabs .ant-tabs-top-bar .ant-tabs-tab:hover {
    background-color: #375262
}

.manual_tab label {
    display: inline-flex;
    align-items: center;
    color: #b7bfd6;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 .25em;
    transition: all .2s ease-out 0s
}

.total_bet .ant-select {
    width: 100%
}

.total_bet .ant-select .ant-select-selection {
    background-color: transparent;
    border: #ffdead;
    color: #fff;
    font-weight: 600
}

.total_bet .ant-select .ant-select-arrow {
    color: #fff
}

.ant-select-dropdown-menu {
    background-color: #15212d
}

.ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected {
    background-color: #0000;
    font-weight: 400
}

.ant-select-dropdown-menu li.ant-select-dropdown-menu-item {
    color: #fff;
    font-size: 14px
}

.ant-select-dropdown-menu .ant-select-dropdown-menu-item-active {
    background-color: #007bff !important
}

.total_bet .ant-select.ant-select-focused {
    background-color: #15212d
}

div#techvr canvas {
    max-width: 100%;
    height: auto
}

div#techvr {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center
}

.plinko_tab_sidepanel {
    display: flex !important
}

.pegs {
    height: 2em;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: -5px
}

.pegs_wrapper {
    display: grid;
    height: 100%;
    position: relative;
    grid-gap: 1% 1%;
    gap: 1% 1%;
    width: 75%
}

.peg1 {
    box-shadow: 0 .2em 0 0 #9856ef;
    background: #883ee7
}

.peg1,
.peg2 {
    position: relative;
    cursor: help;
    text-align: center;
    animation-duration: .3s !important;
    border-radius: .3em
}

.peg2 {
    box-shadow: 0 .2em 0 0 #be51e8;
    background: #af3bd8
}

.peg3,
.peg4 {
    position: relative;
    cursor: help;
    text-align: center;
    box-shadow: 0 .2em 0 0 #ee4a85;
    animation-duration: .3s !important;
    border-radius: .3em;
    background: #f03276
}

.peg5,
.peg6 {
    box-shadow: 0 .2em 0 0 #fa8b69;
    background: #ff774c
}

.peg5,
.peg6,
.peg7 {
    position: relative;
    cursor: help;
    text-align: center;
    animation-duration: .3s !important;
    border-radius: .3em
}

.peg7 {
    box-shadow: 0 .2em 0 0 #fdb948;
    background: #fcb122
}

.peg8,
.peg9 {
    box-shadow: 0 .2em 0 0 #fa8b69;
    background: #ff774c
}

.peg10,
.peg8,
.peg9 {
    position: relative;
    cursor: help;
    text-align: center;
    animation-duration: .3s !important;
    border-radius: .3em
}

.peg10 {
    box-shadow: 0 .2em 0 0 #be51e8;
    background: #af3bd8
}

.peg11 {
    box-shadow: 0 .2em 0 0 #9856ef;
    background: #883ee7
}

.peg11,
.peg12 {
    position: relative;
    cursor: help;
    text-align: center;
    animation-duration: .3s !important;
    border-radius: .3em
}

.peg12 {
    box-shadow: 0 .2em 0 0 #b14a00;
    background: #ff7818
}

.peg13 {
    box-shadow: 0 .2em 0 0 #b93500;
    background: #ff6020
}

.peg13,
.peg14 {
    position: relative;
    cursor: help;
    text-align: center;
    animation-duration: .3s !important;
    border-radius: .3em
}

.peg14 {
    box-shadow: 0 .2em 0 0 #c01d00;
    background: #ff4827
}

.peg15 {
    box-shadow: 0 .2em 0 0 #c80100;
    background: #ff302f
}

.peg15,
.peg16 {
    position: relative;
    cursor: help;
    text-align: center;
    animation-duration: .3s !important;
    border-radius: .3em
}

.peg16 {
    box-shadow: 0 .2em 0 0 #b10018;
    background: #ff1837
}

.peg17 {
    position: relative;
    cursor: help;
    text-align: center;
    box-shadow: 0 .2em 0 0 #990026;
    animation-duration: .3s !important;
    border-radius: .3em;
    background: #ff003f
}

.pegtext {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: max-content;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .pegtext {
        font-size: 10px
    }
}

@media only screen and (max-width:350px) {
    .pegtext {
        font-size: 7px
    }
}

.peg {
    grid-row: 1/auto;
    font-size: 14px
}

.canvas-container {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.pegs.rows8 .pegs_wrapper {
    width: 71%;
    gap: 1% 2%
}

.pegs.rows9 .pegs_wrapper {
    width: 72%
}

.bet-btn {
    transform: skew(-20deg);
    max-width: 350px !important
}

.plinko-place-bet {
    padding: 30px 0;
    width: 100%
}

.plinko-place-bet label {
    color: #777a85;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    display: block;
    text-align: left
}

.total_bet {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.multiplier {
    transform: skew(-20deg);
    border-color: #1e234a !important;
    background-color: #1e234a !important;
    text-transform: none
}

.total_bet_input {
    width: 50%
}

.bottom_total_bet .MuiInput-formControl {
    color: #777a85;
    height: 2.25rem;
    padding: 12px;
    font-size: 14px;
    transform: skew(-20deg);
    font-weight: 600;
    border-radius: 4px;
    background-color: #1e234a
}

.plinko-place-bet .bottom_total_bet label {
    z-index: 9;
    left: 15px;
    top: -6px
}

.risk_bet {
    width: 28%
}

.bottom_total_bet {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 5px
}

.number_bet_input,
.row_bet {
    width: 28%
}

.auto_bet_input {
    width: 10%
}

._2m9w7 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._2m9w7 * {
    box-sizing: inherit
}

._35S7s {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

._17p54 {
    border: 1px solid #edeef2;
    border-left-color: transparent;
    display: none;
    margin-right: -1px
}

@media screen and (min-width:37.5em) {
    ._17p54 {
        display: block
    }
}

._17p54:first-child,
._17p54:last-child {
    display: block
}

._17p54:first-child {
    border-left-color: #edeef2
}

._17p54:first-child,
._17p54:first-child ._3q06O {
    border-radius: 4px 0 0 4px
}

._17p54:last-child {
    border-radius: 0 4px 4px 0;
    border-right-width: 1px;
    margin-right: 0
}

._17p54:last-child ._3q06O {
    border-radius: 0 4px 4px 0
}

._2BFH2,
._3q06O {
    min-width: 2.5em;
    padding: .5em;
    text-align: center
}

._3q06O {
    background: #fff;
    color: #72256d;
    display: block;
    outline: 1px solid transparent;
    text-decoration: none;
    transition: outline-color .2s ease-in-out
}

._3q06O:focus,
._3q06O:hover {
    outline: 1px solid currentColor;
    position: relative;
    z-index: 1
}

._3mc99 {
    background: #fff
}

._2hta1,
._3mc99 {
    color: #666;
    pointer-events: none
}

._2hta1 {
    background: #f7f8fa
}

._3q06O svg {
    display: block
}

._3bLAO {
    align-items: center;
    display: flex;
    flex-direction: row-reverse
}

._6ZFVN {
    flex: 0 0 auto;
    margin-left: .5em
}

._2INQH {
    background-color: #fff;
    border: 1px solid #edeef2;
    border-radius: 4px;
    color: inherit;
    display: block;
    font-size: 1em;
    line-height: 24px;
    position: relative;
    text-overflow: ellipsis;
    transition: border-color .2s ease-in-out;
    width: 100%
}

._2INQH:focus-within,
._2INQH:hover {
    border-color: #72256d;
    outline: none
}

._2INQH select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    display: block;
    height: calc(1em + 24px + 2px);
    font-size: 1em;
    line-height: 24px;
    padding: .5em 2.5em .5em .5em;
    text-indent: .5em;
    text-overflow: ellipsis;
    transition: border-color .2s ease-in-out;
    width: 100%;
    z-index: 1
}

._2INQH select:focus {
    outline: none
}

._2INQH select::-ms-expand {
    display: none
}

._3kcRr {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    pointer-events: none;
    width: 2em
}

._3kcRr svg {
    display: block;
    height: 16px;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px
}

._3uz07 {
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

:root,
[data-amplify-theme] {
    --amplify-components-alert-align-items: center;
    --amplify-components-alert-justify-content: space-between;
    --amplify-components-alert-color: var(--amplify-colors-font-primary);
    --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
    --amplify-components-alert-padding-block: var(--amplify-space-small);
    --amplify-components-alert-padding-inline: var(--amplify-space-medium);
    --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl);
    --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-alert-heading-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-alert-info-color: var(--amplify-colors-font-info);
    --amplify-components-alert-info-background-color: var(--amplify-colors-background-info);
    --amplify-components-alert-error-color: var(--amplify-colors-font-error);
    --amplify-components-alert-error-background-color: var(--amplify-colors-background-error);
    --amplify-components-alert-warning-color: var(--amplify-colors-font-warning);
    --amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning);
    --amplify-components-alert-success-color: var(--amplify-colors-font-success);
    --amplify-components-alert-success-background-color: var(--amplify-colors-background-success);
    --amplify-components-authenticator-max-width: 60rem;
    --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full);
    --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full);
    --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50);
    --amplify-components-authenticator-modal-top: var(--amplify-space-zero);
    --amplify-components-authenticator-modal-left: var(--amplify-space-zero);
    --amplify-components-authenticator-container-width-max: 30rem;
    --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small);
    --amplify-components-authenticator-router-border-style: solid;
    --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);
    --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);
    --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);
    --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);
    --amplify-components-authenticator-form-padding: var(--amplify-space-xl);
    --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);
    --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);
    --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);
    --amplify-components-autocomplete-menu-width: 100%;
    --amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs);
    --amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary);
    --amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary);
    --amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small);
    --amplify-components-autocomplete-menu-border-style: solid;
    --amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small);
    --amplify-components-autocomplete-menu-options-display: flex;
    --amplify-components-autocomplete-menu-options-flex-direction: column;
    --amplify-components-autocomplete-menu-options-max-height: 300px;
    --amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary);
    --amplify-components-autocomplete-menu-option-color: currentcolor;
    --amplify-components-autocomplete-menu-option-cursor: pointer;
    --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);
    --amplify-components-autocomplete-menu-option-transition-property: background-color, color;
    --amplify-components-autocomplete-menu-option-transition-timing-function: ease;
    --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);
    --amplify-components-autocomplete-menu-empty-display: flex;
    --amplify-components-autocomplete-menu-loading-align-items: center;
    --amplify-components-autocomplete-menu-loading-display: flex;
    --amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);
    --amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);
    --amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);
    --amplify-components-badge-color: var(--amplify-colors-font-primary);
    --amplify-components-badge-line-height: 1;
    --amplify-components-badge-font-weight: var(--amplify-font-weights-semibold);
    --amplify-components-badge-font-size: var(--amplify-font-sizes-small);
    --amplify-components-badge-text-align: center;
    --amplify-components-badge-padding-vertical: var(--amplify-space-xs);
    --amplify-components-badge-padding-horizontal: var(--amplify-space-small);
    --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary);
    --amplify-components-badge-border-radius: var(--amplify-radii-xl);
    --amplify-components-badge-info-color: var(--amplify-colors-font-info);
    --amplify-components-badge-info-background-color: var(--amplify-colors-background-info);
    --amplify-components-badge-warning-color: var(--amplify-colors-font-warning);
    --amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning);
    --amplify-components-badge-success-color: var(--amplify-colors-font-success);
    --amplify-components-badge-success-background-color: var(--amplify-colors-background-success);
    --amplify-components-badge-error-color: var(--amplify-colors-font-error);
    --amplify-components-badge-error-background-color: var(--amplify-colors-background-error);
    --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs);
    --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs);
    --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs);
    --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-badge-large-padding-vertical: var(--amplify-space-small);
    --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);
    --amplify-components-breadcrumbs-flex-direction: row;
    --amplify-components-breadcrumbs-flex-wrap: wrap;
    --amplify-components-breadcrumbs-gap: 0;
    --amplify-components-breadcrumbs-color: var(--amplify-colors-font-tertiary);
    --amplify-components-breadcrumbs-item-flex-direction: row;
    --amplify-components-breadcrumbs-item-color: inherit;
    --amplify-components-breadcrumbs-item-font-size: inherit;
    --amplify-components-breadcrumbs-item-align-items: center;
    --amplify-components-breadcrumbs-item-line-height: 1;
    --amplify-components-breadcrumbs-separator-color: inherit;
    --amplify-components-breadcrumbs-separator-font-size: inherit;
    --amplify-components-breadcrumbs-separator-padding-inline: var(--amplify-space-xxs);
    --amplify-components-breadcrumbs-link-color: var(--amplify-components-link-color);
    --amplify-components-breadcrumbs-link-font-size: inherit;
    --amplify-components-breadcrumbs-link-font-weight: normal;
    --amplify-components-breadcrumbs-link-text-decoration: none;
    --amplify-components-breadcrumbs-link-padding-inline: var(--amplify-space-xs);
    --amplify-components-breadcrumbs-link-padding-block: var(--amplify-space-xxs);
    --amplify-components-breadcrumbs-link-current-color: inherit;
    --amplify-components-breadcrumbs-link-current-font-size: inherit;
    --amplify-components-breadcrumbs-link-current-font-weight: normal;
    --amplify-components-breadcrumbs-link-current-text-decoration: none;
    --amplify-components-button-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration);
    --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
    --amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height);
    --amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
    --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
    --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
    --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
    --amplify-components-button-background-color: transparent;
    --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
    --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width);
    --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);
    --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);
    --amplify-components-button-color: var(--amplify-colors-font-primary);
    --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
    --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10);
    --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60);
    --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
    --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
    --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
    --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
    --amplify-components-button-active-color: var(--amplify-colors-font-active);
    --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
    --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
    --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-loading-background-color: transparent;
    --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
    --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-disabled-background-color: transparent;
    --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
    --amplify-components-button-outlined-info-border-color: var(--amplify-colors-blue-60);
    --amplify-components-button-outlined-info-background-color: transparent;
    --amplify-components-button-outlined-info-color: var(--amplify-colors-blue-100);
    --amplify-components-button-outlined-info-hover-border-color: var(--amplify-colors-blue-60);
    --amplify-components-button-outlined-info-hover-background-color: var(--amplify-colors-blue-10);
    --amplify-components-button-outlined-info-hover-color: var(--amplify-colors-blue-100);
    --amplify-components-button-outlined-info-focus-border-color: var(--amplify-colors-blue-100);
    --amplify-components-button-outlined-info-focus-background-color: var(--amplify-colors-blue-10);
    --amplify-components-button-outlined-info-focus-color: var(--amplify-colors-blue-100);
    --amplify-components-button-outlined-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100);
    --amplify-components-button-outlined-info-active-border-color: var(--amplify-colors-blue-100);
    --amplify-components-button-outlined-info-active-background-color: var(--amplify-colors-blue-20);
    --amplify-components-button-outlined-info-active-color: var(--amplify-colors-blue-100);
    --amplify-components-button-outlined-warning-border-color: var(--amplify-colors-orange-60);
    --amplify-components-button-outlined-warning-background-color: transparent;
    --amplify-components-button-outlined-warning-color: var(--amplify-colors-orange-100);
    --amplify-components-button-outlined-warning-hover-border-color: var(--amplify-colors-orange-60);
    --amplify-components-button-outlined-warning-hover-background-color: var(--amplify-colors-orange-10);
    --amplify-components-button-outlined-warning-hover-color: var(--amplify-colors-orange-100);
    --amplify-components-button-outlined-warning-focus-border-color: var(--amplify-colors-orange-100);
    --amplify-components-button-outlined-warning-focus-background-color: var(--amplify-colors-orange-10);
    --amplify-components-button-outlined-warning-focus-color: var(--amplify-colors-orange-100);
    --amplify-components-button-outlined-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100);
    --amplify-components-button-outlined-warning-active-border-color: var(--amplify-colors-orange-100);
    --amplify-components-button-outlined-warning-active-background-color: var(--amplify-colors-orange-20);
    --amplify-components-button-outlined-warning-active-color: var(--amplify-colors-orange-100);
    --amplify-components-button-outlined-success-border-color: var(--amplify-colors-green-60);
    --amplify-components-button-outlined-success-background-color: transparent;
    --amplify-components-button-outlined-success-color: var(--amplify-colors-green-100);
    --amplify-components-button-outlined-success-hover-border-color: var(--amplify-colors-green-60);
    --amplify-components-button-outlined-success-hover-background-color: var(--amplify-colors-green-10);
    --amplify-components-button-outlined-success-hover-color: var(--amplify-colors-green-100);
    --amplify-components-button-outlined-success-focus-border-color: var(--amplify-colors-green-100);
    --amplify-components-button-outlined-success-focus-background-color: var(--amplify-colors-green-10);
    --amplify-components-button-outlined-success-focus-color: var(--amplify-colors-green-100);
    --amplify-components-button-outlined-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100);
    --amplify-components-button-outlined-success-active-border-color: var(--amplify-colors-green-100);
    --amplify-components-button-outlined-success-active-background-color: var(--amplify-colors-green-20);
    --amplify-components-button-outlined-success-active-color: var(--amplify-colors-green-100);
    --amplify-components-button-outlined-error-border-color: var(--amplify-colors-red-60);
    --amplify-components-button-outlined-error-background-color: transparent;
    --amplify-components-button-outlined-error-color: var(--amplify-colors-red-100);
    --amplify-components-button-outlined-error-hover-border-color: var(--amplify-colors-red-60);
    --amplify-components-button-outlined-error-hover-background-color: var(--amplify-colors-red-10);
    --amplify-components-button-outlined-error-hover-color: var(--amplify-colors-red-100);
    --amplify-components-button-outlined-error-focus-border-color: var(--amplify-colors-red-100);
    --amplify-components-button-outlined-error-focus-background-color: var(--amplify-colors-red-10);
    --amplify-components-button-outlined-error-focus-color: var(--amplify-colors-red-100);
    --amplify-components-button-outlined-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100);
    --amplify-components-button-outlined-error-active-border-color: var(--amplify-colors-red-100);
    --amplify-components-button-outlined-error-active-background-color: var(--amplify-colors-red-20);
    --amplify-components-button-outlined-error-active-color: var(--amplify-colors-red-100);
    --amplify-components-button-outlined-overlay-border-color: var(--amplify-colors-overlay-60);
    --amplify-components-button-outlined-overlay-background-color: transparent;
    --amplify-components-button-outlined-overlay-color: var(--amplify-colors-font-primary);
    --amplify-components-button-outlined-overlay-hover-border-color: var(--amplify-colors-overlay-60);
    --amplify-components-button-outlined-overlay-hover-background-color: var(--amplify-colors-overlay-5);
    --amplify-components-button-outlined-overlay-hover-color: var(--amplify-colors-neutral-90);
    --amplify-components-button-outlined-overlay-focus-border-color: var(--amplify-colors-overlay-90);
    --amplify-components-button-outlined-overlay-focus-background-color: var(--amplify-colors-overlay-5);
    --amplify-components-button-outlined-overlay-focus-color: var(--amplify-colors-neutral-90);
    --amplify-components-button-outlined-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90);
    --amplify-components-button-outlined-overlay-active-border-color: var(--amplify-colors-overlay-90);
    --amplify-components-button-outlined-overlay-active-background-color: var(--amplify-colors-overlay-10);
    --amplify-components-button-outlined-overlay-active-color: var(--amplify-colors-neutral-100);
    --amplify-components-button-primary-border-color: transparent;
    --amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
    --amplify-components-button-primary-border-style: solid;
    --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-disabled-border-color: transparent;
    --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-primary-loading-border-color: transparent;
    --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-primary-hover-border-color: transparent;
    --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
    --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-focus-border-color: transparent;
    --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
    --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
    --amplify-components-button-primary-active-border-color: transparent;
    --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100);
    --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-info-border-color: transparent;
    --amplify-components-button-primary-info-background-color: var(--amplify-colors-blue-80);
    --amplify-components-button-primary-info-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-info-hover-border-color: transparent;
    --amplify-components-button-primary-info-hover-background-color: var(--amplify-colors-blue-90);
    --amplify-components-button-primary-info-hover-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-info-focus-border-color: transparent;
    --amplify-components-button-primary-info-focus-background-color: var(--amplify-colors-blue-90);
    --amplify-components-button-primary-info-focus-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100);
    --amplify-components-button-primary-info-active-border-color: transparent;
    --amplify-components-button-primary-info-active-background-color: var(--amplify-colors-blue-100);
    --amplify-components-button-primary-info-active-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-warning-border-color: transparent;
    --amplify-components-button-primary-warning-background-color: var(--amplify-colors-orange-80);
    --amplify-components-button-primary-warning-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-warning-hover-border-color: transparent;
    --amplify-components-button-primary-warning-hover-background-color: var(--amplify-colors-orange-90);
    --amplify-components-button-primary-warning-hover-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-warning-focus-border-color: transparent;
    --amplify-components-button-primary-warning-focus-background-color: var(--amplify-colors-orange-90);
    --amplify-components-button-primary-warning-focus-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100);
    --amplify-components-button-primary-warning-active-border-color: transparent;
    --amplify-components-button-primary-warning-active-background-color: var(--amplify-colors-orange-100);
    --amplify-components-button-primary-warning-active-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-error-border-color: transparent;
    --amplify-components-button-primary-error-background-color: var(--amplify-colors-red-80);
    --amplify-components-button-primary-error-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-error-hover-border-color: transparent;
    --amplify-components-button-primary-error-hover-background-color: var(--amplify-colors-red-90);
    --amplify-components-button-primary-error-hover-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-error-focus-border-color: transparent;
    --amplify-components-button-primary-error-focus-background-color: var(--amplify-colors-red-90);
    --amplify-components-button-primary-error-focus-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100);
    --amplify-components-button-primary-error-active-border-color: transparent;
    --amplify-components-button-primary-error-active-background-color: var(--amplify-colors-red-100);
    --amplify-components-button-primary-error-active-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-success-border-color: transparent;
    --amplify-components-button-primary-success-background-color: var(--amplify-colors-green-80);
    --amplify-components-button-primary-success-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-success-hover-border-color: transparent;
    --amplify-components-button-primary-success-hover-background-color: var(--amplify-colors-green-90);
    --amplify-components-button-primary-success-hover-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-success-focus-border-color: transparent;
    --amplify-components-button-primary-success-focus-background-color: var(--amplify-colors-green-90);
    --amplify-components-button-primary-success-focus-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100);
    --amplify-components-button-primary-success-active-border-color: transparent;
    --amplify-components-button-primary-success-active-background-color: var(--amplify-colors-green-100);
    --amplify-components-button-primary-success-active-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-overlay-border-color: transparent;
    --amplify-components-button-primary-overlay-background-color: var(--amplify-colors-overlay-70);
    --amplify-components-button-primary-overlay-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-overlay-hover-border-color: transparent;
    --amplify-components-button-primary-overlay-hover-background-color: var(--amplify-colors-overlay-90);
    --amplify-components-button-primary-overlay-hover-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-overlay-focus-border-color: transparent;
    --amplify-components-button-primary-overlay-focus-background-color: var(--amplify-colors-overlay-90);
    --amplify-components-button-primary-overlay-focus-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-primary-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90);
    --amplify-components-button-primary-overlay-active-border-color: transparent;
    --amplify-components-button-primary-overlay-active-background-color: var(--amplify-colors-overlay-90);
    --amplify-components-button-primary-overlay-active-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-menu-border-width: var(--amplify-space-zero);
    --amplify-components-button-menu-background-color: transparent;
    --amplify-components-button-menu-justify-content: start;
    --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
    --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-link-background-color: transparent;
    --amplify-components-button-link-border-color: transparent;
    --amplify-components-button-link-border-width: var(--amplify-border-widths-small);
    --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
    --amplify-components-button-link-hover-border-color: transparent;
    --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
    --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
    --amplify-components-button-link-focus-border-color: transparent;
    --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
    --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
    --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
    --amplify-components-button-link-active-border-color: transparent;
    --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
    --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
    --amplify-components-button-link-disabled-border-color: transparent;
    --amplify-components-button-link-disabled-background-color: transparent;
    --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-link-loading-border-color: transparent;
    --amplify-components-button-link-loading-background-color: transparent;
    --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-link-info-border-color: transparent;
    --amplify-components-button-link-info-background-color: transparent;
    --amplify-components-button-link-info-color: var(--amplify-colors-blue-100);
    --amplify-components-button-link-info-hover-border-color: transparent;
    --amplify-components-button-link-info-hover-background-color: var(--amplify-colors-blue-10);
    --amplify-components-button-link-info-hover-color: var(--amplify-colors-blue-90);
    --amplify-components-button-link-info-focus-border-color: transparent;
    --amplify-components-button-link-info-focus-background-color: var(--amplify-colors-blue-10);
    --amplify-components-button-link-info-focus-color: var(--amplify-colors-blue-100);
    --amplify-components-button-link-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100);
    --amplify-components-button-link-info-active-border-color: transparent;
    --amplify-components-button-link-info-active-background-color: var(--amplify-colors-blue-20);
    --amplify-components-button-link-info-active-color: var(--amplify-colors-blue-100);
    --amplify-components-button-link-warning-border-color: transparent;
    --amplify-components-button-link-warning-background-color: transparent;
    --amplify-components-button-link-warning-color: var(--amplify-colors-orange-100);
    --amplify-components-button-link-warning-hover-border-color: transparent;
    --amplify-components-button-link-warning-hover-background-color: var(--amplify-colors-orange-10);
    --amplify-components-button-link-warning-hover-color: var(--amplify-colors-orange-90);
    --amplify-components-button-link-warning-focus-border-color: transparent;
    --amplify-components-button-link-warning-focus-background-color: var(--amplify-colors-orange-10);
    --amplify-components-button-link-warning-focus-color: var(--amplify-colors-orange-100);
    --amplify-components-button-link-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100);
    --amplify-components-button-link-warning-active-border-color: transparent;
    --amplify-components-button-link-warning-active-background-color: var(--amplify-colors-orange-20);
    --amplify-components-button-link-warning-active-color: var(--amplify-colors-orange-100);
    --amplify-components-button-link-success-border-color: transparent;
    --amplify-components-button-link-success-background-color: transparent;
    --amplify-components-button-link-success-color: var(--amplify-colors-green-100);
    --amplify-components-button-link-success-hover-border-color: transparent;
    --amplify-components-button-link-success-hover-background-color: var(--amplify-colors-green-10);
    --amplify-components-button-link-success-hover-color: var(--amplify-colors-green-90);
    --amplify-components-button-link-success-focus-border-color: transparent;
    --amplify-components-button-link-success-focus-background-color: var(--amplify-colors-green-10);
    --amplify-components-button-link-success-focus-color: var(--amplify-colors-green-100);
    --amplify-components-button-link-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100);
    --amplify-components-button-link-success-active-border-color: transparent;
    --amplify-components-button-link-success-active-background-color: var(--amplify-colors-green-20);
    --amplify-components-button-link-success-active-color: var(--amplify-colors-green-100);
    --amplify-components-button-link-error-border-color: transparent;
    --amplify-components-button-link-error-background-color: transparent;
    --amplify-components-button-link-error-color: var(--amplify-colors-red-100);
    --amplify-components-button-link-error-hover-border-color: transparent;
    --amplify-components-button-link-error-hover-background-color: var(--amplify-colors-red-10);
    --amplify-components-button-link-error-hover-color: var(--amplify-colors-red-90);
    --amplify-components-button-link-error-focus-border-color: transparent;
    --amplify-components-button-link-error-focus-background-color: var(--amplify-colors-red-10);
    --amplify-components-button-link-error-focus-color: var(--amplify-colors-red-100);
    --amplify-components-button-link-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100);
    --amplify-components-button-link-error-active-border-color: transparent;
    --amplify-components-button-link-error-active-background-color: var(--amplify-colors-red-20);
    --amplify-components-button-link-error-active-color: var(--amplify-colors-red-100);
    --amplify-components-button-link-overlay-border-color: transparent;
    --amplify-components-button-link-overlay-background-color: transparent;
    --amplify-components-button-link-overlay-color: var(--amplify-colors-neutral-100);
    --amplify-components-button-link-overlay-hover-border-color: transparent;
    --amplify-components-button-link-overlay-hover-background-color: var(--amplify-colors-overlay-5);
    --amplify-components-button-link-overlay-hover-color: var(--amplify-colors-overlay-80);
    --amplify-components-button-link-overlay-focus-border-color: transparent;
    --amplify-components-button-link-overlay-focus-background-color: var(--amplify-colors-overlay-5);
    --amplify-components-button-link-overlay-focus-color: var(--amplify-colors-overlay-90);
    --amplify-components-button-link-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90);
    --amplify-components-button-link-overlay-active-border-color: transparent;
    --amplify-components-button-link-overlay-active-background-color: var(--amplify-colors-overlay-10);
    --amplify-components-button-link-overlay-active-color: var(--amplify-colors-overlay-90);
    --amplify-components-button-warning-background-color: transparent;
    --amplify-components-button-warning-border-color: var(--amplify-colors-red-60);
    --amplify-components-button-warning-border-width: var(--amplify-border-widths-small);
    --amplify-components-button-warning-color: var(--amplify-colors-red-60);
    --amplify-components-button-warning-hover-border-color: var(--amplify-colors-red-80);
    --amplify-components-button-warning-hover-background-color: var(--amplify-colors-red-10);
    --amplify-components-button-warning-hover-color: var(--amplify-colors-font-error);
    --amplify-components-button-warning-focus-border-color: var(--amplify-colors-red-80);
    --amplify-components-button-warning-focus-background-color: var(--amplify-colors-red-10);
    --amplify-components-button-warning-focus-color: var(--amplify-colors-red-80);
    --amplify-components-button-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
    --amplify-components-button-warning-active-border-color: var(--amplify-colors-red-100);
    --amplify-components-button-warning-active-background-color: var(--amplify-colors-red-20);
    --amplify-components-button-warning-active-color: var(--amplify-colors-red-100);
    --amplify-components-button-warning-disabled-border-color: var(--amplify-colors-border-tertiary);
    --amplify-components-button-warning-disabled-background-color: transparent;
    --amplify-components-button-warning-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-warning-loading-border-color: var(--amplify-colors-border-tertiary);
    --amplify-components-button-warning-loading-background-color: transparent;
    --amplify-components-button-warning-loading-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-destructive-border-color: transparent;
    --amplify-components-button-destructive-border-width: var(--amplify-border-widths-small);
    --amplify-components-button-destructive-border-style: solid;
    --amplify-components-button-destructive-background-color: var(--amplify-colors-red-60);
    --amplify-components-button-destructive-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-destructive-disabled-border-color: transparent;
    --amplify-components-button-destructive-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-button-destructive-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-destructive-loading-border-color: transparent;
    --amplify-components-button-destructive-loading-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-button-destructive-loading-color: var(--amplify-colors-font-disabled);
    --amplify-components-button-destructive-hover-border-color: transparent;
    --amplify-components-button-destructive-hover-background-color: var(--amplify-colors-red-80);
    --amplify-components-button-destructive-hover-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-destructive-focus-border-color: transparent;
    --amplify-components-button-destructive-focus-background-color: var(--amplify-colors-red-80);
    --amplify-components-button-destructive-focus-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-destructive-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
    --amplify-components-button-destructive-active-border-color: transparent;
    --amplify-components-button-destructive-active-background-color: var(--amplify-colors-red-100);
    --amplify-components-button-destructive-active-color: var(--amplify-colors-font-inverse);
    --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
    --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
    --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
    --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
    --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
    --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
    --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
    --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
    --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
    --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
    --amplify-components-button-loader-wrapper-align-items: center;
    --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
    --amplify-components-card-background-color: var(--amplify-colors-background-primary);
    --amplify-components-card-border-radius: var(--amplify-radii-xs);
    --amplify-components-card-border-width: 0;
    --amplify-components-card-border-style: solid;
    --amplify-components-card-border-color: transparent;
    --amplify-components-card-box-shadow: none;
    --amplify-components-card-padding: var(--amplify-space-medium);
    --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
    --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);
    --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
    --amplify-components-card-outlined-border-style: solid;
    --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
    --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
    --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
    --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
    --amplify-components-card-elevated-border-width: 0;
    --amplify-components-card-elevated-border-style: solid;
    --amplify-components-card-elevated-border-color: transparent;
    --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
    --amplify-components-checkbox-cursor: pointer;
    --amplify-components-checkbox-align-items: center;
    --amplify-components-checkbox-disabled-cursor: not-allowed;
    --amplify-components-checkbox-button-position: relative;
    --amplify-components-checkbox-button-align-items: center;
    --amplify-components-checkbox-button-justify-content: center;
    --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
    --amplify-components-checkbox-button-before-width: 100%;
    --amplify-components-checkbox-button-before-height: 100%;
    --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
    --amplify-components-checkbox-button-before-border-radius: 20%;
    --amplify-components-checkbox-button-before-border-style: solid;
    --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
    --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
    --amplify-components-checkbox-button-focus-outline-style: solid;
    --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
    --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);
    --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent);
    --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
    --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
    --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
    --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
    --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
    --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-checkbox-icon-border-radius: 20%;
    --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
    --amplify-components-checkbox-icon-transform: scale(0);
    --amplify-components-checkbox-icon-transition-property: all;
    --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
    --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
    --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
    --amplify-components-checkbox-icon-checked-transform: scale(1);
    --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
    --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
    --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-checkboxfield-align-items: flex-start;
    --amplify-components-checkboxfield-align-content: center;
    --amplify-components-checkboxfield-flex-direction: column;
    --amplify-components-checkboxfield-justify-content: center;
    --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
    --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
    --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
    --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
    --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
    --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
    --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
    --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
    --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
    --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
    --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
    --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
    --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
    --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
    --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
    --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
    --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
    --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
    --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
    --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
    --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
    --amplify-components-copy-gap: var(--amplify-space-relative-medium);
    --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
    --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
    --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);
    --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);
    --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full);
    --amplify-components-divider-border-style: solid;
    --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
    --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
    --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
    --amplify-components-divider-label-padding-inline: var(--amplify-space-medium);
    --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);
    --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
    --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
    --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
    --amplify-components-divider-opacity: var(--amplify-opacities-60);
    --amplify-components-dropzone-background-color: var(--amplify-colors-background-primary);
    --amplify-components-dropzone-border-radius: var(--amplify-radii-small);
    --amplify-components-dropzone-border-color: var(--amplify-colors-border-primary);
    --amplify-components-dropzone-border-style: dashed;
    --amplify-components-dropzone-border-width: var(--amplify-border-widths-small);
    --amplify-components-dropzone-color: var(--amplify-colors-font-primary);
    --amplify-components-dropzone-gap: var(--amplify-space-small);
    --amplify-components-dropzone-padding-block: var(--amplify-space-xl);
    --amplify-components-dropzone-padding-inline: var(--amplify-space-large);
    --amplify-components-dropzone-text-align: center;
    --amplify-components-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
    --amplify-components-dropzone-active-border-radius: var(--amplify-components-dropzone-border-radius);
    --amplify-components-dropzone-active-border-color: var(--amplify-colors-border-pressed);
    --amplify-components-dropzone-active-border-style: var(--amplify-components-dropzone-border-style);
    --amplify-components-dropzone-active-border-width: var(--amplify-components-dropzone-border-width);
    --amplify-components-dropzone-active-color: var(--amplify-colors-font-primary);
    --amplify-components-dropzone-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-dropzone-disabled-border-radius: var(--amplify-components-dropzone-border-radius);
    --amplify-components-dropzone-disabled-border-color: var(--amplify-colors-border-disabled);
    --amplify-components-dropzone-disabled-border-style: var(--amplify-components-dropzone-border-style);
    --amplify-components-dropzone-disabled-border-width: var(--amplify-components-dropzone-border-width);
    --amplify-components-dropzone-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-dropzone-accepted-background-color: var(--amplify-colors-background-success);
    --amplify-components-dropzone-accepted-border-radius: var(--amplify-components-dropzone-border-radius);
    --amplify-components-dropzone-accepted-border-color: var(--amplify-colors-border-success);
    --amplify-components-dropzone-accepted-border-style: var(--amplify-components-dropzone-border-style);
    --amplify-components-dropzone-accepted-border-width: var(--amplify-components-dropzone-border-width);
    --amplify-components-dropzone-accepted-color: var(--amplify-colors-font-success);
    --amplify-components-dropzone-rejected-background-color: var(--amplify-colors-background-error);
    --amplify-components-dropzone-rejected-border-radius: var(--amplify-components-dropzone-border-radius);
    --amplify-components-dropzone-rejected-border-color: var(--amplify-colors-border-pressed);
    --amplify-components-dropzone-rejected-border-style: var(--amplify-components-dropzone-border-style);
    --amplify-components-dropzone-rejected-border-width: var(--amplify-components-dropzone-border-width);
    --amplify-components-dropzone-rejected-color: var(--amplify-colors-font-error);
    --amplify-components-expander-display: block;
    --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
    --amplify-components-expander-border-radius: var(--amplify-radii-medium);
    --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
    --amplify-components-expander-width: 100%;
    --amplify-components-expander-item-margin-top: 1px;
    --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
    --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
    --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
    --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
    --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
    --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
    --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
    --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
    --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
    --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
    --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
    --amplify-components-expander-trigger-min-height: 3rem;
    --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
    --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
    --amplify-components-expander-trigger-align-items: center;
    --amplify-components-expander-trigger-justify-content: space-between;
    --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
    --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
    --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
    --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
    --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
    --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
    --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
    --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
    --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
    --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
    --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
    --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
    --amplify-components-field-gap: var(--amplify-space-xs);
    --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-field-flex-direction: column;
    --amplify-components-field-small-gap: var(--amplify-space-xxxs);
    --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
    --amplify-components-field-large-gap: var(--amplify-space-small);
    --amplify-components-field-large-font-size: var(--amplify-font-sizes-large);
    --amplify-components-field-label-color: var(--amplify-colors-font-secondary);
    --amplify-components-fieldcontrol-border-style: solid;
    --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);
    --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);
    --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);
    --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);
    --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);
    --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);
    --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);
    --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);
    --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size);
    --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);
    --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);
    --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);
    --amplify-components-fieldcontrol-outline-style: solid;
    --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
    --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
    --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
    --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);
    --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);
    --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);
    --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);
    --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
    --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs);
    --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs);
    --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium);
    --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium);
    --amplify-components-fieldcontrol-quiet-border-style: none;
    --amplify-components-fieldcontrol-quiet-border-inline-start: none;
    --amplify-components-fieldcontrol-quiet-border-inline-end: none;
    --amplify-components-fieldcontrol-quiet-border-block-start: none;
    --amplify-components-fieldcontrol-quiet-border-radius: 0;
    --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
    --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
    --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
    --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
    --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
    --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
    --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-fieldcontrol-disabled-cursor: not-allowed;
    --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
    --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
    --amplify-components-fieldcontrol-error-color: var(--amplify-colors-font-error);
    --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
    --amplify-components-fieldgroup-gap: var(--amplify-space-zero);
    --amplify-components-fieldgroup-vertical-align-items: center;
    --amplify-components-fieldgroup-outer-align-items: center;
    --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
    --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);
    --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
    --amplify-components-fieldmessages-description-font-style: italic;
    --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);
    --amplify-components-fieldset-background-color: transparent;
    --amplify-components-fieldset-border-radius: var(--amplify-radii-xs);
    --amplify-components-fieldset-flex-direction: column;
    --amplify-components-fieldset-gap: var(--amplify-components-field-gap);
    --amplify-components-fieldset-legend-color: var(--amplify-colors-font-primary);
    --amplify-components-fieldset-legend-font-size: var(--amplify-components-field-font-size);
    --amplify-components-fieldset-legend-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-fieldset-legend-line-height: var(--amplify-line-heights-medium);
    --amplify-components-fieldset-legend-small-font-size: var(--amplify-components-field-small-font-size);
    --amplify-components-fieldset-legend-large-font-size: var(--amplify-components-field-large-font-size);
    --amplify-components-fieldset-outlined-padding: var(--amplify-space-medium);
    --amplify-components-fieldset-outlined-border-color: var(--amplify-colors-neutral-40);
    --amplify-components-fieldset-outlined-border-width: var(--amplify-border-widths-small);
    --amplify-components-fieldset-outlined-border-style: solid;
    --amplify-components-fieldset-outlined-small-padding: var(--amplify-space-small);
    --amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large);
    --amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap);
    --amplify-components-fieldset-large-gap: var(--amplify-components-field-large-gap);
    --amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary);
    --amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small);
    --amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary);
    --amplify-components-fileuploader-dropzone-border-style: dashed;
    --amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small);
    --amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small);
    --amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl);
    --amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large);
    --amplify-components-fileuploader-dropzone-text-align: center;
    --amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
    --amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
    --amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed);
    --amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
    --amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium);
    --amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary);
    --amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
    --amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary);
    --amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary);
    --amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small);
    --amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary);
    --amplify-components-fileuploader-file-border-style: solid;
    --amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small);
    --amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);
    --amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);
    --amplify-components-fileuploader-file-gap: var(--amplify-space-small);
    --amplify-components-fileuploader-file-align-items: baseline;
    --amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);
    --amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small);
    --amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal);
    --amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary);
    --amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl);
    --amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl);
    --amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary);
    --amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary);
    --amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small);
    --amplify-components-fileuploader-loader-stroke-linecap: round;
    --amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary);
    --amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
    --amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large);
    --amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary);
    --amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary);
    --amplify-components-fileuploader-previewer-border-style: solid;
    --amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small);
    --amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small);
    --amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero);
    --amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero);
    --amplify-components-fileuploader-previewer-max-height: 40rem;
    --amplify-components-fileuploader-previewer-max-width: auto;
    --amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary);
    --amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium);
    --amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium);
    --amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small);
    --amplify-components-fileuploader-previewer-footer-border-color: var(--amplify-colors-border-secondary);
    --amplify-components-fileuploader-previewer-footer-border-style: solid;
    --amplify-components-fileuploader-previewer-footer-border-width: var(--amplify-border-widths-small);
    --amplify-components-fileuploader-previewer-footer-padding-block: var(--amplify-space-medium);
    --amplify-components-fileuploader-previewer-footer-padding-inline: var(--amplify-space-medium);
    --amplify-components-fileuploader-previewer-footer-justify-content: space-between;
    --amplify-components-flex-gap: var(--amplify-space-medium);
    --amplify-components-flex-justify-content: normal;
    --amplify-components-flex-align-items: stretch;
    --amplify-components-flex-align-content: normal;
    --amplify-components-flex-flex-wrap: nowrap;
    --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
    --amplify-components-heading-1-font-weight: var(--amplify-font-weights-light);
    --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
    --amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal);
    --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
    --amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium);
    --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
    --amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold);
    --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
    --amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold);
    --amplify-components-heading-color: var(--amplify-colors-font-primary);
    --amplify-components-heading-line-height: var(--amplify-line-heights-small);
    --amplify-components-icon-line-height: 1;
    --amplify-components-icon-height: 1em;
    --amplify-components-highlightmatch-highlighted-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-image-max-width: 100%;
    --amplify-components-image-height: auto;
    --amplify-components-image-object-fit: initial;
    --amplify-components-image-object-position: initial;
    --amplify-components-inappmessaging-banner-height: 150px;
    --amplify-components-inappmessaging-banner-width: 400px;
    --amplify-components-inappmessaging-button-background-color: #e8e8e8;
    --amplify-components-inappmessaging-button-border-radius: 5px;
    --amplify-components-inappmessaging-button-color: #000;
    --amplify-components-inappmessaging-dialog-height: 50vh;
    --amplify-components-inappmessaging-dialog-min-height: 400px;
    --amplify-components-inappmessaging-dialog-min-width: 400px;
    --amplify-components-inappmessaging-dialog-width: 30vw;
    --amplify-components-inappmessaging-header-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-inappmessaging-header-font-weight: var(--amplify-font-weights-extrabold);
    --amplify-components-input-color: var(--amplify-components-fieldcontrol-color);
    --amplify-components-input-border-color: var(--amplify-components-fieldcontrol-border-color);
    --amplify-components-input-font-size: var(--amplify-components-fieldcontrol-font-size);
    --amplify-components-input-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
    --amplify-components-link-active-color: var(--amplify-colors-font-active);
    --amplify-components-link-color: var(--amplify-colors-font-interactive);
    --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
    --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
    --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
    --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black);
    --amplify-components-loader-width: var(--amplify-font-sizes-medium);
    --amplify-components-loader-height: var(--amplify-font-sizes-medium);
    --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
    --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
    --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
    --amplify-components-loader-stroke-linecap: round;
    --amplify-components-loader-animation-duration: 1s;
    --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
    --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
    --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);
    --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
    --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
    --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);
    --amplify-components-loader-linear-width: 100%;
    --amplify-components-loader-linear-min-width: 5rem;
    --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs);
    --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);
    --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
    --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
    --amplify-components-loader-linear-stroke-linecap: round;
    --amplify-components-loader-linear-animation-duration: 1s;
    --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-xxxs);
    --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-xxxs);
    --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-xs);
    --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-xs);
    --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
    --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
    --amplify-components-menu-border-radius: var(--amplify-radii-medium);
    --amplify-components-menu-border-width: var(--amplify-border-widths-small);
    --amplify-components-menu-border-style: solid;
    --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
    --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
    --amplify-components-menu-flex-direction: column;
    --amplify-components-menu-gap: var(--amplify-space-zero);
    --amplify-components-menu-max-width: 30rem;
    --amplify-components-menu-min-width: 14rem;
    --amplify-components-menu-small-width: var(--amplify-font-sizes-medium);
    --amplify-components-menu-small-height: var(--amplify-font-sizes-medium);
    --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);
    --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
    --amplify-components-menu-item-min-height: 2.5rem;
    --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
    --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
    --amplify-components-message-align-items: center;
    --amplify-components-message-background-color: var(--amplify-colors-background-tertiary);
    --amplify-components-message-border-color: transparent;
    --amplify-components-message-border-style: solid;
    --amplify-components-message-border-width: var(--amplify-border-widths-small);
    --amplify-components-message-border-radius: var(--amplify-radii-xs);
    --amplify-components-message-color: var(--amplify-colors-font-primary);
    --amplify-components-message-justify-content: flex-start;
    --amplify-components-message-padding-block: var(--amplify-space-small);
    --amplify-components-message-padding-inline: var(--amplify-space-medium);
    --amplify-components-message-line-height: var(--amplify-line-heights-small);
    --amplify-components-message-icon-size: var(--amplify-font-sizes-xl);
    --amplify-components-message-heading-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-message-heading-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-message-dismiss-gap: var(--amplify-space-xxs);
    --amplify-components-message-plain-color: var(--amplify-colors-font-primary);
    --amplify-components-message-plain-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-plain-border-color: transparent;
    --amplify-components-message-plain-info-color: var(--amplify-colors-font-info);
    --amplify-components-message-plain-info-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-plain-info-border-color: transparent;
    --amplify-components-message-plain-error-color: var(--amplify-colors-font-error);
    --amplify-components-message-plain-error-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-plain-error-border-color: transparent;
    --amplify-components-message-plain-success-color: var(--amplify-colors-font-success);
    --amplify-components-message-plain-success-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-plain-success-border-color: transparent;
    --amplify-components-message-plain-warning-color: var(--amplify-colors-font-warning);
    --amplify-components-message-plain-warning-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-plain-warning-border-color: transparent;
    --amplify-components-message-outlined-color: var(--amplify-colors-font-primary);
    --amplify-components-message-outlined-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-outlined-border-color: var(--amplify-colors-border-primary);
    --amplify-components-message-outlined-info-color: var(--amplify-colors-font-info);
    --amplify-components-message-outlined-info-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-outlined-info-border-color: var(--amplify-colors-border-info);
    --amplify-components-message-outlined-error-color: var(--amplify-colors-font-error);
    --amplify-components-message-outlined-error-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-outlined-error-border-color: var(--amplify-colors-border-error);
    --amplify-components-message-outlined-success-color: var(--amplify-colors-font-success);
    --amplify-components-message-outlined-success-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-outlined-success-border-color: var(--amplify-colors-border-success);
    --amplify-components-message-outlined-warning-color: var(--amplify-colors-font-warning);
    --amplify-components-message-outlined-warning-background-color: var(--amplify-colors-background-primary);
    --amplify-components-message-outlined-warning-border-color: var(--amplify-colors-border-warning);
    --amplify-components-message-filled-color: var(--amplify-colors-font-primary);
    --amplify-components-message-filled-background-color: var(--amplify-colors-background-secondary);
    --amplify-components-message-filled-border-color: transparent;
    --amplify-components-message-filled-info-color: var(--amplify-colors-font-info);
    --amplify-components-message-filled-info-background-color: var(--amplify-colors-background-info);
    --amplify-components-message-filled-info-border-color: transparent;
    --amplify-components-message-filled-error-color: var(--amplify-colors-font-error);
    --amplify-components-message-filled-error-background-color: var(--amplify-colors-background-error);
    --amplify-components-message-filled-error-border-color: transparent;
    --amplify-components-message-filled-success-color: var(--amplify-colors-font-success);
    --amplify-components-message-filled-success-background-color: var(--amplify-colors-background-success);
    --amplify-components-message-filled-success-border-color: transparent;
    --amplify-components-message-filled-warning-color: var(--amplify-colors-font-warning);
    --amplify-components-message-filled-warning-background-color: var(--amplify-colors-background-warning);
    --amplify-components-message-filled-warning-border-color: transparent;
    --amplify-components-pagination-current-align-items: center;
    --amplify-components-pagination-current-justify-content: center;
    --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
    --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
    --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
    --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
    --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
    --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);
    --amplify-components-pagination-button-transition-property: background-color;
    --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);
    --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);
    --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
    --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-pagination-ellipsis-align-items: baseline;
    --amplify-components-pagination-ellipsis-justify-content: center;
    --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);
    --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);
    --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);
    --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);
    --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);
    --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);
    --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);
    --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);
    --amplify-components-passwordfield-button-color: var(--amplify-components-button-color);
    --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);
    --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);
    --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);
    --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
    --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
    --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
    --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
    --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
    --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
    --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
    --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
    --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);
    --amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color);
    --amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color);
    --amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size);
    --amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
    --amplify-components-placeholder-border-radius: var(--amplify-radii-small);
    --amplify-components-placeholder-transition-duration: var(--amplify-time-long);
    --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
    --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
    --amplify-components-placeholder-small-height: var(--amplify-space-small);
    --amplify-components-placeholder-default-height: var(--amplify-space-medium);
    --amplify-components-placeholder-large-height: var(--amplify-space-large);
    --amplify-components-radio-align-items: center;
    --amplify-components-radio-justify-content: flex-start;
    --amplify-components-radio-gap: inherit;
    --amplify-components-radio-disabled-cursor: not-allowed;
    --amplify-components-radio-button-align-items: center;
    --amplify-components-radio-button-justify-content: center;
    --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
    --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
    --amplify-components-radio-button-box-sizing: border-box;
    --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
    --amplify-components-radio-button-border-style: solid;
    --amplify-components-radio-button-border-radius: 50%;
    --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
    --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
    --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
    --amplify-components-radio-button-transition-property: all;
    --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
    --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
    --amplify-components-radio-button-outline-style: solid;
    --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
    --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);
    --amplify-components-radio-button-padding: var(--amplify-border-widths-medium);
    --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);
    --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
    --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
    --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
    --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
    --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
    --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
    --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
    --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
    --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
    --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
    --amplify-components-radio-label-color: var(--amplify-components-text-color);
    --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);
    --amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color);
    --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);
    --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);
    --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);
    --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color);
    --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
    --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
    --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
    --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
    --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
    --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
    --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
    --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);
    --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
    --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
    --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
    --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
    --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
    --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
    --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
    --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
    --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
    --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
    --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
    --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
    --amplify-components-select-color: var(--amplify-components-fieldcontrol-color);
    --amplify-components-select-background-color: var(--amplify-colors-background-primary);
    --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
    --amplify-components-select-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-select-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-select-wrapper-flex: 1;
    --amplify-components-select-wrapper-display: block;
    --amplify-components-select-wrapper-position: relative;
    --amplify-components-select-wrapper-cursor: pointer;
    --amplify-components-select-icon-wrapper-align-items: center;
    --amplify-components-select-icon-wrapper-position: absolute;
    --amplify-components-select-icon-wrapper-top: 50%;
    --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
    --amplify-components-select-icon-wrapper-transform: translateY(-50%);
    --amplify-components-select-icon-wrapper-pointer-events: none;
    --amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);
    --amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);
    --amplify-components-select-option-background-color: transparent;
    --amplify-components-select-option-color: var(--amplify-colors-font-primary);
    --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-select-option-disabled-background-color: transparent;
    --amplify-components-select-white-space: nowrap;
    --amplify-components-select-min-width: 6.5rem;
    --amplify-components-select-small-min-width: 5.5rem;
    --amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);
    --amplify-components-select-large-min-width: 7.5rem;
    --amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);
    --amplify-components-select-expanded-padding-block: var(--amplify-space-xs);
    --amplify-components-select-expanded-padding-inline: var(--amplify-space-small);
    --amplify-components-select-expanded-option-padding-block: var(--amplify-space-xs);
    --amplify-components-select-expanded-option-padding-inline: var(--amplify-space-small);
    --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
    --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
    --amplify-components-selectfield-flex-direction: column;
    --amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size);
    --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
    --amplify-components-selectfield-label-color: var(--amplify-components-field-label-color);
    --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
    --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
    --amplify-components-sliderfield-track-border-radius: 9999px;
    --amplify-components-sliderfield-track-height: 0.375rem;
    --amplify-components-sliderfield-track-min-width: 10rem;
    --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-sliderfield-range-border-radius: 9999px;
    --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-sliderfield-thumb-width: 1.25rem;
    --amplify-components-sliderfield-thumb-height: 1.25rem;
    --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
    --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
    --amplify-components-sliderfield-thumb-border-radius: 50%;
    --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
    --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
    --amplify-components-sliderfield-thumb-border-style: solid;
    --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-sliderfield-thumb-disabled-border-color: transparent;
    --amplify-components-sliderfield-thumb-disabled-box-shadow: none;
    --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
    --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
    --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus);
    --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
    --amplify-components-sliderfield-small-track-height: 0.25rem;
    --amplify-components-sliderfield-small-thumb-width: 1rem;
    --amplify-components-sliderfield-small-thumb-height: 1rem;
    --amplify-components-sliderfield-large-track-height: 0.625rem;
    --amplify-components-sliderfield-large-thumb-width: 1.5rem;
    --amplify-components-sliderfield-large-thumb-height: 1.5rem;
    --amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color);
    --amplify-components-stepperfield-flex-direction: column;
    --amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color);
    --amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size);
    --amplify-components-stepperfield-input-text-align: center;
    --amplify-components-stepperfield-button-color: var(--amplify-components-button-color);
    --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
    --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);
    --amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color);
    --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);
    --amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
    --amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color);
    --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
    --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);
    --amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
    --amplify-components-storagemanager-dropzone-background-color: var(--amplify-colors-background-primary);
    --amplify-components-storagemanager-dropzone-border-radius: var(--amplify-radii-small);
    --amplify-components-storagemanager-dropzone-border-color: var(--amplify-colors-border-primary);
    --amplify-components-storagemanager-dropzone-border-style: dashed;
    --amplify-components-storagemanager-dropzone-border-width: var(--amplify-border-widths-small);
    --amplify-components-storagemanager-dropzone-gap: var(--amplify-space-small);
    --amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl);
    --amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large);
    --amplify-components-storagemanager-dropzone-text-align: center;
    --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
    --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
    --amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed);
    --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
    --amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium);
    --amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary);
    --amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
    --amplify-components-storagemanager-dropzone-text-color: var(--amplify-colors-font-tertiary);
    --amplify-components-storagemanager-dropzone-text-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-storagemanager-dropzone-text-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-storagemanager-file-background-color: var(--amplify-colors-background-primary);
    --amplify-components-storagemanager-file-border-radius: var(--amplify-radii-small);
    --amplify-components-storagemanager-file-border-color: var(--amplify-colors-border-primary);
    --amplify-components-storagemanager-file-border-style: solid;
    --amplify-components-storagemanager-file-border-width: var(--amplify-border-widths-small);
    --amplify-components-storagemanager-file-padding-block: var(--amplify-space-xs);
    --amplify-components-storagemanager-file-padding-inline: var(--amplify-space-small);
    --amplify-components-storagemanager-file-gap: var(--amplify-space-small);
    --amplify-components-storagemanager-file-align-items: baseline;
    --amplify-components-storagemanager-file-name-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-storagemanager-file-name-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-storagemanager-file-name-color: var(--amplify-colors-font-primary);
    --amplify-components-storagemanager-file-size-font-size: var(--amplify-font-sizes-small);
    --amplify-components-storagemanager-file-size-font-weight: var(--amplify-font-weights-normal);
    --amplify-components-storagemanager-file-size-color: var(--amplify-colors-font-tertiary);
    --amplify-components-storagemanager-file-image-width: var(--amplify-space-xxl);
    --amplify-components-storagemanager-file-image-height: var(--amplify-space-xxl);
    --amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary);
    --amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary);
    --amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small);
    --amplify-components-storagemanager-loader-stroke-linecap: round;
    --amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary);
    --amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
    --amplify-components-storagemanager-loader-stroke-width: var(--amplify-border-widths-large);
    --amplify-components-storagemanager-previewer-background-color: var(--amplify-colors-background-primary);
    --amplify-components-storagemanager-previewer-border-color: var(--amplify-colors-border-primary);
    --amplify-components-storagemanager-previewer-border-style: solid;
    --amplify-components-storagemanager-previewer-border-width: var(--amplify-border-widths-small);
    --amplify-components-storagemanager-previewer-border-radius: var(--amplify-radii-small);
    --amplify-components-storagemanager-previewer-padding-block: var(--amplify-space-zero);
    --amplify-components-storagemanager-previewer-padding-inline: var(--amplify-space-zero);
    --amplify-components-storagemanager-previewer-max-height: 40rem;
    --amplify-components-storagemanager-previewer-max-width: auto;
    --amplify-components-storagemanager-previewer-text-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-storagemanager-previewer-text-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-storagemanager-previewer-text-color: var(--amplify-colors-font-primary);
    --amplify-components-storagemanager-previewer-body-padding-block: var(--amplify-space-medium);
    --amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium);
    --amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small);
    --amplify-components-storagemanager-previewer-footer-justify-content: flex-end;
    --amplify-components-storagemanager-filelist-flex-direction: column;
    --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
    --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
    --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
    --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
    --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
    --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
    --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
    --amplify-components-switchfield-thumb-border-color: transparent;
    --amplify-components-switchfield-thumb-border-width: var(--amplify-border-widths-small);
    --amplify-components-switchfield-thumb-border-style: solid;
    --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
    --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
    --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
    --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
    --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
    --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
    --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
    --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
    --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
    --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);
    --amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error);
    --amplify-components-table-border-collapse: collapse;
    --amplify-components-table-display: table;
    --amplify-components-table-width: 100%;
    --amplify-components-table-head-display: table-header-group;
    --amplify-components-table-head-vertical-align: middle;
    --amplify-components-table-body-display: table-row-group;
    --amplify-components-table-body-vertical-align: middle;
    --amplify-components-table-foot-display: table-footer-group;
    --amplify-components-table-foot-vertical-align: middle;
    --amplify-components-table-row-display: table-row;
    --amplify-components-table-row-vertical-align: middle;
    --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
    --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
    --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
    --amplify-components-table-header-border-style: solid;
    --amplify-components-table-header-border-width: var(--amplify-border-widths-small);
    --amplify-components-table-header-color: var(--amplify-colors-font-primary);
    --amplify-components-table-header-display: table-cell;
    --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-table-header-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-table-header-padding: var(--amplify-space-medium);
    --amplify-components-table-header-vertical-align: middle;
    --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);
    --amplify-components-table-header-large-padding: var(--amplify-space-large);
    --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);
    --amplify-components-table-header-small-padding: var(--amplify-space-xs);
    --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);
    --amplify-components-table-data-border-style: solid;
    --amplify-components-table-data-border-width: var(--amplify-border-widths-small);
    --amplify-components-table-data-color: var(--amplify-colors-font-primary);
    --amplify-components-table-data-display: table-cell;
    --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-table-data-font-weight: var(--amplify-font-weights-normal);
    --amplify-components-table-data-padding: var(--amplify-space-medium);
    --amplify-components-table-data-vertical-align: middle;
    --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);
    --amplify-components-table-data-large-padding: var(--amplify-space-large);
    --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);
    --amplify-components-table-data-small-padding: var(--amplify-space-xs);
    --amplify-components-table-caption-caption-side: bottom;
    --amplify-components-table-caption-color: var(--amplify-colors-font-primary);
    --amplify-components-table-caption-display: table-caption;
    --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-table-caption-text-align: center;
    --amplify-components-table-caption-word-break: break-all;
    --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);
    --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);
    --amplify-components-tabs-background-color: transparent;
    --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
    --amplify-components-tabs-border-style: solid;
    --amplify-components-tabs-border-width: var(--amplify-border-widths-medium);
    --amplify-components-tabs-gap: 0;
    --amplify-components-tabs-item-background-color: transparent;
    --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
    --amplify-components-tabs-item-border-style: solid;
    --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);
    --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
    --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);
    --amplify-components-tabs-item-font-weight: var(--amplify-font-weights-bold);
    --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);
    --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
    --amplify-components-tabs-item-text-align: center;
    --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
    --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
    --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
    --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
    --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
    --amplify-components-tabs-item-active-background-color: transparent;
    --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-tabs-item-disabled-background-color: transparent;
    --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
    --amplify-components-text-color: var(--amplify-colors-font-primary);
    --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
    --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
    --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);
    --amplify-components-text-error-color: var(--amplify-colors-font-error);
    --amplify-components-text-warning-color: var(--amplify-colors-font-warning);
    --amplify-components-text-success-color: var(--amplify-colors-font-success);
    --amplify-components-text-info-color: var(--amplify-colors-font-info);
    --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color);
    --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color);
    --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
    --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);
    --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);
    --amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size);
    --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
    --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
    --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
    --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);
    --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
    --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
    --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
    --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
    --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
    --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
    --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
    --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
    --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
    --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
    --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
    --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
    --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
    --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
    --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
    --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
    --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
    --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
    --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
    --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
    --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
    --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
    --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
    --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
    --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
    --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);
    --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);
    --amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
    --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);
    --amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90);
    --amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90);
    --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);
    --amplify-components-togglebuttongroup-align-items: center;
    --amplify-components-togglebuttongroup-align-content: center;
    --amplify-components-togglebuttongroup-justify-content: flex-start;
    --amplify-border-widths-small: 1px;
    --amplify-border-widths-medium: 2px;
    --amplify-border-widths-large: 3px;
    --amplify-colors-red-10: #fce9e9;
    --amplify-colors-red-20: #f5bcbc;
    --amplify-colors-red-40: #ef8f8f;
    --amplify-colors-red-60: #bf4040;
    --amplify-colors-red-80: #950404;
    --amplify-colors-red-90: #600;
    --amplify-colors-red-100: #4d0000;
    --amplify-colors-orange-10: #fcf2e9;
    --amplify-colors-orange-20: #f5d9bc;
    --amplify-colors-orange-40: #efbf8f;
    --amplify-colors-orange-60: #bf8040;
    --amplify-colors-orange-80: #954c04;
    --amplify-colors-orange-90: #630;
    --amplify-colors-orange-100: #4d2600;
    --amplify-colors-yellow-10: #fcfce9;
    --amplify-colors-yellow-20: #f5f5bc;
    --amplify-colors-yellow-40: #efef8f;
    --amplify-colors-yellow-60: #bfbf40;
    --amplify-colors-yellow-80: #959504;
    --amplify-colors-yellow-90: #660;
    --amplify-colors-yellow-100: #4d4d00;
    --amplify-colors-green-10: #ebfaed;
    --amplify-colors-green-20: #d6f5db;
    --amplify-colors-green-40: #77ca85;
    --amplify-colors-green-60: #43a854;
    --amplify-colors-green-80: #3f7d4a;
    --amplify-colors-green-90: #365e3d;
    --amplify-colors-green-100: #2e4832;
    --amplify-colors-teal-10: #e9f9fc;
    --amplify-colors-teal-20: #bcecf5;
    --amplify-colors-teal-40: #7dd6e8;
    --amplify-colors-teal-60: #40aabf;
    --amplify-colors-teal-80: #047d95;
    --amplify-colors-teal-90: #056;
    --amplify-colors-teal-100: #00404d;
    --amplify-colors-blue-10: #e6eefe;
    --amplify-colors-blue-20: #b8cef9;
    --amplify-colors-blue-40: #7da1e8;
    --amplify-colors-blue-60: #406abf;
    --amplify-colors-blue-80: #043495;
    --amplify-colors-blue-90: #026;
    --amplify-colors-blue-100: #00194d;
    --amplify-colors-purple-10: #fee6fe;
    --amplify-colors-purple-20: #f9b8f9;
    --amplify-colors-purple-40: #e87de8;
    --amplify-colors-purple-60: #bf40bf;
    --amplify-colors-purple-80: #950495;
    --amplify-colors-purple-90: #606;
    --amplify-colors-purple-100: #4d004d;
    --amplify-colors-pink-10: #fee6ee;
    --amplify-colors-pink-20: #fbb6cd;
    --amplify-colors-pink-40: #e87da1;
    --amplify-colors-pink-60: #bf406a;
    --amplify-colors-pink-80: #950434;
    --amplify-colors-pink-90: #602;
    --amplify-colors-pink-100: #4d001a;
    --amplify-colors-neutral-10: #fafafa;
    --amplify-colors-neutral-20: #eff0f0;
    --amplify-colors-neutral-40: #dcdee0;
    --amplify-colors-neutral-60: #89949f;
    --amplify-colors-neutral-80: #5c6670;
    --amplify-colors-neutral-90: #304050;
    --amplify-colors-neutral-100: #0d1a26;
    --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10);
    --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20);
    --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40);
    --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60);
    --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80);
    --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90);
    --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100);
    --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10);
    --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20);
    --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40);
    --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60);
    --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80);
    --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90);
    --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100);
    --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
    --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
    --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
    --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
    --amplify-colors-font-inverse: var(--amplify-colors-white);
    --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
    --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
    --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
    --amplify-colors-font-active: var(--amplify-colors-brand-primary-100);
    --amplify-colors-font-info: var(--amplify-colors-blue-90);
    --amplify-colors-font-warning: var(--amplify-colors-orange-90);
    --amplify-colors-font-error: var(--amplify-colors-red-90);
    --amplify-colors-font-success: var(--amplify-colors-green-90);
    --amplify-colors-background-primary: var(--amplify-colors-white);
    --amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
    --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
    --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);
    --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);
    --amplify-colors-background-info: var(--amplify-colors-blue-10);
    --amplify-colors-background-warning: var(--amplify-colors-orange-10);
    --amplify-colors-background-error: var(--amplify-colors-red-10);
    --amplify-colors-background-success: var(--amplify-colors-green-10);
    --amplify-colors-border-primary: var(--amplify-colors-neutral-60);
    --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
    --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
    --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
    --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100);
    --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100);
    --amplify-colors-border-error: var(--amplify-colors-red-80);
    --amplify-colors-border-info: var(--amplify-colors-blue-80);
    --amplify-colors-border-success: var(--amplify-colors-green-80);
    --amplify-colors-border-warning: var(--amplify-colors-orange-80);
    --amplify-colors-shadow-primary: rgba(13, 26, 38, .25);
    --amplify-colors-shadow-secondary: rgba(13, 26, 38, .15);
    --amplify-colors-shadow-tertiary: rgba(13, 26, 38, .05);
    --amplify-colors-overlay-5: rgba(0, 0, 0, .05);
    --amplify-colors-overlay-10: rgba(0, 0, 0, .1);
    --amplify-colors-overlay-20: rgba(0, 0, 0, .2);
    --amplify-colors-overlay-30: rgba(0, 0, 0, .3);
    --amplify-colors-overlay-40: rgba(0, 0, 0, .4);
    --amplify-colors-overlay-50: rgba(0, 0, 0, .5);
    --amplify-colors-overlay-60: rgba(0, 0, 0, .6);
    --amplify-colors-overlay-70: rgba(0, 0, 0, .7);
    --amplify-colors-overlay-80: rgba(0, 0, 0, .8);
    --amplify-colors-overlay-90: rgba(0, 0, 0, .9);
    --amplify-colors-black: #000;
    --amplify-colors-white: #fff;
    --amplify-colors-transparent: transparent;
    --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
    --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
    --amplify-font-sizes-xxxs: 0.375rem;
    --amplify-font-sizes-xxs: 0.5rem;
    --amplify-font-sizes-xs: 0.75rem;
    --amplify-font-sizes-small: 0.875rem;
    --amplify-font-sizes-medium: 1rem;
    --amplify-font-sizes-large: 1.25rem;
    --amplify-font-sizes-xl: 1.5rem;
    --amplify-font-sizes-xxl: 2rem;
    --amplify-font-sizes-xxxl: 2.5rem;
    --amplify-font-sizes-xxxxl: 3rem;
    --amplify-font-weights-hairline: 100;
    --amplify-font-weights-thin: 200;
    --amplify-font-weights-light: 300;
    --amplify-font-weights-normal: 400;
    --amplify-font-weights-medium: 500;
    --amplify-font-weights-semibold: 600;
    --amplify-font-weights-bold: 700;
    --amplify-font-weights-extrabold: 800;
    --amplify-font-weights-black: 900;
    --amplify-line-heights-small: 1.25;
    --amplify-line-heights-medium: 1.5;
    --amplify-line-heights-large: 2;
    --amplify-opacities-0: 0;
    --amplify-opacities-10: 0.1;
    --amplify-opacities-20: 0.2;
    --amplify-opacities-30: 0.3;
    --amplify-opacities-40: 0.4;
    --amplify-opacities-50: 0.5;
    --amplify-opacities-60: 0.6;
    --amplify-opacities-70: 0.7;
    --amplify-opacities-80: 0.8;
    --amplify-opacities-90: 0.9;
    --amplify-opacities-100: 1;
    --amplify-outline-offsets-small: 1px;
    --amplify-outline-offsets-medium: 2px;
    --amplify-outline-offsets-large: 3px;
    --amplify-outline-widths-small: 1px;
    --amplify-outline-widths-medium: 2px;
    --amplify-outline-widths-large: 3px;
    --amplify-radii-xs: 0.125rem;
    --amplify-radii-small: 0.25rem;
    --amplify-radii-medium: 0.5rem;
    --amplify-radii-large: 1rem;
    --amplify-radii-xl: 2rem;
    --amplify-radii-xxl: 4rem;
    --amplify-radii-xxxl: 8rem;
    --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
    --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
    --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
    --amplify-space-zero: 0;
    --amplify-space-xxxs: 0.25rem;
    --amplify-space-xxs: 0.375rem;
    --amplify-space-xs: 0.5rem;
    --amplify-space-small: 0.75rem;
    --amplify-space-medium: 1rem;
    --amplify-space-large: 1.5rem;
    --amplify-space-xl: 2.0rem;
    --amplify-space-xxl: 3.0rem;
    --amplify-space-xxxl: 4.5rem;
    --amplify-space-relative-xxxs: 0.25em;
    --amplify-space-relative-xxs: 0.375em;
    --amplify-space-relative-xs: 0.5em;
    --amplify-space-relative-small: 0.75em;
    --amplify-space-relative-medium: 1em;
    --amplify-space-relative-large: 1.5em;
    --amplify-space-relative-xl: 2.0em;
    --amplify-space-relative-xxl: 3.0em;
    --amplify-space-relative-xxxl: 4.5em;
    --amplify-space-relative-full: 100%;
    --amplify-time-short: 100ms;
    --amplify-time-medium: 250ms;
    --amplify-time-long: 500ms;
    --amplify-transforms-slide-x-small: translateX(0.5em);
    --amplify-transforms-slide-x-medium: translateX(1em);
    --amplify-transforms-slide-x-large: translateX(2em)
}

[data-amplify-theme],
html {
    font-family: var(--amplify-fonts-default-static)
}

@supports (font-variation-settings:normal) {
    [data-amplify-theme],
    html {
        font-family: var(--amplify-fonts-default-variable)
    }
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: var(--amplify-line-heights-medium)
}

* {
    box-sizing: border-box
}

button,
input,
select,
textarea {
    font: inherit
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }
}

[class*=amplify] {
    all: unset;
    box-sizing: border-box
}

.amplify-flex {
    align-content: var(--amplify-components-flex-align-content);
    align-items: var(--amplify-components-flex-align-items);
    display: flex;
    flex-wrap: var(--amplify-components-flex-flex-wrap);
    gap: var(--amplify-components-flex-gap);
    justify-content: var(--amplify-components-flex-justify-content)
}

.amplify-grid {
    display: grid
}

.amplify-scrollview {
    display: block;
    overflow: auto
}

.amplify-text {
    display: block;
    color: var(--amplify-components-text-color)
}

b.amplify-text,
em.amplify-text,
i.amplify-text,
span.amplify-text,
strong.amplify-text {
    display: inline
}

.amplify-text--truncated {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.amplify-text--primary {
    color: var(--amplify-components-text-primary-color)
}

.amplify-text--secondary {
    color: var(--amplify-components-text-secondary-color)
}

.amplify-text--tertiary {
    color: var(--amplify-components-text-tertiary-color)
}

.amplify-text--error {
    color: var(--amplify-components-text-error-color)
}

.amplify-text--info {
    color: var(--amplify-components-text-info-color)
}

.amplify-text--success {
    color: var(--amplify-components-text-success-color)
}

.amplify-text--warning {
    color: var(--amplify-components-text-warning-color)
}

.amplify-badge {
    background-color: var(--amplify-components-badge-background-color);
    border-radius: var(--amplify-components-badge-border-radius);
    color: var(--amplify-components-badge-color);
    display: inline-flex;
    font-size: var(--amplify-components-badge-font-size);
    font-weight: var(--amplify-components-badge-font-weight);
    line-height: var(--amplify-components-badge-line-height);
    padding: var(--amplify-components-badge-padding-vertical) var(--amplify-components-badge-padding-horizontal);
    text-align: var(--amplify-components-badge-text-align)
}

.amplify-badge--info {
    color: var(--amplify-components-badge-info-color);
    background-color: var(--amplify-components-badge-info-background-color)
}

.amplify-badge--error {
    color: var(--amplify-components-badge-error-color);
    background-color: var(--amplify-components-badge-error-background-color)
}

.amplify-badge--warning {
    color: var(--amplify-components-badge-warning-color);
    background-color: var(--amplify-components-badge-warning-background-color)
}

.amplify-badge--success {
    color: var(--amplify-components-badge-success-color);
    background-color: var(--amplify-components-badge-success-background-color)
}

.amplify-badge--small {
    font-size: var(--amplify-components-badge-small-font-size);
    padding: var(--amplify-components-badge-small-padding-vertical) var(--amplify-components-badge-small-padding-horizontal)
}

.amplify-badge--large {
    font-size: var(--amplify-components-badge-large-font-size);
    padding: var(--amplify-components-badge-large-padding-vertical) var(--amplify-components-badge-large-padding-horizontal)
}

.amplify-button {
    --amplify-internal-button-background-color: var( --amplify-components-button-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-border-color);
    --amplify-internal-button-color: var(--amplify-components-button-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-focus-box-shadow);
    --amplify-internal-button-border-width: var( --amplify-components-button-border-width);
    align-items: center;
    background-color: var(--amplify-internal-button-background-color);
    border-color: var(--amplify-internal-button-border-color);
    border-radius: var(--amplify-components-button-border-radius);
    border-style: var(--amplify-components-button-border-style);
    border-width: var(--amplify-internal-button-border-width);
    box-sizing: border-box;
    color: var(--amplify-internal-button-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--amplify-components-button-font-size);
    font-weight: var(--amplify-components-button-font-weight);
    justify-content: center;
    line-height: var(--amplify-components-button-line-height);
    -webkit-padding-before: var(--amplify-components-button-padding-block-start);
    padding-block-start: var(--amplify-components-button-padding-block-start);
    -webkit-padding-after: var(--amplify-components-button-padding-block-end);
    padding-block-end: var(--amplify-components-button-padding-block-end);
    -webkit-padding-start: var(--amplify-components-button-padding-inline-start);
    padding-inline-start: var(--amplify-components-button-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-button-padding-inline-end);
    padding-inline-end: var(--amplify-components-button-padding-inline-end);
    transition: all var(--amplify-components-button-transition-duration);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    --amplify-internal-button-disabled-color: var( --amplify-components-button-disabled-color);
    --amplify-internal-button-disabled-background-color: var( --amplify-components-button-disabled-background-color);
    --amplify-internal-button-disabled-border-color: var( --amplify-components-button-disabled-border-color);
    --amplify-internal-button-disabled-text-decoration: initial;
    --amplify-internal-button-loading-background-color: var( --amplify-components-button-loading-background-color);
    --amplify-internal-button-loading-border-color: var( --amplify-components-button-loading-border-color);
    --amplify-internal-button-loading-color: var( --amplify-components-button-loading-color);
    --amplify-internal-button-loading-text-decoration: initial
}

.amplify-button:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-hover-color)
}

.amplify-button:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-focus-color);
    box-shadow: var(--amplify-internal-button-focus-box-shadow)
}

.amplify-button:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-active-color)
}

.amplify-button--fullwidth {
    width: 100%
}

.amplify-button--outlined--info {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-info-color)
}

.amplify-button--outlined--info:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-info-hover-color)
}

.amplify-button--outlined--info:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-info-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-info-focus-box-shadow)
}

.amplify-button--outlined--info:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-info-active-color)
}

.amplify-button--outlined--warning {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-warning-color)
}

.amplify-button--outlined--warning:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-warning-hover-color)
}

.amplify-button--outlined--warning:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-warning-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-warning-focus-box-shadow)
}

.amplify-button--outlined--warning:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-warning-active-color)
}

.amplify-button--outlined--error {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-error-color)
}

.amplify-button--outlined--error:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-error-hover-color)
}

.amplify-button--outlined--error:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-error-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-error-focus-box-shadow)
}

.amplify-button--outlined--error:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-error-active-color)
}

.amplify-button--outlined--success {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-success-color)
}

.amplify-button--outlined--success:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-success-hover-color)
}

.amplify-button--outlined--success:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-success-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-success-focus-box-shadow)
}

.amplify-button--outlined--success:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-success-active-color)
}

.amplify-button--outlined--overlay {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-color)
}

.amplify-button--outlined--overlay:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-hover-color)
}

.amplify-button--outlined--overlay:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-overlay-focus-box-shadow)
}

.amplify-button--outlined--overlay:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-active-color)
}

.amplify-button--menu {
    border-width: var(--amplify-components-button-menu-border-width);
    background-color: var(--amplify-components-button-menu-background-color);
    justify-content: var(--amplify-components-button-menu-justify-content);
    --amplify-internal-button-disabled-color: var( --amplify-components-button-menu-disabled-color)
}

.amplify-button--menu:hover {
    color: var(--amplify-components-button-menu-hover-color);
    background-color: var(--amplify-components-button-menu-hover-background-color)
}

.amplify-button--menu:focus {
    box-shadow: none;
    color: var(--amplify-components-button-menu-focus-color);
    background-color: var(--amplify-components-button-menu-focus-background-color)
}

.amplify-button--menu:active {
    color: var(--amplify-components-button-menu-active-color);
    background-color: var(--amplify-components-button-menu-active-background-color)
}

.amplify-button--primary {
    --amplify-internal-button-border-width: var( --amplify-components-button-primary-border-width);
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-color);
    --amplify-internal-button-disabled-border-color: var( --amplify-components-button-primary-disabled-border-color);
    --amplify-internal-button-disabled-background-color: var( --amplify-components-button-primary-disabled-background-color);
    --amplify-internal-button-disabled-color: var( --amplify-components-button-primary-disabled-color);
    --amplify-internal-button-loading-background-color: var( --amplify-components-button-primary-loading-background-color);
    --amplify-internal-button-loading-border-color: var( --amplify-components-button-primary-loading-border-color);
    --amplify-internal-button-loading-color: var( --amplify-components-button-primary-loading-color)
}

.amplify-button--primary:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-hover-color)
}

.amplify-button--primary:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-focus-box-shadow)
}

.amplify-button--primary:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-active-color)
}

.amplify-button--primary--info {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-info-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-info-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-info-color)
}

.amplify-button--primary--info:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-info-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-info-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-info-hover-color)
}

.amplify-button--primary--info:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-info-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-info-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-info-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-info-focus-box-shadow)
}

.amplify-button--primary--info:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-info-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-info-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-info-active-color)
}

.amplify-button--primary--warning {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-warning-color)
}

.amplify-button--primary--warning:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-warning-hover-color)
}

.amplify-button--primary--warning:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-warning-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-warning-focus-box-shadow)
}

.amplify-button--primary--warning:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-warning-active-color)
}

.amplify-button--primary--error {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-error-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-error-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-error-color)
}

.amplify-button--primary--error:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-error-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-error-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-error-hover-color)
}

.amplify-button--primary--error:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-error-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-error-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-error-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-error-focus-box-shadow)
}

.amplify-button--primary--error:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-error-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-error-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-error-active-color)
}

.amplify-button--primary--success {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-success-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-success-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-success-color)
}

.amplify-button--primary--success:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-success-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-success-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-success-hover-color)
}

.amplify-button--primary--success:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-success-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-success-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-success-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-success-focus-box-shadow)
}

.amplify-button--primary--success:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-success-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-success-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-success-active-color)
}

.amplify-button--primary--overlay {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-overlay-color)
}

.amplify-button--primary--overlay:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-overlay-hover-color)
}

.amplify-button--primary--overlay:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-overlay-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-overlay-focus-box-shadow)
}

.amplify-button--primary--overlay:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-primary-overlay-active-color)
}

.amplify-button--link {
    --amplify-internal-button-border-width: var( --amplify-components-button-link-border-width);
    --amplify-internal-button-background-color: var( --amplify-components-button-link-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-color);
    --amplify-internal-button-disabled-border-color: var( --amplify-components-button-link-disabled-border-color);
    --amplify-internal-button-disabled-background-color: var( --amplify-components-button-link-disabled-background-color);
    --amplify-internal-button-disabled-color: var( --amplify-components-button-link-disabled-color);
    --amplify-internal-button-loading-background-color: var( --amplify-components-button-link-loading-background-color);
    --amplify-internal-button-loading-border-color: var( --amplify-components-button-link-loading-border-color);
    --amplify-internal-button-loading-color: var( --amplify-components-button-link-loading-color)
}

.amplify-button--link:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-hover-color)
}

.amplify-button--link:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-focus-box-shadow)
}

.amplify-button--link:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-active-color)
}

.amplify-button--link--info {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-info-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-info-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-info-color)
}

.amplify-button--link--info:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-info-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-info-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-info-hover-color)
}

.amplify-button--link--info:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-info-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-info-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-info-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-info-focus-box-shadow)
}

.amplify-button--link--info:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-info-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-info-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-info-active-color)
}

.amplify-button--link--warning {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-warning-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-warning-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-warning-color)
}

.amplify-button--link--warning:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-warning-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-warning-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-warning-hover-color)
}

.amplify-button--link--warning:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-warning-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-warning-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-warning-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-warning-focus-box-shadow)
}

.amplify-button--link--warning:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-warning-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-warning-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-warning-active-color)
}

.amplify-button--link--error {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-error-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-error-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-error-color)
}

.amplify-button--link--error:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-error-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-error-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-error-hover-color)
}

.amplify-button--link--error:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-error-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-error-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-error-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-error-focus-box-shadow)
}

.amplify-button--link--error:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-error-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-error-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-error-active-color)
}

.amplify-button--link--success {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-success-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-success-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-success-color)
}

.amplify-button--link--success:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-success-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-success-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-success-hover-color)
}

.amplify-button--link--success:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-success-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-success-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-success-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-success-focus-box-shadow)
}

.amplify-button--link--success:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-success-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-success-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-success-active-color)
}

.amplify-button--link--overlay {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-overlay-color)
}

.amplify-button--link--overlay:hover {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-hover-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-hover-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-overlay-hover-color)
}

.amplify-button--link--overlay:focus {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-focus-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-focus-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-overlay-focus-color);
    --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-overlay-focus-box-shadow)
}

.amplify-button--link--overlay:active {
    --amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-active-background-color);
    --amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-active-border-color);
    --amplify-internal-button-color: var( --amplify-components-button-link-overlay-active-color)
}

.amplify-button--destructive {
    border-width: var(--amplify-components-button-destructive-border-width);
    background-color: var(--amplify-components-button-destructive-background-color);
    border-color: var(--amplify-components-button-destructive-border-color);
    color: var(--amplify-components-button-destructive-color);
    --amplify-internal-button-disabled-border-color: var( --amplify-components-button-destructive-disabled-border-color);
    --amplify-internal-button-disabled-background-color: var( --amplify-components-button-destructive-disabled-background-color);
    --amplify-internal-button-disabled-color: var( --amplify-components-button-destructive-disabled-color);
    --amplify-internal-button-loading-background-color: var( --amplify-components-button-destructive-loading-background-color);
    --amplify-internal-button-loading-border-color: var( --amplify-components-button-destructive-loading-border-color);
    --amplify-internal-button-loading-color: var( --amplify-components-button-destructive-loading-color)
}

.amplify-button--destructive:hover {
    background-color: var(--amplify-components-button-destructive-hover-background-color);
    border-color: var(--amplify-components-button-destructive-hover-border-color);
    color: var(--amplify-components-button-destructive-hover-color)
}

.amplify-button--destructive:focus {
    background-color: var(--amplify-components-button-destructive-focus-background-color);
    border-color: var(--amplify-components-button-destructive-focus-border-color);
    color: var(--amplify-components-button-destructive-focus-color);
    box-shadow: var(--amplify-components-button-destructive-focus-box-shadow)
}

.amplify-button--destructive:active {
    background-color: var(--amplify-components-button-destructive-active-background-color);
    border-color: var(--amplify-components-button-destructive-active-border-color);
    color: var(--amplify-components-button-destructive-active-color)
}

.amplify-button--warning {
    background-color: var(--amplify-components-button-warning-background-color);
    border-color: var(--amplify-components-button-warning-border-color);
    border-width: var(--amplify-components-button-warning-border-width);
    color: var(--amplify-components-button-warning-color);
    --amplify-internal-button-disabled-text-decoration: none;
    --amplify-internal-button-disabled-border-color: var( --amplify-components-button-warning-disabled-border-color);
    --amplify-internal-button-disabled-background-color: var( --amplify-components-button-warning-disabled-background-color);
    --amplify-internal-button-disabled-color: var( --amplify-components-button-warning-disabled-color);
    --amplify-internal-button-loading-background-color: var( --amplify-components-button-warning-loading-background-color);
    --amplify-internal-button-loading-border-color: var( --amplify-components-button-warning-loading-border-color);
    --amplify-internal-button-loading-color: var( --amplify-components-button-warning-loading-color);
    --amplify-internal-button-loading-text-decoration: none
}

.amplify-button--warning:hover {
    background-color: var(--amplify-components-button-warning-hover-background-color);
    border-color: var(--amplify-components-button-warning-hover-border-color);
    color: var(--amplify-components-button-warning-hover-color)
}

.amplify-button--warning:focus {
    background-color: var(--amplify-components-button-warning-focus-background-color);
    border-color: var(--amplify-components-button-warning-focus-border-color);
    color: var(--amplify-components-button-warning-focus-color);
    box-shadow: var(--amplify-components-button-warning-focus-box-shadow)
}

.amplify-button--warning:active {
    background-color: var(--amplify-components-button-warning-active-background-color);
    border-color: var(--amplify-components-button-warning-active-border-color);
    color: var(--amplify-components-button-warning-active-color)
}

.amplify-button--small {
    font-size: var(--amplify-components-button-small-font-size);
    -webkit-padding-before: var(--amplify-components-button-small-padding-block-start);
    padding-block-start: var(--amplify-components-button-small-padding-block-start);
    -webkit-padding-after: var(--amplify-components-button-small-padding-block-end);
    padding-block-end: var(--amplify-components-button-small-padding-block-end);
    -webkit-padding-start: var(--amplify-components-button-small-padding-inline-start);
    padding-inline-start: var(--amplify-components-button-small-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-button-small-padding-inline-end);
    padding-inline-end: var(--amplify-components-button-small-padding-inline-end)
}

.amplify-button--large {
    font-size: var(--amplify-components-button-large-font-size);
    -webkit-padding-before: var(--amplify-components-button-large-padding-block-start);
    padding-block-start: var(--amplify-components-button-large-padding-block-start);
    -webkit-padding-after: var(--amplify-components-button-large-padding-block-end);
    padding-block-end: var(--amplify-components-button-large-padding-block-end);
    -webkit-padding-start: var(--amplify-components-button-large-padding-inline-start);
    padding-inline-start: var(--amplify-components-button-large-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-button-large-padding-inline-end);
    padding-inline-end: var(--amplify-components-button-large-padding-inline-end)
}

.amplify-button--disabled {
    cursor: not-allowed
}

.amplify-button--disabled,
.amplify-button--disabled :focus,
.amplify-button--disabled:active,
.amplify-button--disabled:hover {
    background-color: var(--amplify-internal-button-disabled-background-color);
    border-color: var(--amplify-internal-button-disabled-border-color);
    color: var(--amplify-internal-button-disabled-color);
    -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
    text-decoration: var(--amplify-internal-button-disabled-text-decoration)
}

.amplify-button--loading,
.amplify-button--loading:active,
.amplify-button--loading:focus,
.amplify-button--loading:hover {
    background-color: var(--amplify-internal-button-loading-background-color);
    border-color: var(--amplify-internal-button-loading-border-color);
    color: var(--amplify-components-button-loading-color);
    -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
    text-decoration: var(--amplify-internal-button-loading-text-decoration)
}

.amplify-button__loader-wrapper {
    align-items: var(--amplify-components-button-loader-wrapper-align-items);
    gap: var(--amplify-components-button-loader-wrapper-gap)
}

@media (prefers-reduced-motion:reduce) {
    .amplify-button {
        transition: none
    }
}

.amplify-dropzone {
    display: block;
    background-color: var(--amplify-components-dropzone-background-color);
    border-color: var(--amplify-components-dropzone-border-color);
    border-width: var(--amplify-components-dropzone-border-width);
    border-style: var(--amplify-components-dropzone-border-style);
    border-radius: var(--amplify-components-dropzone-border-radius);
    color: var(--amplify-components-dropzone-color);
    padding-block: var(--amplify-components-dropzone-padding-block);
    padding-inline: var(--amplify-components-dropzone-padding-inline);
    text-align: var(--amplify-components-dropzone-text-align)
}

.amplify-dropzone--disabled {
    cursor: not-allowed;
    background-color: var(--amplify-components-dropzone-disabled-background-color);
    border-color: var(--amplify-components-dropzone-disabled-border-color);
    border-width: var(--amplify-components-dropzone-disabled-border-width);
    border-style: var(--amplify-components-dropzone-disabled-border-style);
    border-radius: var(--amplify-components-dropzone-disabled-border-radius);
    color: var(--amplify-components-dropzone-disabled-color)
}

.amplify-dropzone--active {
    background-color: var(--amplify-components-dropzone-active-background-color);
    border-color: var(--amplify-components-dropzone-active-border-color);
    border-width: var(--amplify-components-dropzone-active-border-width);
    border-style: var(--amplify-components-dropzone-active-border-style);
    border-radius: var(--amplify-components-dropzone-active-border-radius);
    color: var(--amplify-components-dropzone-active-color)
}

.amplify-dropzone--rejected {
    background-color: var(--amplify-components-dropzone-rejected-background-color);
    border-color: var(--amplify-components-dropzone-rejected-border-color);
    border-width: var(--amplify-components-dropzone-rejected-border-width);
    border-style: var(--amplify-components-dropzone-rejected-border-style);
    border-radius: var(--amplify-components-dropzone-rejected-border-radius);
    color: var(--amplify-components-dropzone-rejected-color)
}

.amplify-dropzone--accepted {
    background-color: var(--amplify-components-dropzone-accepted-background-color);
    border-color: var(--amplify-components-dropzone-accepted-border-color);
    border-width: var(--amplify-components-dropzone-accepted-border-width);
    border-style: var(--amplify-components-dropzone-accepted-border-style);
    border-radius: var(--amplify-components-dropzone-accepted-border-radius);
    color: var(--amplify-components-dropzone-accepted-color)
}

.amplify-field__description {
    color: var(--amplify-components-fieldmessages-description-color);
    font-style: var(--amplify-components-fieldmessages-description-font-style);
    font-size: var(--amplify-components-fieldmessages-description-font-size)
}

.amplify-field__error-message {
    color: var(--amplify-components-fieldmessages-error-color);
    font-size: var(--amplify-components-fieldmessages-error-font-size)
}

.amplify-heading {
    color: var(--amplify-components-heading-color);
    line-height: var(--amplify-components-heading-line-height);
    display: block
}

.amplify-heading--truncated {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.amplify-heading--1 {
    font-size: var(--amplify-components-heading-1-font-size);
    font-weight: var(--amplify-components-heading-1-font-weight)
}

.amplify-heading--2 {
    font-size: var(--amplify-components-heading-2-font-size);
    font-weight: var(--amplify-components-heading-2-font-weight)
}

.amplify-heading--3 {
    font-size: var(--amplify-components-heading-3-font-size);
    font-weight: var(--amplify-components-heading-3-font-weight)
}

.amplify-heading--4 {
    font-size: var(--amplify-components-heading-4-font-size);
    font-weight: var(--amplify-components-heading-4-font-weight)
}

.amplify-heading--5 {
    font-size: var(--amplify-components-heading-5-font-size);
    font-weight: var(--amplify-components-heading-5-font-weight)
}

.amplify-heading--6 {
    font-size: var(--amplify-components-heading-6-font-size);
    font-weight: var(--amplify-components-heading-6-font-weight)
}

.amplify-icon {
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    line-height: var(--amplify-components-icon-line-height)
}

.amplify-icon,
.amplify-icon>svg {
    height: var(--amplify-components-icon-height)
}

.amplify-icon>svg {
    width: var(--amplify-components-icon-height)
}

.amplify-highlightmatch__highlighted {
    font-weight: var(--amplify-components-highlightmatch-highlighted-font-weight)
}

.amplify-input {
    box-sizing: border-box;
    color: var(--amplify-components-fieldcontrol-color);
    font-size: var(--amplify-components-fieldcontrol-font-size);
    line-height: var(--amplify-components-fieldcontrol-line-height);
    -webkit-padding-before: var(--amplify-components-fieldcontrol-padding-block-start);
    padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
    -webkit-padding-after: var(--amplify-components-fieldcontrol-padding-block-end);
    padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
    -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-end);
    padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
    transition: all var(--amplify-components-fieldcontrol-transition-duration);
    width: 100%;
    border-color: var(--amplify-components-fieldcontrol-border-color);
    border-radius: var(--amplify-components-fieldcontrol-border-radius);
    border-style: var(--amplify-components-fieldcontrol-border-style);
    border-width: var(--amplify-components-fieldcontrol-border-width);
    outline-color: var(--amplify-components-fieldcontrol-outline-color);
    outline-style: var(--amplify-components-fieldcontrol-outline-style);
    outline-width: var(--amplify-components-fieldcontrol-outline-width);
    outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    display: inline-block;
    --amplify-components-fieldcontrol-color: var( --amplify-components-input-color);
    --amplify-components-fieldcontrol-border-color: var( --amplify-components-input-border-color);
    --amplify-components-fieldcontrol-font-size: var( --amplify-components-input-font-size);
    --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-input-focus-border-color)
}

.amplify-input:focus {
    border-color: var(--amplify-components-fieldcontrol-focus-border-color);
    box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow)
}

.amplify-input--small {
    font-size: var(--amplify-components-fieldcontrol-small-font-size);
    -webkit-padding-before: var(--amplify-components-fieldcontrol-small-padding-block-start);
    padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
    -webkit-padding-after: var(--amplify-components-fieldcontrol-small-padding-block-end);
    padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
    -webkit-padding-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
    padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end)
}

.amplify-input--large {
    font-size: var(--amplify-components-fieldcontrol-large-font-size);
    -webkit-padding-before: var(--amplify-components-fieldcontrol-large-padding-block-start);
    padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
    -webkit-padding-after: var(--amplify-components-fieldcontrol-large-padding-block-end);
    padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
    -webkit-padding-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
    padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end)
}

.amplify-input--error,
.amplify-input--error:focus {
    border-color: var(--amplify-components-fieldcontrol-error-border-color)
}

.amplify-input--error:focus {
    box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow)
}

.amplify-input--quiet {
    -webkit-border-before: var(--amplify-components-fieldcontrol-quiet-border-block-start);
    border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
    -webkit-border-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
    border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
    -webkit-border-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
    border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
    border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius)
}

.amplify-input--quiet:focus {
    border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
    box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow)
}

.amplify-input--quiet[aria-invalid=true] {
    border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color)
}

.amplify-input--quiet[aria-invalid=true]:focus {
    box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow)
}

.amplify-input[disabled] {
    color: var(--amplify-components-fieldcontrol-disabled-color);
    cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
    border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
    background-color: var(--amplify-components-fieldcontrol-disabled-background-color)
}

.amplify-textarea {
    box-sizing: border-box;
    color: var(--amplify-components-fieldcontrol-color);
    font-size: var(--amplify-components-fieldcontrol-font-size);
    line-height: var(--amplify-components-fieldcontrol-line-height);
    -webkit-padding-before: var(--amplify-components-fieldcontrol-padding-block-start);
    padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
    -webkit-padding-after: var(--amplify-components-fieldcontrol-padding-block-end);
    padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
    -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-end);
    padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
    transition: all var(--amplify-components-fieldcontrol-transition-duration);
    width: 100%;
    border-color: var(--amplify-components-fieldcontrol-border-color);
    border-radius: var(--amplify-components-fieldcontrol-border-radius);
    border-style: var(--amplify-components-fieldcontrol-border-style);
    border-width: var(--amplify-components-fieldcontrol-border-width);
    outline-color: var(--amplify-components-fieldcontrol-outline-color);
    outline-style: var(--amplify-components-fieldcontrol-outline-style);
    outline-width: var(--amplify-components-fieldcontrol-outline-width);
    outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    white-space: pre-wrap
}

.amplify-textarea:focus {
    border-color: var(--amplify-components-fieldcontrol-focus-border-color);
    box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow)
}

.amplify-textarea--small {
    font-size: var(--amplify-components-fieldcontrol-small-font-size);
    -webkit-padding-before: var(--amplify-components-fieldcontrol-small-padding-block-start);
    padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
    -webkit-padding-after: var(--amplify-components-fieldcontrol-small-padding-block-end);
    padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
    -webkit-padding-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
    padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end)
}

.amplify-textarea--large {
    font-size: var(--amplify-components-fieldcontrol-large-font-size);
    -webkit-padding-before: var(--amplify-components-fieldcontrol-large-padding-block-start);
    padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
    -webkit-padding-after: var(--amplify-components-fieldcontrol-large-padding-block-end);
    padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
    -webkit-padding-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
    padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end)
}

.amplify-textarea--error,
.amplify-textarea--error:focus {
    border-color: var(--amplify-components-fieldcontrol-error-border-color)
}

.amplify-textarea--error:focus {
    box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow)
}

.amplify-textarea--quiet {
    -webkit-border-before: var(--amplify-components-fieldcontrol-quiet-border-block-start);
    border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
    -webkit-border-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
    border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
    -webkit-border-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
    border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
    border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius)
}

.amplify-textarea--quiet:focus {
    border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
    box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow)
}

.amplify-textarea--quiet[aria-invalid=true] {
    border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color)
}

.amplify-textarea--quiet[aria-invalid=true]:focus {
    box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow)
}

.amplify-textarea[disabled] {
    color: var(--amplify-components-fieldcontrol-disabled-color);
    cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
    border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
    background-color: var(--amplify-components-fieldcontrol-disabled-background-color)
}

.amplify-image {
    height: var(--amplify-components-image-height);
    max-width: var(--amplify-components-image-max-width);
    object-fit: var(--amplify-components-image-object-fit);
    object-position: var(--amplify-components-image-object-position);
    overflow: clip
}

.amplify-link {
    color: var(--amplify-components-link-color);
    -webkit-text-decoration: var(--amplify-components-link-text-decoration);
    text-decoration: var(--amplify-components-link-text-decoration);
    cursor: pointer
}

.amplify-link:visited {
    color: var(--amplify-components-link-visited-color);
    -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
    text-decoration: var(--amplify-components-link-visited-text-decoration)
}

.amplify-link:active {
    color: var(--amplify-components-link-active-color);
    -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
    text-decoration: var(--amplify-components-link-active-text-decoration)
}

.amplify-link:focus {
    color: var(--amplify-components-link-focus-color);
    -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
    text-decoration: var(--amplify-components-link-focus-text-decoration)
}

.amplify-link:hover {
    color: var(--amplify-components-link-hover-color);
    -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
    text-decoration: var(--amplify-components-link-hover-text-decoration)
}

.amplify-loader {
    width: var(--amplify-components-loader-width);
    height: var(--amplify-components-loader-height);
    font-size: var(--amplify-components-loader-font-size);
    fill: none;
    stroke: var(--amplify-components-loader-stroke-empty);
    --amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-font-size);
    --amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-stroke-width)
}

.amplify-loader circle:last-of-type {
    transform-origin: center center;
    animation-name: amplify-loader-circular;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: var(--amplify-components-loader-animation-duration);
    stroke: var(--amplify-components-loader-stroke-filled);
    stroke-linecap: var(--amplify-components-loader-stroke-linecap)
}

@media (prefers-reduced-motion) {
    .amplify-loader circle:last-of-type {
        animation: none;
        stroke-dasharray: 100% 200%;
        stroke-dashoffset: 50%
    }
}

.amplify-loader line:last-of-type {
    stroke: var(--amplify-components-loader-linear-stroke-filled);
    stroke-dasharray: 50% 200%;
    animation-name: amplify-loader-linear;
    animation-duration: var(--amplify-components-loader-linear-animation-duration);
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion) {
    .amplify-loader line:last-of-type {
        animation: none;
        stroke-dashoffset: -50%
    }
}

.amplify-loader--small {
    width: var(--amplify-components-loader-small-width);
    height: var(--amplify-components-loader-small-height);
    font-size: var(--amplify-components-loader-small-font-size);
    --amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-small-stroke-width);
    --amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-small-font-size)
}

.amplify-loader--large {
    width: var(--amplify-components-loader-large-width);
    height: var(--amplify-components-loader-large-height);
    font-size: var(--amplify-components-loader-large-font-size);
    --amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-large-stroke-width);
    --amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-large-font-size)
}

.amplify-loader--linear {
    width: var(--amplify-components-loader-linear-width);
    min-width: var(--amplify-components-loader-linear-min-width);
    stroke: var(--amplify-components-loader-linear-stroke-empty);
    stroke-linecap: var(--amplify-components-loader-linear-stroke-linecap);
    stroke-width: var(--amplify-internal-loader-linear-stroke-width);
    font-size: var(--amplify-internal-loader-linear-font-size)
}

.amplify-loader--determinate circle:last-of-type {
    animation: none;
    transform: rotate(-90deg)
}

.amplify-loader--determinate line:last-of-type {
    animation: none;
    stroke-dashoffset: 0%;
    stroke-dasharray: none
}

.amplify-loader__percentage-text {
    fill: var(--amplify-components-loader-text-fill);
    stroke: none
}

@keyframes amplify-loader-circular {
    0% {
        stroke-dasharray: 100% 200%;
        transform: rotate(120deg)
    }
    50% {
        stroke-dasharray: 20% 400%
    }
    to {
        stroke-dasharray: 100% 200%;
        transform: rotate(480deg)
    }
}

@keyframes amplify-loader-linear {
    0% {
        stroke-dashoffset: 200%
    }
    to {
        stroke-dashoffset: -50%
    }
}

.amplify-placeholder {
    animation-direction: alternate;
    animation-duration: var(--amplify-components-placeholder-transition-duration);
    animation-iteration-count: infinite;
    animation-name: amplify-placeholder-loading;
    border-radius: var(--amplify-components-placeholder-border-radius);
    height: var(--amplify-components-placeholder-default-height);
    width: 100%;
    display: block
}

.amplify-placeholder--small {
    height: var(--amplify-components-placeholder-small-height)
}

.amplify-placeholder--large {
    height: var(--amplify-components-placeholder-large-height)
}

@keyframes amplify-placeholder-loading {
    0% {
        background-color: var(--amplify-components-placeholder-start-color)
    }
    to {
        background-color: var(--amplify-components-placeholder-end-color)
    }
}

@media (prefers-reduced-motion:reduce) {
    .amplify-placeholder {
        animation: none;
        background-color: var(--amplify-components-placeholder-end-color)
    }
}

[data-amplify-copy] {
    display: flex;
    font-size: var(--amplify-components-copy-font-size);
    gap: var(--amplify-components-copy-gap);
    justify-content: center;
    align-items: center;
    word-break: break-all
}

[data-amplify-copy-svg] {
    cursor: pointer;
    position: relative
}

[data-amplify-copy-svg] path {
    fill: var(--amplify-components-copy-svg-path-fill)
}

[data-amplify-copy-svg]:hover [data-amplify-copy-tooltip] {
    visibility: visible;
    font-size: var(--amplify-components-copy-tool-tip-font-size)
}

[data-amplify-copy-tooltip] {
    visibility: hidden;
    position: absolute;
    bottom: var(--amplify-components-copy-tool-tip-bottom);
    color: var(--amplify-components-copy-tool-tip-color)
}

.amplify-alert {
    align-items: var(--amplify-components-alert-align-items);
    background-color: var(--amplify-components-alert-background-color);
    color: var(--amplify-components-alert-color);
    justify-content: var(--amplify-components-alert-justify-content);
    padding-block: var(--amplify-components-alert-padding-block);
    padding-inline: var(--amplify-components-alert-padding-inline)
}

.amplify-alert--info {
    color: var(--amplify-components-alert-info-color);
    background-color: var(--amplify-components-alert-info-background-color)
}

.amplify-alert--error {
    color: var(--amplify-components-alert-error-color);
    background-color: var(--amplify-components-alert-error-background-color)
}

.amplify-alert--warning {
    color: var(--amplify-components-alert-warning-color);
    background-color: var(--amplify-components-alert-warning-background-color)
}

.amplify-alert--success {
    color: var(--amplify-components-alert-success-color);
    background-color: var(--amplify-components-alert-success-background-color)
}

.amplify-alert__icon {
    font-size: var(--amplify-components-alert-icon-size);
    line-height: 1
}

.amplify-alert__heading {
    display: block;
    font-weight: var(--amplify-components-alert-heading-font-weight);
    font-size: var(--amplify-components-alert-heading-font-size)
}

.amplify-alert__body {
    color: inherit;
    display: block
}

.amplify-alert__dismiss {
    color: inherit
}

.amplify-autocomplete__menu--empty,
.amplify-autocomplete__menu--loading,
.amplify-autocomplete__menu__option {
    padding-block: var(--amplify-components-autocomplete-menu-space-shared-padding-block);
    padding-inline: var(--amplify-components-autocomplete-menu-space-shared-padding-inline)
}

.amplify-autocomplete {
    position: relative;
    display: block
}

.amplify-autocomplete__menu {
    position: absolute;
    z-index: 999999;
    width: var(--amplify-components-autocomplete-menu-width);
    -webkit-margin-before: var(--amplify-components-autocomplete-menu-margin-block-start);
    margin-block-start: var(--amplify-components-autocomplete-menu-margin-block-start);
    background-color: var(--amplify-components-autocomplete-menu-background-color);
    border-color: var(--amplify-components-autocomplete-menu-border-color);
    border-width: var(--amplify-components-autocomplete-menu-border-width);
    border-style: var(--amplify-components-autocomplete-menu-border-style);
    border-radius: var(--amplify-components-autocomplete-menu-border-radius)
}

.amplify-autocomplete__menu--empty {
    display: var(--amplify-components-autocomplete-menu-empty-display)
}

.amplify-autocomplete__menu--loading {
    display: var(--amplify-components-autocomplete-menu-loading-display);
    align-items: var(--amplify-components-autocomplete-menu-loading-align-items);
    gap: var(--amplify-components-autocomplete-menu-loading-gap)
}

.amplify-autocomplete__menu__options {
    position: relative;
    overscroll-behavior: contain;
    display: var(--amplify-components-autocomplete-menu-options-display);
    flex-direction: var(--amplify-components-autocomplete-menu-options-flex-direction);
    max-height: var(--amplify-components-autocomplete-menu-options-max-height)
}

.amplify-autocomplete__menu__option {
    background-color: var(--amplify-components-autocomplete-menu-option-background-color);
    color: var(--amplify-components-autocomplete-menu-option-color);
    cursor: var(--amplify-components-autocomplete-menu-option-cursor);
    transition-duration: var(--amplify-components-autocomplete-menu-option-transition-duration);
    transition-property: var(--amplify-components-autocomplete-menu-option-transition-property);
    transition-timing-function: var(--amplify-components-autocomplete-menu-option-transition-timing-function)
}

.amplify-autocomplete__menu__option--active {
    background-color: var(--amplify-components-autocomplete-menu-option-active-background-color);
    color: var(--amplify-components-autocomplete-menu-option-active-color)
}

[data-amplify-authenticator] {
    display: grid
}

[data-amplify-authenticator][data-variation=modal] {
    overflow-y: auto;
    width: var(--amplify-components-authenticator-modal-width);
    height: var(--amplify-components-authenticator-modal-height);
    background-color: var(--amplify-components-authenticator-modal-background-color);
    position: fixed;
    top: var(--amplify-components-authenticator-modal-top);
    left: var(--amplify-components-authenticator-modal-left);
    z-index: 1
}

[data-amplify-authenticator] [data-amplify-container] {
    place-self: center
}

@media (min-width:30rem) {
    [data-amplify-authenticator] [data-amplify-container] {
        width: var(--amplify-components-authenticator-container-width-max)
    }
}

[data-amplify-authenticator] [data-amplify-router] {
    background-color: var(--amplify-components-authenticator-router-background-color);
    box-shadow: var(--amplify-components-authenticator-router-box-shadow);
    border-color: var(--amplify-components-authenticator-router-border-color);
    border-width: var(--amplify-components-authenticator-router-border-width);
    border-style: var(--amplify-components-authenticator-router-border-style)
}

[data-amplify-authenticator] [data-amplify-footer] {
    padding-bottom: var(--amplify-components-authenticator-footer-padding-bottom);
    text-align: center
}

[data-amplify-authenticator] [data-amplify-form] {
    padding: var(--amplify-components-authenticator-form-padding)
}

[data-amplify-authenticator] [data-state=inactive] {
    background-color: var(--amplify-components-authenticator-state-inactive-background-color)
}

@media (max-width:26rem) {
    [data-amplify-authenticator] [data-amplify-sign-up-errors] {
        font-size: .688rem
    }
}

.amplify-authenticator__column {
    display: flex;
    flex-direction: column
}

.amplify-authenticator__subtitle {
    margin-bottom: var(--amplify-space-medium)
}

.amplify-authenticator__heading {
    font-size: var(--amplify-font-sizes-xl)
}

.amplify-authenticator__federated-text {
    align-self: center
}

.amplify-breadcrumbs__list {
    display: flex;
    flex-wrap: var(--amplify-components-breadcrumbs-flex-wrap);
    flex-direction: var(--amplify-components-breadcrumbs-flex-direction);
    gap: var(--amplify-components-breadcrumbs-gap);
    color: var(--amplify-components-breadcrumbs-color)
}

.amplify-breadcrumbs__item {
    display: inline-flex;
    flex-direction: var(--amplify-components-breadcrumbs-item-flex-direction);
    align-items: var(--amplify-components-breadcrumbs-item-align-items);
    line-height: var(--amplify-components-breadcrumbs-item-line-height);
    color: var(--amplify-components-breadcrumbs-item-color);
    font-size: var(--amplify-components-breadcrumbs-item-font-size)
}

.amplify-breadcrumbs__separator {
    color: var(--amplify-components-breadcrumbs-separator-color);
    font-size: var(--amplify-components-breadcrumbs-separator-font-size);
    padding-inline: var(--amplify-components-breadcrumbs-separator-padding-inline)
}

.amplify-breadcrumbs__link {
    color: var(--amplify-components-breadcrumbs-link-color);
    font-size: var(--amplify-components-breadcrumbs-link-font-size);
    font-weight: var(--amplify-components-breadcrumbs-link-font-weight);
    padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline);
    padding-block: var(--amplify-components-breadcrumbs-link-padding-block);
    -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
    text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration)
}

.amplify-breadcrumbs__link--current {
    color: var(--amplify-components-breadcrumbs-link-current-color);
    font-size: var(--amplify-components-breadcrumbs-link-current-font-size);
    font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight);
    -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
    text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration)
}

.amplify-card {
    background-color: var(--amplify-components-card-background-color);
    border-radius: var(--amplify-components-card-border-radius);
    border-width: var(--amplify-components-card-border-width);
    border-style: var(--amplify-components-card-border-style);
    border-color: var(--amplify-components-card-border-color);
    box-shadow: var(--amplify-components-card-box-shadow);
    display: block;
    padding: var(--amplify-components-card-padding)
}

.amplify-card--outlined {
    background-color: var(--amplify-components-card-outlined-background-color);
    border-radius: var(--amplify-components-card-outlined-border-radius);
    border-width: var(--amplify-components-card-outlined-border-width);
    border-style: var(--amplify-components-card-outlined-border-style);
    border-color: var(--amplify-components-card-outlined-border-color);
    box-shadow: var(--amplify-components-card-outlined-box-shadow)
}

.amplify-card--elevated {
    background-color: var(--amplify-components-card-elevated-background-color);
    border-radius: var(--amplify-components-card-elevated-border-radius);
    border-width: var(--amplify-components-card-elevated-border-width);
    border-style: var(--amplify-components-card-elevated-border-style);
    border-color: var(--amplify-components-card-elevated-border-color);
    box-shadow: var(--amplify-components-card-elevated-box-shadow)
}

.amplify-collection {
    flex-direction: column
}

.amplify-collection-pagination {
    justify-content: center;
    --amplify-components-pagination-current-color: var( --amplify-components-collection-pagination-current-color);
    --amplify-components-pagination-current-background-color: var( --amplify-components-collection-pagination-current-background-color);
    --amplify-components-pagination-button-color: var( --amplify-components-collection-pagination-button-color);
    --amplify-components-pagination-button-hover-color: var( --amplify-components-collection-pagination-button-hover-color);
    --amplify-components-pagination-button-hover-background-color: var( --amplify-components-collection-pagination-button-hover-background-color);
    --amplify-components-pagination-button-disabled-color: var( --amplify-components-collection-pagination-button-disabled-color)
}

.amplify-collection-search {
    flex-direction: row;
    justify-content: center;
    --amplify-components-searchfield-input-color: var( --amplify-components-collection-search-input-color);
    --amplify-components-searchfield-button-color: var( --amplify-components-collection-search-button-color);
    --amplify-components-searchfield-button-active-background-color: var( --amplify-components-collection-search-button-active-background-color);
    --amplify-components-searchfield-button-active-border-color: var( --amplify-components-collection-search-button-active-border-color);
    --amplify-components-searchfield-button-active-color: var( --amplify-components-collection-search-button-active-color);
    --amplify-components-searchfield-button-disabled-background-color: var( --amplify-components-collection-search-button-disabled-background-color);
    --amplify-components-searchfield-button-disabled-border-color: var( --amplify-components-collection-search-button-disabled-border-color);
    --amplify-components-searchfield-button-disabled-color: var( --amplify-components-collection-search-button-disabled-color);
    --amplify-components-searchfield-button-focus-background-color: var( --amplify-components-collection-search-button-focus-background-color);
    --amplify-components-searchfield-button-focus-border-color: var( --amplify-components-collection-search-button-focus-border-color);
    --amplify-components-searchfield-button-focus-color: var( --amplify-components-collection-search-button-focus-color);
    --amplify-components-searchfield-button-hover-background-color: var( --amplify-components-collection-search-button-hover-background-color);
    --amplify-components-searchfield-button-hover-border-color: var( --amplify-components-collection-search-button-hover-border-color);
    --amplify-components-searchfield-button-hover-color: var( --amplify-components-collection-search-button-hover-color)
}

.amplify-checkbox {
    cursor: var(--amplify-components-checkbox-cursor);
    align-items: var(--amplify-components-checkbox-align-items);
    flex-direction: row-reverse;
    gap: inherit;
    position: relative
}

.amplify-checkbox--disabled {
    cursor: var(--amplify-components-checkbox-disabled-cursor)
}

.amplify-checkbox__button {
    position: var(--amplify-components-checkbox-button-position);
    align-items: var(--amplify-components-checkbox-button-align-items);
    justify-content: var(--amplify-components-checkbox-button-justify-content);
    color: var(--amplify-components-checkbox-button-color);
    --amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-focus-border-color);
    --amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-focus-box-shadow)
}

.amplify-checkbox__button:before {
    content: "";
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    width: var(--amplify-components-checkbox-button-before-width);
    height: var(--amplify-components-checkbox-button-before-height);
    border-width: var(--amplify-components-checkbox-button-before-border-width);
    border-radius: var(--amplify-components-checkbox-button-before-border-radius);
    border-style: var(--amplify-components-checkbox-button-before-border-style);
    border-color: var(--amplify-components-checkbox-button-before-border-color)
}

.amplify-checkbox__button--focused:before {
    outline-color: var(--amplify-components-checkbox-button-focus-outline-color);
    outline-style: var(--amplify-components-checkbox-button-focus-outline-style);
    outline-width: var(--amplify-components-checkbox-button-focus-outline-width);
    outline-offset: var(--amplify-components-checkbox-button-focus-outline-offset);
    border-color: var(--amplify-internal-checkbox_button-focused-before-border-color);
    box-shadow: var(--amplify-internal-checkbox_button-focused-before-box-shadow)
}

.amplify-checkbox__button--error {
    --amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-error-focus-border-color);
    --amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-error-focus-box-shadow)
}

.amplify-checkbox__button--error:before {
    border-color: var(--amplify-components-checkbox-button-error-border-color)
}

.amplify-checkbox__button--disabled:before {
    border-color: var(--amplify-components-checkbox-button-disabled-border-color)
}

.amplify-checkbox__icon {
    line-height: 1;
    width: 1em;
    height: 1em;
    background-color: var(--amplify-components-checkbox-icon-background-color);
    opacity: var(--amplify-components-checkbox-icon-opacity);
    transform: var(--amplify-components-checkbox-icon-transform);
    border-radius: var(--amplify-components-checkbox-icon-border-radius);
    transition-property: var(--amplify-components-checkbox-icon-transition-property);
    transition-duration: var(--amplify-components-checkbox-icon-transition-duration);
    transition-timing-function: var(--amplify-components-checkbox-icon-transition-timing-function);
    --amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-background-color)
}

.amplify-checkbox__icon--checked {
    opacity: var(--amplify-components-checkbox-icon-checked-opacity);
    transform: var(--amplify-components-checkbox-icon-checked-transform);
    --amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-checked-disabled-background-color)
}

.amplify-checkbox__icon--indeterminate {
    opacity: var(--amplify-components-checkbox-icon-indeterminate-opacity);
    transform: var(--amplify-components-checkbox-icon-indeterminate-transform);
    --amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-indeterminate-disabled-background-color)
}

.amplify-checkbox__icon--disabled {
    background-color: var(--amplify-internal-checkbox-icon-disabled-background-color)
}

.amplify-checkbox__label[data-disabled=true] {
    color: var(--amplify-components-checkbox-label-disabled-color)
}

.amplify-checkboxfield {
    align-content: var(--amplify-components-checkboxfield-align-content);
    align-items: var(--amplify-components-checkboxfield-align-items);
    flex-direction: var(--amplify-components-checkboxfield-flex-direction);
    justify-content: var(--amplify-components-checkboxfield-justify-content)
}

.amplify-dialcodeselect {
    height: var(--amplify-components-countrycodeselect-height)
}

.amplify-divider {
    border-color: var(--amplify-components-divider-border-color);
    border-style: var(--amplify-components-divider-border-style);
    border-width: 0;
    opacity: var(--amplify-components-divider-opacity);
    padding: 0;
    display: block;
    --amplify-internal-divider-size: var( --amplify-components-divider-border-width);
    position: relative;
    text-align: center
}

.amplify-divider--small {
    --amplify-internal-divider-size: var( --amplify-components-divider-small-border-width)
}

.amplify-divider--large {
    --amplify-internal-divider-size: var( --amplify-components-divider-large-border-width)
}

.amplify-divider--horizontal {
    width: 100%;
    border-bottom-width: var(--amplify-internal-divider-size)
}

.amplify-divider--vertical {
    border-left-width: var(--amplify-internal-divider-size)
}

.amplify-divider--label {
    display: flex;
    justify-content: center
}

.amplify-divider--label:after {
    content: attr(data-label);
    position: absolute;
    transform: translateY(-50%);
    font-size: var(--amplify-components-divider-label-font-size);
    padding-inline: var(--amplify-components-divider-label-padding-inline);
    background-color: var(--amplify-components-divider-label-background-color);
    color: var(--amplify-components-divider-label-color)
}

.amplify-divider--label[aria-orientation=vertical] {
    flex-direction: column
}

.amplify-divider--label[aria-orientation=vertical]:after {
    top: auto;
    transform: translateX(-50%);
    padding-block: 0;
    padding-inline: 0
}

.amplify-expander {
    display: block;
    background-color: var(--amplify-components-expander-background-color);
    border-radius: var(--amplify-components-expander-border-radius);
    box-shadow: var(--amplify-components-expander-box-shadow);
    width: var(--amplify-components-expander-width)
}

.amplify-expander__item {
    display: block;
    overflow: hidden;
    box-shadow: var(--amplify-components-expander-item-box-shadow)
}

.amplify-expander__item:first-of-type {
    border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius);
    border-start-end-radius: var(--amplify-components-expander-item-border-start-end-radius)
}

@supports not (border-start-start-radius:var(--amplify-components-expander-item-border-start-start-radius)) {
    .amplify-expander__item:first-of-type {
        border-top-left-radius: var(--amplify-components-expander-item-border-top-left-radius);
        border-top-right-radius: var(--amplify-components-expander-item-border-top-right-radius)
    }
}

.amplify-expander__item:last-of-type {
    box-shadow: none;
    border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius);
    border-end-end-radius: var(--amplify-components-expander-item-border-end-end-radius)
}

@supports not (border-end-start-radius:var(--amplify-components-expander-item-border-end-start-radius)) {
    .amplify-expander__item:last-of-type {
        border-bottom-left-radius: var(--amplify-components-expander-item-border-bottom-left-radius);
        border-bottom-right-radius: var(--amplify-components-expander-item-border-bottom-right-radius)
    }
}

.amplify-expander__item:focus-within {
    box-shadow: var(--amplify-components-expander-item-focus-box-shadow)
}

.amplify-expander__header {
    display: flex;
    box-shadow: var(--amplify-components-expander-header-box-shadow)
}

.amplify-expander__trigger {
    flex: 1 1;
    display: flex;
    min-height: var(--amplify-components-expander-trigger-min-height);
    -webkit-padding-start: var(--amplify-components-expander-trigger-padding-inline-start);
    padding-inline-start: var(--amplify-components-expander-trigger-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-expander-trigger-padding-inline-end);
    padding-inline-end: var(--amplify-components-expander-trigger-padding-inline-end);
    align-items: var(--amplify-components-expander-trigger-align-items);
    justify-content: var(--amplify-components-expander-trigger-justify-content)
}

.amplify-expander__trigger:hover {
    background-color: var(--amplify-components-expander-trigger-hover-background-color)
}

.amplify-expander__content {
    display: block;
    -webkit-padding-start: var(--amplify-components-expander-content-padding-inline-start);
    padding-inline-start: var(--amplify-components-expander-content-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-expander-content-padding-inline-end);
    padding-inline-end: var(--amplify-components-expander-content-padding-inline-end)
}

.amplify-expander__content[data-state=open] {
    animation-name: amplify-expander-slide-down;
    animation-duration: var(--amplify-components-expander-content-open-animation-duration);
    animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function)
}

.amplify-expander__content[data-state=closed] {
    animation-name: amplify-expander-slide-up;
    animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
    animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function)
}

.amplify-expander__content__text {
    display: block;
    color: var(--amplify-components-expander-content-text-color);
    -webkit-padding-before: var(--amplify-components-expander-content-text-padding-block-start);
    padding-block-start: var(--amplify-components-expander-content-text-padding-block-start);
    -webkit-padding-after: var(--amplify-components-expander-content-text-padding-block-end);
    padding-block-end: var(--amplify-components-expander-content-text-padding-block-end)
}

.amplify-expander__icon {
    transition-property: transform;
    transition-duration: var(--amplify-components-expander-icon-transition-duration);
    transition-timing-function: var(--amplify-components-expander-icon-transition-timing-function)
}

[data-state=open] .amplify-expander__icon {
    transform: rotate(180deg)
}

@keyframes amplify-expander-slide-down {
    0% {
        height: 0
    }
    to {
        height: auto
    }
}

@keyframes amplify-expander-slide-up {
    0% {
        height: auto
    }
    to {
        height: 0
    }
}

.amplify-field {
    font-size: var(--amplify-components-field-font-size);
    gap: var(--amplify-components-field-gap);
    flex-direction: var(--amplify-components-field-flex-direction)
}

.amplify-field--small {
    font-size: var(--amplify-components-field-small-font-size);
    gap: var(--amplify-components-field-small-gap)
}

.amplify-field--large {
    font-size: var(--amplify-components-field-large-font-size);
    gap: var(--amplify-components-field-large-gap)
}

.amplify-label {
    color: var(--amplify-components-field-label-color)
}

.amplify-field-group :not(:first-child) .amplify-input,
.amplify-field-group__outer-end .amplify-field-group__control,
.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select,
.amplify-field-group__outer-start .amplify-field-group__control:not(:first-child),
.amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child),
.amplify-field-group__outer-start--quiet .amplify-field-group__control {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

@supports not (border-start-start-radius:0) {
    .amplify-field-group :not(:first-child) .amplify-input,
    .amplify-field-group__outer-end .amplify-field-group__control,
    .amplify-field-group__outer-end .amplify-select__wrapper .amplify-select,
    .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child),
    .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child),
    .amplify-field-group__outer-start--quiet .amplify-field-group__control {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

.amplify-field-group :not(:last-child) .amplify-input,
.amplify-field-group__outer-end .amplify-field-group__control:not(:last-child),
.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select,
.amplify-field-group__outer-end--quiet .amplify-field-group__control,
.amplify-field-group__outer-start .amplify-field-group__control,
.amplify-field-group__outer-start .amplify-select__wrapper .amplify-select {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

@supports not (border-end-end-radius:0) {
    .amplify-field-group :not(:last-child) .amplify-input,
    .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child),
    .amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select,
    .amplify-field-group__outer-end--quiet .amplify-field-group__control,
    .amplify-field-group__outer-start .amplify-field-group__control,
    .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
}

.amplify-field-group {
    gap: var(--amplify-components-fieldgroup-gap);
    align-self: stretch
}

.amplify-field-group--horizontal {
    flex-direction: row
}

.amplify-field-group--vertical {
    flex-direction: column;
    align-items: var(--amplify-components-fieldgroup-vertical-align-items)
}

.amplify-field-group__outer-end,
.amplify-field-group__outer-start {
    display: flex;
    flex-shrink: 0;
    align-items: var(--amplify-components-fieldgroup-outer-align-items)
}

.amplify-field-group__outer-end .amplify-field-group__control,
.amplify-field-group__outer-start .amplify-field-group__control {
    height: 100%
}

.amplify-field-group__outer-start .amplify-field-group__control:not(:focus) {
    border-inline-end-color: transparent
}

.amplify-field-group__outer-start .amplify-field-group__control:focus {
    z-index: 1
}

.amplify-field-group__outer-start--quiet .amplify-field-group__control:not(:focus) {
    border-block-start-color: transparent;
    border-inline-start-color: transparent
}

.amplify-field-group__outer-end .amplify-field-group__control:not(:focus) {
    border-inline-start-color: transparent
}

.amplify-field-group__outer-end .amplify-field-group__control:focus {
    z-index: 1
}

.amplify-field-group__outer-end--quiet .amplify-field-group__control:not(:focus) {
    border-block-start-color: transparent;
    border-inline-end-color: transparent
}

.amplify-field-group__field-wrapper {
    position: relative;
    width: 100%
}

.amplify-field-group__field-wrapper--vertical {
    width: -moz-fit-content;
    width: fit-content
}

.amplify-field-group__inner-end,
.amplify-field-group__inner-start {
    position: absolute;
    top: 0;
    height: 100%;
    pointer-events: none
}

.amplify-field-group__inner-end .amplify-button,
.amplify-field-group__inner-start .amplify-button {
    pointer-events: all;
    height: 100%
}

.amplify-field-group__inner-end {
    right: 0;
    left: auto
}

.amplify-field-group__inner-start,
html[dir=rtl] .amplify-field-group__inner-end {
    right: auto;
    left: 0
}

html[dir=rtl] .amplify-field-group__inner-start {
    left: auto;
    right: 0
}

.amplify-field-group--has-inner-end .amplify-input {
    -webkit-padding-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3);
    padding-inline-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3)
}

.amplify-field-group--has-inner-start .amplify-input {
    -webkit-padding-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3);
    padding-inline-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3)
}

.amplify-field-group__icon:not(.amplify-field-group__icon-button) {
    display: flex;
    -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-start);
    padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-start);
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.amplify-fieldset {
    background-color: var(--amplify-components-fieldset-background-color);
    border-radius: var(--amplify-components-fieldset-border-radius);
    flex-direction: var(--amplify-components-fieldset-flex-direction);
    gap: var(--amplify-components-fieldset-gap)
}

.amplify-fieldset--small {
    gap: var(--amplify-components-fieldset-small-gap)
}

.amplify-fieldset--large {
    gap: var(--amplify-components-fieldset-large-gap)
}

.amplify-fieldset--outlined {
    border: var(--amplify-components-fieldset-outlined-border-width) var(--amplify-components-fieldset-outlined-border-style) var(--amplify-components-fieldset-outlined-border-color);
    padding: var(--amplify-components-fieldset-outlined-padding)
}

.amplify-fieldset--outlined.amplify-fieldset--small {
    padding: var(--amplify-components-fieldset-outlined-small-padding)
}

.amplify-fieldset--outlined.amplify-fieldset--large {
    padding: var(--amplify-components-fieldset-outlined-large-padding)
}

.amplify-fieldset__legend {
    color: var(--amplify-components-fieldset-legend-color);
    font-weight: var(--amplify-components-fieldset-legend-font-weight);
    line-height: var(--amplify-components-fieldset-legend-line-height);
    font-size: var(--amplify-components-fieldset-legend-font-size)
}

.amplify-fieldset__legend--small {
    font-size: var(--amplify-components-fieldset-legend-small-font-size)
}

.amplify-fieldset__legend--large {
    font-size: var(--amplify-components-fieldset-legend-large-font-size)
}

.amplify-liveness-cancel-container {
    z-index: 2;
    position: absolute;
    top: var(--amplify-space-medium);
    right: var(--amplify-space-medium)
}

.amplify-liveness-cancel-button {
    background-color: var(--amplify-colors-background-primary)
}

.amplify-liveness-fade-out {
    animation-name: amplify-liveness-animation-fadeout;
    animation-duration: 1s;
    animation-fill-mode: forwards
}

@keyframes amplify-liveness-animation-fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.amplify-liveness-camera-module {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--amplify-components-liveness-camera-module-background-color);
    border: 1px solid var(--amplify-colors-neutral-40);
    position: relative
}

.amplify-liveness-camera-module--mobile {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.amplify-liveness-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.amplify-liveness-freshness-canvas {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1
}

.amplify-liveness-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.amplify-liveness-oval-canvas {
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.amplify-liveness-oval-canvas--mobile {
    position: fixed
}

.amplify-liveness-video-anchor {
    position: relative;
    width: 100%
}

.amplify-liveness-recording-icon-container {
    z-index: 1;
    position: absolute;
    top: var(--amplify-space-medium);
    left: var(--amplify-space-medium)
}

.amplify-liveness-recording-icon {
    flex-direction: column;
    align-items: center;
    background-color: var(--amplify-colors-background-primary);
    padding: var(--amplify-space-xxs);
    gap: var(--amplify-space-xxs);
    border-radius: var(--amplify-radii-small)
}

.amplify-liveness-instruction-overlay {
    z-index: 1
}

.amplify-liveness-countdown-container {
    background-color: var(--amplify-colors-background-primary);
    border-radius: 100%;
    padding: var(--amplify-space-xs)
}

.amplify-liveness-instruction-list {
    flex-direction: column
}

.amplify-liveness-instruction-list li {
    display: flex
}

.amplify-liveness-toast {
    background-color: var(--amplify-colors-background-primary);
    padding: var(--amplify-space-small);
    border-radius: var(--amplify-radii-medium)
}

.amplify-liveness-toast__message {
    color: var(--amplify-colors-font-primary);
    text-align: center;
    flex-direction: column
}

.amplify-liveness-toast--large {
    font-size: var(--amplify-font-sizes-xl)
}

.amplify-liveness-toast--primary {
    background-color: var(--amplify-colors-brand-primary-80)
}

.amplify-liveness-toast--primary .amplify-liveness-toast__message {
    color: var(--amplify-colors-font-inverse);
    text-align: center;
    flex-direction: column
}

.amplify-liveness-toast__container {
    gap: var(--amplify-space-xs);
    flex-direction: column;
    align-items: center
}

.amplify-liveness-toast--error {
    background-color: var(--amplify-colors-red-80)
}

.amplify-liveness-toast--error .amplify-liveness-toast__message {
    color: var(--amplify-colors-font-inverse)
}

.amplify-liveness-match-indicator {
    display: block;
    width: min(70%, 200px);
    position: relative;
    --amplify-liveness-match-indicator-transition: transform 0.2s linear
}

.amplify-liveness-match-indicator__bar {
    --percentage: 0;
    display: block;
    width: 100%;
    height: var(--amplify-space-medium);
    border-radius: var(--amplify-radii-medium);
    background: var(--amplify-colors-white);
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    border: 1px solid var(--amplify-colors-border-tertiary)
}

.amplify-liveness-match-indicator__pin {
    --percentage: 0;
    display: block;
    top: 50%;
    left: 0
}

.amplify-liveness-match-indicator__bar:after,
.amplify-liveness-match-indicator__pin {
    width: 100%;
    position: absolute;
    transform: translate(var(--percentage));
    transition: var(--amplify-liveness-match-indicator-transition)
}

.amplify-liveness-match-indicator__bar:after {
    content: "";
    height: 100%;
    background: var(--amplify-colors-brand-primary-40);
    left: -100%
}

.amplify-liveness-match-indicator__pin:after {
    --height: var(--amplify-space-xl);
    position: absolute;
    content: "";
    width: var(--amplify-space-small);
    height: var(--height);
    border-radius: var(--amplify-radii-medium);
    background: var(--amplify-colors-brand-primary-80);
    left: 0;
    top: 0;
    transform: translate(-50%, calc(var(--height) / 2 * -1))
}

.amplify-liveness-figures {
    flex-wrap: wrap
}

.amplify-liveness-figure {
    flex-direction: column;
    gap: 0
}

.amplify-liveness-figure__caption {
    padding: var(--amplify-space-xxs)
}

.amplify-liveness-figure__caption--success {
    background-color: var(--amplify-colors-background-success);
    color: var(--amplify-colors-font-success)
}

.amplify-liveness-figure__caption--error {
    background-color: var(--amplify-colors-background-error);
    color: var(--amplify-colors-font-error)
}

.amplify-liveness-figure__image {
    background-color: #fff;
    border: 1px solid var(--amplify-colors-border-primary);
    position: relative;
    display: flex;
    justify-content: center
}

.amplify-liveness-figure__image svg {
    display: block
}

.amplify-liveness-figure__image--success {
    border-color: var(--amplify-colors-green-90)
}

.amplify-liveness-figure__image--error {
    border-color: var(--amplify-colors-border-error)
}

.amplify-liveness-figure__icon {
    position: absolute;
    left: 0;
    top: 0
}

.amplify-liveness-landscape-error-modal {
    background-color: var(--amplify-colors-background-primary);
    direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%
}

.amplify-liveness-landscape-error-modal__header {
    font-size: large;
    font-weight: var(--amplify-font-weights-bold)
}

.amplify-liveness-landscape-error-modal__button {
    justify-content: center
}

.amplify-liveness-start-screen-header {
    display: flex;
    flex-direction: column
}

.amplify-liveness-start-screen-header__heading {
    color: var(--amplify-colors-font-primary);
    font-weight: var(--amplify-font-weights-bold)
}

.amplify-liveness-start-screen-header__body {
    color: var(--amplify-colors-font-primary)
}

.amplify-liveness-start-screen-warning {
    color: var(--amplify-colors-orange-80);
    background-color: var(--amplify-colors-orange-20);
    align-items: center
}

.amplify-liveness-start-screen-instructions__heading {
    color: var(--amplify-colors-font-primary);
    font-weight: var(--amplify-font-weights-bold)
}

.amplify-liveness-overlay-opaque {
    background-color: var(--amplify-colors-overlay-40)
}

.amplify-liveness-overlay {
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: var(--amplify-space-xl)
}

.amplify-liveness-error-modal {
    gap: var(--amplify-space-xs);
    align-items: center;
    justify-content: center;
    color: var(--amplify-colors-font-error)
}

.amplify-liveness-error-modal__heading {
    font-weight: var(--amplify-font-weights-bold)
}

.amplify-liveness-hint__text {
    align-items: center;
    gap: var(--amplify-space-xs)
}

.amplify-liveness-popover {
    position: relative;
    cursor: pointer
}

.amplify-liveness-popover__anchor {
    position: absolute;
    top: 26px;
    left: 3px;
    z-index: 3;
    border-style: solid;
    border-width: 0 9px 9px;
    border-color: transparent transparent var(--amplify-colors-background-primary) transparent
}

.amplify-liveness-popover__anchor-secondary {
    position: absolute;
    top: 24px;
    left: 2px;
    z-index: 2;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent var(--amplify-colors-border-secondary) transparent
}

.amplify-liveness-popover__container {
    position: absolute;
    background-color: var(--amplify-colors-background-primary);
    color: var(--amplify-colors-font-primary);
    flex-direction: row;
    font-size: var(--amplify-font-sizes-xs);
    padding: var(--amplify-space-small);
    top: 33px;
    width: 240px;
    border: 1px solid var(--amplify-colors-border-secondary);
    border-radius: 2px
}

.amplify-menu-content-wrapper {
    z-index: 999999
}

.amplify-menu-trigger {
    display: flex;
    justify-content: center;
    align-items: center
}

.amplify-menu-content {
    background-color: var(--amplify-components-menu-background-color);
    border-radius: var(--amplify-components-menu-border-radius);
    box-shadow: var(--amplify-components-menu-box-shadow);
    flex-direction: var(--amplify-components-menu-flex-direction);
    gap: var(--amplify-components-menu-gap);
    min-width: var(--amplify-components-menu-min-width);
    max-width: var(--amplify-components-menu-max-width);
    border-color: var(--amplify-components-menu-border-color);
    border-width: var(--amplify-components-menu-border-width);
    border-style: var(--amplify-components-menu-border-style)
}

.amplify-menu-content__item {
    min-height: var(--amplify-components-menu-item-min-height);
    -webkit-padding-start: var(--amplify-components-menu-item-padding-inline-start);
    padding-inline-start: var(--amplify-components-menu-item-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-menu-item-padding-inline-end);
    padding-inline-end: var(--amplify-components-menu-item-padding-inline-end)
}

.amplify-menu-content__item:not(:first-child):not(:last-child) {
    border-radius: 0
}

.amplify-menu-content__item:first-child {
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

@supports not (border-end-end-radius:0) {
    .amplify-menu-content__item:first-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.amplify-menu-content__item:last-child {
    border-start-end-radius: 0;
    border-start-start-radius: 0
}

@supports not (border-end-end-radius:0) {
    .amplify-menu-content__item:last-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

.amplify-message {
    align-items: var(--amplify-components-message-align-items);
    background-color: var(--amplify-components-message-background-color);
    color: var(--amplify-components-message-color);
    justify-content: var(--amplify-components-message-justify-content);
    padding-block: var(--amplify-components-message-padding-block);
    padding-inline: var(--amplify-components-message-padding-inline);
    border-color: var(--amplify-components-message-border-color);
    border-radius: var(--amplify-components-message-border-radius);
    border-style: var(--amplify-components-message-border-style);
    border-width: var(--amplify-components-message-border-width);
    line-height: var(--amplify-components-message-line-height)
}

.amplify-message--plain {
    background-color: var(--amplify-components-message-plain-background-color);
    border-color: var(--amplify-components-message-plain-border-color);
    color: var(--amplify-components-message-plain-color)
}

.amplify-message--plain.amplify-message--info {
    background-color: var(--amplify-components-message-plain-info-background-color);
    border-color: var(--amplify-components-message-plain-info-border-color);
    color: var(--amplify-components-message-plain-info-color)
}

.amplify-message--plain.amplify-message--error {
    background-color: var(--amplify-components-message-plain-error-background-color);
    border-color: var(--amplify-components-message-plain-error-border-color);
    color: var(--amplify-components-message-plain-error-color)
}

.amplify-message--plain.amplify-message--warning {
    background-color: var(--amplify-components-message-plain-warning-background-color);
    border-color: var(--amplify-components-message-plain-warning-border-color);
    color: var(--amplify-components-message-plain-warning-color)
}

.amplify-message--plain.amplify-message--success {
    background-color: var(--amplify-components-message-plain-success-background-color);
    border-color: var(--amplify-components-message-plain-success-border-color);
    color: var(--amplify-components-message-plain-success-color)
}

.amplify-message--outlined {
    background-color: var(--amplify-components-message-outlined-background-color);
    border-color: var(--amplify-components-message-outlined-border-color);
    color: var(--amplify-components-message-outlined-color)
}

.amplify-message--outlined.amplify-message--info {
    background-color: var(--amplify-components-message-outlined-info-background-color);
    border-color: var(--amplify-components-message-outlined-info-border-color);
    color: var(--amplify-components-message-outlined-info-color)
}

.amplify-message--outlined.amplify-message--error {
    background-color: var(--amplify-components-message-outlined-error-background-color);
    border-color: var(--amplify-components-message-outlined-error-border-color);
    color: var(--amplify-components-message-outlined-error-color)
}

.amplify-message--outlined.amplify-message--warning {
    background-color: var(--amplify-components-message-outlined-warning-background-color);
    border-color: var(--amplify-components-message-outlined-warning-border-color);
    color: var(--amplify-components-message-outlined-warning-color)
}

.amplify-message--outlined.amplify-message--success {
    background-color: var(--amplify-components-message-outlined-success-background-color);
    border-color: var(--amplify-components-message-outlined-success-border-color);
    color: var(--amplify-components-message-outlined-success-color)
}

.amplify-message--filled {
    background-color: var(--amplify-components-message-filled-background-color);
    border-color: var(--amplify-components-message-filled-border-color);
    color: var(--amplify-components-message-filled-color)
}

.amplify-message--filled.amplify-message--info {
    background-color: var(--amplify-components-message-filled-info-background-color);
    border-color: var(--amplify-components-message-filled-info-border-color);
    color: var(--amplify-components-message-filled-info-color)
}

.amplify-message--filled.amplify-message--error {
    background-color: var(--amplify-components-message-filled-error-background-color);
    border-color: var(--amplify-components-message-filled-error-border-color);
    color: var(--amplify-components-message-filled-error-color)
}

.amplify-message--filled.amplify-message--warning {
    background-color: var(--amplify-components-message-filled-warning-background-color);
    border-color: var(--amplify-components-message-filled-warning-border-color);
    color: var(--amplify-components-message-filled-warning-color)
}

.amplify-message--filled.amplify-message--success {
    background-color: var(--amplify-components-message-filled-success-background-color);
    border-color: var(--amplify-components-message-filled-success-border-color);
    color: var(--amplify-components-message-filled-success-color)
}

.amplify-message__icon {
    font-size: var(--amplify-components-message-icon-size)
}

.amplify-message__icon>* {
    display: block
}

.amplify-message__heading {
    font-weight: var(--amplify-components-message-heading-font-weight);
    font-size: var(--amplify-components-message-heading-font-size)
}

.amplify-message__content {
    flex: 1 1;
    flex-direction: column;
    gap: var(--amplify-space-xxxs)
}

.amplify-message__dismiss {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    gap: var(--amplify-components-message-dismiss-gap)
}

.amplify-pagination__item-button,
.amplify-pagination__item-current {
    height: var(--amplify-components-pagination-item-shared-height);
    min-width: var(--amplify-components-pagination-item-shared-min-width);
    border-radius: var(--amplify-components-pagination-item-shared-border-radius)
}

.amplify-pagination {
    list-style-type: none
}

.amplify-pagination li {
    margin-left: var(--amplify-components-pagination-item-container-margin-left);
    margin-right: var(--amplify-components-pagination-item-container-margin-right)
}

.amplify-pagination__item-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    color: var(--amplify-components-pagination-button-color);
    -webkit-padding-start: var(--amplify-components-pagination-button-padding-inline-start);
    padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-pagination-button-padding-inline-end);
    padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end);
    transition-property: var(--amplify-components-pagination-button-transition-property);
    transition-duration: var(--amplify-components-pagination-button-transition-duration)
}

.amplify-pagination__item-button:hover {
    text-decoration: none;
    color: var(--amplify-components-pagination-button-hover-color);
    background-color: var(--amplify-components-pagination-button-hover-background-color)
}

.amplify-pagination__item-button--disabled {
    color: var(--amplify-components-pagination-button-disabled-color);
    pointer-events: none
}

.amplify-pagination__item-current {
    align-items: var(--amplify-components-pagination-current-align-items);
    justify-content: var(--amplify-components-pagination-current-justify-content);
    color: var(--amplify-components-pagination-current-color);
    font-size: var(--amplify-components-pagination-current-font-size);
    background-color: var(--amplify-components-pagination-current-background-color)
}

.amplify-pagination__item-ellipsis {
    align-items: var(--amplify-components-pagination-ellipsis-align-items);
    justify-content: var(--amplify-components-pagination-ellipsis-justify-content);
    -webkit-padding-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
    padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-pagination-ellipsis-padding-inline-end);
    padding-inline-end: var(--amplify-components-pagination-ellipsis-padding-inline-end)
}

.amplify-passwordfield {
    --amplify-components-fieldcontrol-color: var( --amplify-components-passwordfield-color);
    --amplify-components-button-color: var( --amplify-components-passwordfield-button-color);
    --amplify-components-button-active-background-color: var( --amplify-components-passwordfield-button-active-background-color);
    --amplify-components-button-active-border-color: var( --amplify-components-passwordfield-button-active-border-color);
    --amplify-components-button-active-color: var( --amplify-components-passwordfield-button-active-color);
    --amplify-components-button-disabled-background-color: var( --amplify-components-passwordfield-button-disabled-background-color);
    --amplify-components-button-disabled-border-color: var( --amplify-components-passwordfield-button-disabled-border-color);
    --amplify-components-button-disabled-color: var( --amplify-components-passwordfield-button-disabled-color);
    --amplify-components-button-focus-background-color: var( --amplify-components-passwordfield-button-focus-background-color);
    --amplify-components-button-focus-border-color: var( --amplify-components-passwordfield-button-focus-border-color);
    --amplify-components-button-focus-color: var( --amplify-components-passwordfield-button-focus-color);
    --amplify-components-button-hover-background-color: var( --amplify-components-passwordfield-button-hover-background-color);
    --amplify-components-button-hover-border-color: var( --amplify-components-passwordfield-button-hover-border-color);
    --amplify-components-button-hover-color: var( --amplify-components-passwordfield-button-hover-color)
}

.amplify-field__show-password--error {
    color: var(--amplify-components-fieldcontrol-error-color);
    border-color: var(--amplify-components-fieldcontrol-error-border-color)
}

.amplify-phonenumberfield select:not(:focus) {
    border-right: none
}

.amplify-phonenumberfield {
    --amplify-components-selectfield-color: var( --amplify-components-phonenumberfield-color);
    --amplify-components-selectfield-border-color: var( --amplify-components-phonenumberfield-border-color);
    --amplify-components-selectfield-font-size: var( --amplify-components-phonenumberfield-font-size);
    --amplify-components-selectfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color);
    --amplify-components-textfield-color: var( --amplify-components-phonenumberfield-color);
    --amplify-components-textfield-border-color: var( --amplify-components-phonenumberfield-border-color);
    --amplify-components-textfield-font-size: var( --amplify-components-phonenumberfield-font-size);
    --amplify-components-textfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color)
}

.amplify-rating {
    display: inline-flex;
    position: relative;
    text-align: left;
    font-size: var(--amplify-components-rating-default-size);
    line-height: var(--amplify-components-rating-default-size)
}

.amplify-rating .amplify-icon {
    font-size: unset;
    line-height: unset;
    height: 1em
}

.amplify-rating--small {
    font-size: var(--amplify-components-rating-small-size);
    line-height: var(--amplify-components-rating-small-size)
}

.amplify-rating--large {
    font-size: var(--amplify-components-rating-large-size);
    line-height: var(--amplify-components-rating-large-size)
}

.amplify-rating-filled {
    fill: currentColor;
    display: inline-block;
    flex-shrink: 0;
    width: 1em;
    height: 1em
}

.amplify-rating-icon-container {
    position: relative;
    height: 1em;
    width: 1em
}

.amplify-rating-label {
    position: absolute;
    overflow: hidden;
    height: 1em;
    width: 1em
}

.amplify-rating-icon {
    width: 1em;
    height: 1em;
    display: block
}

.amplify-rating-icon-filled {
    color: var(--amplify-components-rating-filled-color)
}

.amplify-rating-icon-empty {
    color: var(--amplify-components-rating-empty-color)
}

.amplify-radio {
    align-items: var(--amplify-components-radio-align-items);
    justify-content: var(--amplify-components-radio-justify-content);
    gap: inherit;
    flex-direction: row-reverse;
    position: relative;
    --amplify-components-text-color: var(--amplify-components-radio-label-color)
}

.amplify-radio--disabled {
    cursor: var(--amplify-components-radio-disabled-cursor)
}

.amplify-radio__button {
    flex-shrink: 0;
    align-items: var(--amplify-components-radio-button-align-items);
    justify-content: var(--amplify-components-radio-button-justify-content);
    padding: var(--amplify-components-radio-button-padding);
    box-sizing: var(--amplify-components-radio-button-box-sizing);
    border-width: var(--amplify-components-radio-button-border-width);
    border-style: var(--amplify-components-radio-button-border-style);
    border-radius: var(--amplify-components-radio-button-border-radius);
    border-color: var(--amplify-components-radio-button-border-color);
    color: var(--amplify-components-radio-button-color);
    background-color: var(--amplify-components-radio-button-background-color);
    transition-property: var(--amplify-components-radio-button-transition-property);
    transition-duration: var(--amplify-components-radio-button-transition-duration);
    width: var(--amplify-components-radio-button-width);
    height: var(--amplify-components-radio-button-height);
    outline-color: var(--amplify-components-radio-button-outline-color);
    outline-style: var(--amplify-components-radio-button-outline-style);
    outline-width: var(--amplify-components-radio-button-outline-width);
    outline-offset: var(--amplify-components-radio-button-outline-offset)
}

.amplify-radio__button:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: var(--amplify-components-radio-button-before-border-radius);
    background-color: currentColor;
    border-radius: 50%
}

.amplify-radio__button--small {
    width: var(--amplify-components-radio-button-small-width);
    height: var(--amplify-components-radio-button-small-height)
}

.amplify-radio__button--large {
    width: var(--amplify-components-radio-button-large-width);
    height: var(--amplify-components-radio-button-large-height)
}

.amplify-radio__input:checked+.amplify-radio__button {
    color: var(--amplify-components-radio-button-checked-color)
}

.amplify-radio__input:checked:disabled+.amplify-radio__button {
    color: var(--amplify-components-radio-button-checked-disabled-color)
}

.amplify-radio__input:focus+.amplify-radio__button {
    border-color: var(--amplify-components-radio-button-focus-border-color);
    box-shadow: var(--amplify-components-radio-button-focus-box-shadow)
}

.amplify-radio__input[aria-invalid=true]+.amplify-radio__button {
    border-color: var(--amplify-components-radio-button-error-border-color)
}

.amplify-radio__input[aria-invalid=true]:focus+.amplify-radio__button {
    box-shadow: var(--amplify-components-radio-button-error-focus-box-shadow)
}

.amplify-radio__input:disabled+.amplify-radio__button {
    border-color: var(--amplify-components-radio-button-disabled-border-color);
    background-color: var(--amplify-components-radio-button-disabled-background-color)
}

.amplify-radio__label[data-disabled=true] {
    color: var(--amplify-components-radio-label-disabled-color)
}

.amplify-radiogroup {
    gap: inherit;
    flex-direction: inherit;
    align-items: inherit
}

.amplify-radiogroupfield {
    flex-direction: column;
    align-items: flex-start;
    --amplify-components-field-label-color: var( --amplify-components-radiogroup-label-color);
    --amplify-components-radio-button-border-width: var( --amplify-components-radiogroup-radio-border-width);
    --amplify-components-radio-button-border-color: var( --amplify-components-radiogroup-radio-border-color);
    --amplify-components-radio-button-background-color: var( --amplify-components-radiogroup-radio-background-color);
    --amplify-components-radio-label-color: var( --amplify-components-radiogroup-radio-label-color);
    --amplify-components-radio-button-checked-color: var( --amplify-components-radiogroup-radio-checked-color)
}

.amplify-searchfield {
    --amplify-components-fieldcontrol-color: var( --amplify-components-searchfield-input-color)
}

.amplify-searchfield__search {
    color: var(--amplify-components-searchfield-button-color);
    background-color: var(--amplify-components-searchfield-button-background-color)
}

.amplify-searchfield__search:active {
    background-color: var(--amplify-components-button-active-background-color);
    border-color: var(--amplify-components-button-active-border-color);
    color: var(--amplify-components-button-active-color)
}

.amplify-searchfield__search:focus {
    background-color: var(--amplify-components-searchfield-button-focus-background-color);
    border-color: var(--amplify-components-searchfield-button-focus-border-color);
    color: var(--amplify-components-searchfield-button-focus-color)
}

.amplify-searchfield__search:hover {
    background-color: var(--amplify-components-searchfield-button-hover-background-color);
    border-color: var(--amplify-components-searchfield-button-hover-border-color);
    color: var(--amplify-components-searchfield-button-hover-color)
}

.amplify-searchfield__search:disabled {
    background-color: var(--amplify-components-searchfield-button-disabled-background-color);
    border-color: var(--amplify-components-searchfield-button-disabled-border-color);
    color: var(--amplify-components-searchfield-button-disabled-color)
}

.amplify-select__wrapper {
    flex: var(--amplify-components-select-wrapper-flex);
    display: var(--amplify-components-select-wrapper-display);
    position: var(--amplify-components-select-wrapper-position);
    cursor: var(--amplify-components-select-wrapper-cursor);
    align-self: stretch
}

.amplify-select__icon-wrapper {
    color: var(--amplify-components-fieldcontrol-color);
    align-items: var(--amplify-components-select-icon-wrapper-align-items);
    position: var(--amplify-components-select-icon-wrapper-position);
    top: var(--amplify-components-select-icon-wrapper-top);
    right: var(--amplify-components-select-icon-wrapper-right);
    transform: var(--amplify-components-select-icon-wrapper-transform);
    pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events)
}

.amplify-select__icon-wrapper--small {
    right: var(--amplify-components-select-icon-wrapper-small-right)
}

.amplify-select__icon-wrapper--large {
    right: var(--amplify-components-select-icon-wrapper-large-right)
}

.amplify-select {
    box-sizing: border-box;
    color: var(--amplify-components-fieldcontrol-color);
    font-size: var(--amplify-components-fieldcontrol-font-size);
    line-height: var(--amplify-components-fieldcontrol-line-height);
    -webkit-padding-before: var(--amplify-components-fieldcontrol-padding-block-start);
    padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
    -webkit-padding-after: var(--amplify-components-fieldcontrol-padding-block-end);
    padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
    -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-end);
    padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
    transition: all var(--amplify-components-fieldcontrol-transition-duration);
    width: 100%;
    border-color: var(--amplify-components-fieldcontrol-border-color);
    border-radius: var(--amplify-components-fieldcontrol-border-radius);
    border-style: var(--amplify-components-fieldcontrol-border-style);
    border-width: var(--amplify-components-fieldcontrol-border-width);
    outline-color: var(--amplify-components-fieldcontrol-outline-color);
    outline-style: var(--amplify-components-fieldcontrol-outline-style);
    outline-width: var(--amplify-components-fieldcontrol-outline-width);
    outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
    background-color: var(--amplify-components-select-background-color);
    color: var(--amplify-components-select-color);
    min-width: var(--amplify-components-select-min-width);
    -webkit-padding-end: var(--amplify-components-select-padding-inline-end);
    padding-inline-end: var(--amplify-components-select-padding-inline-end);
    white-space: var(--amplify-components-select-white-space)
}

.amplify-select:focus {
    border-color: var(--amplify-components-fieldcontrol-focus-border-color);
    box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow)
}

.amplify-select--small {
    font-size: var(--amplify-components-fieldcontrol-small-font-size);
    -webkit-padding-before: var(--amplify-components-fieldcontrol-small-padding-block-start);
    padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
    -webkit-padding-after: var(--amplify-components-fieldcontrol-small-padding-block-end);
    padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
    -webkit-padding-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
    padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end)
}

.amplify-select--large {
    font-size: var(--amplify-components-fieldcontrol-large-font-size);
    -webkit-padding-before: var(--amplify-components-fieldcontrol-large-padding-block-start);
    padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
    -webkit-padding-after: var(--amplify-components-fieldcontrol-large-padding-block-end);
    padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
    -webkit-padding-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
    padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
    -webkit-padding-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
    padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end)
}

.amplify-select--error,
.amplify-select--error:focus {
    border-color: var(--amplify-components-fieldcontrol-error-border-color)
}

.amplify-select--error:focus {
    box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow)
}

.amplify-select--quiet {
    -webkit-border-before: var(--amplify-components-fieldcontrol-quiet-border-block-start);
    border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
    -webkit-border-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
    border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
    -webkit-border-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
    border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
    border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius)
}

.amplify-select--quiet:focus {
    border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
    box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow)
}

.amplify-select--quiet[aria-invalid=true] {
    border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color)
}

.amplify-select--quiet[aria-invalid=true]:focus {
    box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow)
}

.amplify-select[disabled] {
    color: var(--amplify-components-fieldcontrol-disabled-color);
    cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
    border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
    background-color: var(--amplify-components-fieldcontrol-disabled-background-color)
}

.amplify-select option {
    background-color: var(--amplify-components-select-option-background-color);
    color: var(--amplify-components-select-option-color)
}

.amplify-select option[disabled=""] {
    background-color: var(--amplify-components-select-option-disabled-background-color);
    color: var(--amplify-components-select-option-disabled-color);
    cursor: var(--amplify-components-fieldcontrol-disabled-cursor)
}

.amplify-select[disabled] {
    background-color: var(--amplify-components-select-disabled-background-color);
    color: var(--amplify-components-select-disabled-color)
}

.amplify-select[disabled] option {
    color: inherit;
    background-color: inherit
}

.amplify-select--small {
    min-width: var(--amplify-components-select-small-min-width);
    -webkit-padding-end: var(--amplify-components-select-small-padding-inline-end);
    padding-inline-end: var(--amplify-components-select-small-padding-inline-end)
}

.amplify-select--large {
    min-width: var(--amplify-components-select-large-min-width);
    -webkit-padding-end: var(--amplify-components-select-large-padding-inline-end);
    padding-inline-end: var(--amplify-components-select-large-padding-inline-end)
}

.amplify-select--expanded {
    overflow: auto;
    padding: var(--amplify-components-select-expanded-padding-block) var(--amplify-components-select-expanded-padding-inline)
}

.amplify-select--expanded option {
    padding: var(--amplify-components-select-expanded-option-padding-block) var(--amplify-components-select-expanded-option-padding-inline)
}

.amplify-selectfield {
    flex-direction: var(--amplify-components-selectfield-flex-direction);
    --amplify-components-fieldcontrol-border-color: var( --amplify-components-selectfield-border-color);
    --amplify-components-fieldcontrol-color: var( --amplify-components-selectfield-color);
    --amplify-components-fieldcontrol-font-size: var( --amplify-components-selectfield-font-size);
    --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-selectfield-focus-border-color);
    --amplify-components-field-label-color: var( --amplify-components-selectfield-label-color)
}

.amplify-sliderfield {
    flex-direction: column
}

.amplify-sliderfield__label {
    display: flex;
    justify-content: space-between
}

.amplify-sliderfield__root {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    padding-block: var(--amplify-components-sliderfield-padding-block);
    position: relative;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    --amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-thumb-height);
    --amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-thumb-height)
}

.amplify-sliderfield__root[data-disabled] {
    cursor: not-allowed
}

.amplify-sliderfield__root--horizontal {
    height: var(--amplify-internal-sliderfield-root-height)
}

.amplify-sliderfield__root--vertical {
    flex-direction: column;
    width: var(--amplify-internal-sliderfield-root-width)
}

.amplify-sliderfield__root--large {
    --amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-large-thumb-height);
    --amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-large-thumb-height)
}

.amplify-sliderfield__root--small {
    --amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-small-thumb-height);
    --amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-small-thumb-height)
}

.amplify-sliderfield__track {
    position: relative;
    flex-grow: 1;
    border-radius: var(--amplify-components-sliderfield-track-border-radius);
    background-color: var(--amplify-components-sliderfield-track-background-color);
    --amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-track-height);
    --amplify-internal-sliderfield-track-min-width: var( --amplify-components-sliderfield-track-min-width);
    --amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-track-height);
    --amplify-internal-sliderfield-track-min-height: var( --amplify-components-sliderfield-track-min-width)
}

.amplify-sliderfield__track--horizontal {
    height: var(--amplify-internal-sliderfield-track-height);
    min-width: var(--amplify-internal-sliderfield-track-min-width)
}

.amplify-sliderfield__track--vertical {
    width: var(--amplify-internal-sliderfield-track-width);
    min-height: var(--amplify-internal-sliderfield-track-min-height)
}

.amplify-sliderfield__track--large {
    --amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-large-track-height);
    --amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-large-track-height)
}

.amplify-sliderfield__track--small {
    --amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-small-track-height);
    --amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-small-track-height)
}

.amplify-sliderfield__range {
    position: absolute;
    border-radius: var(--amplify-components-sliderfield-range-border-radius);
    background-color: var(--amplify-components-sliderfield-range-background-color)
}

.amplify-sliderfield__range[data-disabled] {
    background-color: var(--amplify-components-sliderfield-range-disabled-background-color)
}

.amplify-sliderfield__range--horizontal {
    height: 100%
}

.amplify-sliderfield__range--vertical {
    width: 100%
}

.amplify-sliderfield__thumb {
    display: block;
    width: var(--amplify-components-sliderfield-thumb-width);
    height: var(--amplify-components-sliderfield-thumb-height);
    background-color: var(--amplify-components-sliderfield-thumb-background-color);
    box-shadow: var(--amplify-components-sliderfield-thumb-box-shadow);
    border-radius: var(--amplify-components-sliderfield-thumb-border-radius);
    border-width: var(--amplify-components-sliderfield-thumb-border-width);
    border-color: var(--amplify-components-sliderfield-thumb-border-color);
    border-style: var(--amplify-components-sliderfield-thumb-border-style)
}

.amplify-sliderfield__thumb:hover {
    background-color: var(--amplify-components-sliderfield-thumb-hover-background-color);
    border-color: var(--amplify-components-sliderfield-thumb-hover-border-color)
}

.amplify-sliderfield__thumb:focus {
    border-color: var(--amplify-components-sliderfield-thumb-focus-border-color);
    box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow)
}

.amplify-sliderfield__thumb[data-disabled] {
    background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color);
    border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color);
    box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow)
}

.amplify-sliderfield__thumb--large {
    width: var(--amplify-components-sliderfield-large-thumb-width);
    height: var(--amplify-components-sliderfield-large-thumb-height)
}

.amplify-sliderfield__thumb--small {
    width: var(--amplify-components-sliderfield-small-thumb-width);
    height: var(--amplify-components-sliderfield-small-thumb-height)
}

.amplify-stepperfield {
    flex-direction: var(--amplify-components-stepperfield-flex-direction);
    --amplify-components-fieldcontrol-border-color: var( --amplify-components-stepperfield-border-color);
    --amplify-components-button-border-color: var( --amplify-components-stepperfield-border-color);
    --amplify-components-fieldcontrol-color: var( --amplify-components-stepperfield-input-color);
    --amplify-components-fieldcontrol-font-size: var( --amplify-components-stepperfield-input-font-size);
    --amplify-components-button-color: var( --amplify-components-stepperfield-button-color);
    --amplify-components-button-active-color: var( --amplify-components-stepperfield-button-active-color);
    --amplify-components-button-active-background-color: var( --amplify-components-stepperfield-button-active-background-color);
    --amplify-components-button-focus-color: var( --amplify-components-stepperfield-button-focus-color);
    --amplify-components-button-focus-background-color: var( --amplify-components-stepperfield-button-focus-background-color);
    --amplify-components-button-disabled-color: var( --amplify-components-stepperfield-button-disabled-color);
    --amplify-components-button-disabled-background-color: var( --amplify-components-stepperfield-button-disabled-background-color);
    --amplify-components-button-hover-color: var( --amplify-components-stepperfield-button-hover-color);
    --amplify-components-button-hover-background-color: var( --amplify-components-stepperfield-button-hover-background-color)
}

.amplify-stepperfield__button--decrease,
.amplify-stepperfield__button--increase {
    background-color: var(--amplify-components-stepperfield-button-background-color)
}

.amplify-stepperfield__button--decrease--disabled,
.amplify-stepperfield__button--increase--disabled {
    background-color: var(--amplify-components-stepperfield-button-disabled-background-color)
}

.amplify-stepperfield__button--decrease--quiet,
.amplify-stepperfield__button--increase--quiet {
    border-width: 0 0 var(--amplify-components-button-border-width) 0;
    border-radius: 0
}

.amplify-stepperfield__button--decrease[data-invalid=true] {
    -webkit-border-end: none;
    border-inline-end: none
}

.amplify-stepperfield__button--increase[data-invalid=true] {
    -webkit-border-start: none;
    border-inline-start: none
}

.amplify-stepperfield__input {
    -moz-appearance: textfield;
    text-align: var(--amplify-components-stepperfield-input-text-align)
}

.amplify-stepperfield__input::-webkit-inner-spin-button,
.amplify-stepperfield__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.amplify-stepperfield__input:not(:focus,
[aria-invalid=true]) {
    -webkit-border-start: none;
    border-inline-start: none;
    -webkit-border-end: none;
    border-inline-end: none
}

.amplify-switchfield {
    display: inline-block;
    font-size: var(--amplify-components-switchfield-font-size);
    cursor: pointer
}

.amplify-switchfield--small {
    font-size: var(--amplify-components-switchfield-small-font-size)
}

.amplify-switchfield--large {
    font-size: var(--amplify-components-switchfield-large-font-size)
}

.amplify-switch__wrapper {
    display: inline-flex;
    align-items: center
}

.amplify-switch__wrapper--start {
    flex-direction: row
}

.amplify-switch__wrapper--end {
    flex-direction: row-reverse
}

.amplify-switch__wrapper--top {
    flex-direction: column
}

.amplify-switch__wrapper--bottom {
    flex-direction: column-reverse
}

.amplify-switch-track {
    display: inline-flex;
    justify-content: flex-start;
    box-sizing: content-box;
    border-radius: var(--amplify-components-switchfield-track-border-radius);
    padding: var(--amplify-components-switchfield-track-padding);
    width: var(--amplify-components-switchfield-track-width);
    height: var(--amplify-components-switchfield-track-height);
    transition-duration: var(--amplify-components-switchfield-track-transition-duration);
    background-color: var(--amplify-components-switchfield-track-background-color)
}

.amplify-switch-track--checked {
    background-color: var(--amplify-components-switchfield-track-checked-background-color)
}

.amplify-switch-track--disabled {
    opacity: var(--amplify-components-switchfield-disabled-opacity);
    cursor: not-allowed
}

.amplify-switch-track--focused {
    box-shadow: var(--amplify-components-switchfield-focused-shadow)
}

.amplify-switch-track--error {
    background-color: var(--amplify-components-switchfield-track-error-background-color)
}

.amplify-switch-thumb {
    background-color: var(--amplify-components-switchfield-thumb-background-color);
    transition-duration: var(--amplify-components-switchfield-thumb-transition-duration);
    border-radius: var(--amplify-components-switchfield-thumb-border-radius);
    width: var(--amplify-components-switchfield-thumb-width);
    height: var(--amplify-components-switchfield-thumb-width);
    border-width: var(--amplify-components-switchfield-thumb-border-width);
    border-style: var(--amplify-components-switchfield-thumb-border-style);
    border-color: var(--amplify-components-switchfield-thumb-border-color);
    overflow-wrap: break-word
}

.amplify-switch-thumb--checked {
    transform: var(--amplify-components-switchfield-thumb-checked-transform)
}

.amplify-switch-thumb--disabled {
    cursor: not-allowed
}

.amplify-switch-label {
    padding: var(--amplify-components-switchfield-label-padding);
    cursor: pointer
}

.amplify-table {
    border-collapse: var(--amplify-components-table-border-collapse);
    display: var(--amplify-components-table-display);
    width: var(--amplify-components-table-width);
    --amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-font-size);
    --amplify-internal-table-th-font-size: var( --amplify-components-table-header-font-size);
    --amplify-internal-table-th-padding: var( --amplify-components-table-header-padding);
    --amplify-internal-table-td-font-size: var( --amplify-components-table-data-font-size);
    --amplify-internal-table-td-padding: var( --amplify-components-table-data-padding);
    --amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width) 0px var(--amplify-components-table-data-border-width) 0px;
    --amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width) 0px var(--amplify-components-table-header-border-width) 0px
}

.amplify-table--small {
    --amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-small-font-size);
    --amplify-internal-table-th-font-size: var( --amplify-components-table-header-small-font-size);
    --amplify-internal-table-th-padding: var( --amplify-components-table-header-small-padding);
    --amplify-internal-table-td-font-size: var( --amplify-components-table-data-small-font-size);
    --amplify-internal-table-td-padding: var( --amplify-components-table-data-small-padding)
}

.amplify-table--large {
    --amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-large-font-size);
    --amplify-internal-table-th-font-size: var( --amplify-components-table-header-large-font-size);
    --amplify-internal-table-th-padding: var( --amplify-components-table-header-large-padding);
    --amplify-internal-table-td-font-size: var( --amplify-components-table-data-large-font-size);
    --amplify-internal-table-td-padding: var( --amplify-components-table-data-large-padding)
}

.amplify-table--bordered {
    --amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width);
    --amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width)
}

.amplify-table__caption {
    caption-side: var(--amplify-components-table-caption-caption-side);
    color: var(--amplify-components-table-caption-color);
    display: var(--amplify-components-table-caption-display);
    font-size: var(--amplify-internal-table-caption-font-size);
    text-align: var(--amplify-components-table-caption-text-align);
    word-break: var(--amplify-components-table-caption-word-break)
}

.amplify-table__head {
    display: var(--amplify-components-table-head-display);
    vertical-align: var(--amplify-components-table-head-vertical-align)
}

.amplify-table__body {
    display: var(--amplify-components-table-body-display);
    vertical-align: var(--amplify-components-table-body-vertical-align)
}

.amplify-table__foot {
    display: var(--amplify-components-table-foot-display);
    vertical-align: var(--amplify-components-table-foot-vertical-align)
}

.amplify-table__row {
    display: var(--amplify-components-table-row-display);
    vertical-align: var(--amplify-components-table-row-vertical-align)
}

.amplify-table__th {
    border-color: var(--amplify-components-table-header-border-color);
    border-style: var(--amplify-components-table-header-border-style);
    border-width: var(--amplify-internal-table-th-border-width);
    color: var(--amplify-components-table-header-color);
    display: var(--amplify-components-table-header-display);
    font-size: var(--amplify-internal-table-th-font-size);
    font-weight: var(--amplify-components-table-header-font-weight);
    padding: var(--amplify-internal-table-th-padding);
    vertical-align: var(--amplify-components-table-header-vertical-align)
}

.amplify-table__th:first-child {
    border-left-width: var(--amplify-components-table-header-border-width)
}

.amplify-table__th:last-child {
    border-right-width: var(--amplify-components-table-header-border-width)
}

.amplify-table__td {
    border-color: var(--amplify-components-table-data-border-color);
    border-style: var(--amplify-components-table-data-border-style);
    border-width: var(--amplify-internal-table-td-border-width);
    color: var(--amplify-components-table-data-color);
    display: var(--amplify-components-table-data-display);
    font-size: var(--amplify-internal-table-td-font-size);
    font-weight: var(--amplify-components-table-data-font-weight);
    padding: var(--amplify-internal-table-td-padding);
    vertical-align: var(--amplify-components-table-data-vertical-align)
}

.amplify-table__td:first-child {
    border-left-width: var(--amplify-components-table-data-border-width)
}

.amplify-table__td:last-child {
    border-right-width: var(--amplify-components-table-data-border-width)
}

.amplify-table[data-variation=striped] .amplify-table__row:not(.amplify-table__head *):nth-child(odd) {
    background-color: var(--amplify-components-table-row-striped-background-color)
}

.amplify-table[data-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover {
    background-color: var(--amplify-components-table-row-hover-background-color)
}

.amplify-tabs {
    background-color: var(--amplify-components-tabs-background-color);
    box-shadow: var(--amplify-components-tabs-box-shadow);
    border-width: 0 0 var(--amplify-components-tabs-border-width) 0;
    border-style: var(--amplify-components-tabs-border-style);
    border-color: var(--amplify-components-tabs-border-color);
    gap: var(--amplify-components-tabs-gap)
}

.amplify-tabs[data-indicator-position=top] {
    border-width: var(--amplify-components-tabs-border-width) 0 0 0
}

.amplify-tabs-item {
    background-color: var(--amplify-components-tabs-item-background-color);
    box-sizing: border-box;
    color: var(--amplify-components-tabs-item-color);
    font-size: var(--amplify-components-tabs-item-font-size);
    font-weight: var(--amplify-components-tabs-item-font-weight);
    padding: var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal);
    text-align: var(--amplify-components-tabs-item-text-align);
    transition: all var(--amplify-components-tabs-item-transition-duration);
    border-width: 0 0 var(--amplify-components-tabs-item-border-width) 0;
    border-style: var(--amplify-components-tabs-item-border-style);
    border-color: var(--amplify-components-tabs-item-border-color);
    margin-bottom: calc(-1 * var(--amplify-components-tabs-item-border-width))
}

[data-indicator-position=top]>.amplify-tabs-item {
    border-width: var(--amplify-components-tabs-border-width) 0 0 0;
    margin-top: calc(-1 * var(--amplify-components-tabs-item-border-width));
    margin-bottom: 0
}

.amplify-tabs-item[data-state=active] {
    color: var(--amplify-components-tabs-item-active-color);
    border-color: var(--amplify-components-tabs-item-active-border-color);
    background-color: var(--amplify-components-tabs-item-active-background-color);
    transition-property: none
}

.amplify-tabs-item:hover {
    color: var(--amplify-components-tabs-item-hover-color);
    cursor: pointer
}

.amplify-tabs-item:focus {
    color: var(--amplify-components-tabs-item-focus-color)
}

.amplify-tabs-item:focus-visible {
    outline: var(--amplify-components-tabs-item-border-width) var(--amplify-components-tabs-item-border-style) var(--amplify-components-tabs-item-border-color)
}

.amplify-tabs-item:active {
    color: var(--amplify-components-tabs-item-active-color)
}

.amplify-tabs-item[data-disabled] {
    background-color: var(--amplify-components-tabs-item-disabled-background-color);
    color: var(--amplify-components-tabs-item-disabled-color);
    cursor: not-allowed
}

.amplify-tabs-item[data-spacing=equal] {
    flex: 1 1
}

.amplify-tabs-item[data-spacing=relative] {
    flex-grow: 1
}

.amplify-textareafield {
    flex-direction: column;
    --amplify-components-fieldcontrol-color: var( --amplify-components-textareafield-color);
    --amplify-components-fieldcontrol-border-color: var( --amplify-components-textareafield-border-color);
    --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textareafield-focus-border-color)
}

.amplify-textfield {
    --amplify-components-fieldcontrol-color: var( --amplify-components-textfield-color);
    --amplify-components-fieldcontrol-border-color: var( --amplify-components-textfield-border-color);
    --amplify-components-fieldcontrol-font-size: var( --amplify-components-textfield-font-size);
    --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textfield-focus-border-color)
}

.amplify-togglebutton {
    --amplify-internal-togglebutton-background-color: initial;
    --amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-border-color);
    --amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-color);
    background-color: var(--amplify-internal-togglebutton-background-color);
    border-color: var(--amplify-internal-togglebutton-border-color);
    color: var(--amplify-internal-togglebutton-color);
    --amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-background-color);
    --amplify-internal-togglebutton-focus-border-color: var( --amplify-components-togglebutton-focus-border-color);
    --amplify-internal-togglebutton-focus-color: var( --amplify-components-togglebutton-focus-color);
    --amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-hover-background-color);
    --amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-border-color);
    --amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-color);
    --amplify-internal-togglebutton-active-background-color: var( --amplify-components-togglebutton-active-background-color);
    --amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-disabled-background-color);
    --amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-disabled-border-color);
    --amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-disabled-color)
}

.amplify-togglebutton:focus {
    background-color: var(--amplify-internal-togglebutton-focus-background-color);
    border-color: var(--amplify-internal-togglebutton-focus-border-color);
    color: var(--amplify-internal-togglebutton-focus-color)
}

.amplify-togglebutton:hover {
    background-color: var(--amplify-internal-togglebutton-hover-background-color);
    border-color: var(--amplify-internal-togglebutton-hover-border-color);
    color: var(--amplify-internal-togglebutton-hover-color)
}

.amplify-togglebutton:active {
    background-color: var(--amplify-internal-togglebutton-active-background-color)
}

.amplify-togglebutton:disabled {
    background-color: var(--amplify-internal-togglebutton-disabled-background-color);
    border-color: var(--amplify-internal-togglebutton-disabled-border-color);
    color: var(--amplify-internal-togglebutton-disabled-color)
}

.amplify-togglebutton--pressed {
    --amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-pressed-border-color);
    --amplify-internal-togglebutton-background-color: var( --amplify-components-togglebutton-pressed-background-color);
    --amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-pressed-color);
    --amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-pressed-hover-background-color);
    --amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-pressed-background-color);
    --amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-pressed-border-color);
    --amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-pressed-color)
}

.amplify-togglebutton--primary {
    --amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-background-color);
    --amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-primary-background-color);
    --amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-border-color);
    --amplify-internal-togglebutton-border-color: var( --amplify-internal-togglebutton-primary-border-color);
    --amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-color);
    --amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-primary-color);
    border-width: var(--amplify-components-togglebutton-primary-border-width);
    --amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-focus-background-color);
    --amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-focus-border-color);
    --amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-focus-color);
    --amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-focus-box-shadow);
    --amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-primary-focus-background-color);
    --amplify-internal-togglebutton-focus-border-color: var( --amplify-internal-togglebutton-primary-focus-border-color);
    --amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-primary-focus-color);
    --amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-hover-background-color);
    --amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-internal-togglebutton-primary-border-color);
    --amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-hover-color);
    --amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-primary-hover-background-color);
    --amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-primary-hover-border-color);
    --amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-primary-hover-color);
    --amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-disabled-background-color);
    --amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-disabled-border-color);
    --amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-disabled-color);
    --amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-primary-disabled-background-color);
    --amplify-internal-togglebutton-disabled-border-color: var( --amplify-internal-togglebutton-primary-disabled-border-color);
    --amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-primary-disabled-color)
}

.amplify-togglebutton--primary:focus {
    box-shadow: var(--amplify-internal-togglebutton-primary-focus-box-shadow)
}

.amplify-togglebutton--pressed {
    --amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color);
    --amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color);
    --amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-primary-pressed-color);
    --amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-pressed-focus-background-color);
    --amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-pressed-focus-border-color);
    --amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-pressed-focus-color);
    --amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-pressed-hover-background-color);
    --amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-components-togglebutton-primary-pressed-hover-border-color);
    --amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-pressed-hover-color);
    --amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color);
    --amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color);
    --amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-pressed-color)
}

.amplify-togglebutton--pressed:hover {
    --amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-pressed-hover-box-shadow)
}

.amplify-togglebutton--link {
    --amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-background-color);
    --amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-color);
    --amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-link-background-color);
    --amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-link-color);
    --amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-focus-background-color);
    --amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-focus-color);
    --amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-link-focus-background-color);
    --amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-link-focus-color);
    --amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-hover-background-color);
    --amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-hover-color);
    --amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-link-hover-background-color);
    --amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-link-hover-color);
    --amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-disabled-color);
    --amplify-internal-togglebutton-link-disabled-background-color: var( --amplify-components-togglebutton-link-disabled-background-color);
    --amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-link-disabled-color);
    --amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-link-disabled-background-color)
}

.amplify-togglebutton--pressed {
    --amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-pressed-color);
    --amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-pressed-background-color);
    --amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-pressed-focus-background-color);
    --amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-pressed-focus-color);
    --amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-pressed-hover-background-color);
    --amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-pressed-hover-color);
    --amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-pressed-color)
}

.amplify-togglebuttongroup {
    align-items: var(--amplify-components-togglebuttongroup-align-items);
    align-content: var(--amplify-components-togglebuttongroup-align-content);
    justify-content: var(--amplify-components-togglebuttongroup-justify-content);
    gap: 0
}

.amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed,
.amplify-togglebuttongroup .amplify-togglebutton:focus {
    z-index: 2
}

.amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
    -webkit-margin-start: calc(-1 * var(--amplify-components-button-border-width));
    margin-inline-start: calc(-1 * var(--amplify-components-button-border-width));
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

@supports not (border-start-start-radius:0) {
    .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

.amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

@supports not (border-end-end-radius:0) {
    .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
}

.amplify-inappmessaging-backdrop {
    background-color: var(--amplify-colors-overlay-50);
    inset: 0;
    position: fixed;
    z-index: 1000
}

.amplify-inappmessaging-backdrop-content-container {
    align-items: center;
    inset: 0;
    justify-content: center;
    pointer-events: none;
    position: fixed;
    z-index: 1001
}

.amplify-inappmessaging-backdrop-content {
    pointer-events: auto
}

.amplify-inappmessaging-bannermessage {
    box-shadow: var(--amplify-shadows-medium);
    height: var(--amplify-components-inappmessaging-banner-height);
    margin: var(--amplify-space-small);
    max-width: 50%;
    position: fixed;
    width: var(--amplify-components-inappmessaging-banner-width)
}

.amplify-inappmessaging-bannermessage--top {
    top: 0
}

.amplify-inappmessaging-bannermessage--middle {
    bottom: 0;
    margin: auto var(--amplify-space-small);
    top: 0
}

.amplify-inappmessaging-bannermessage--bottom {
    bottom: 0
}

.amplify-inappmessaging-bannermessage--left {
    left: 0
}

.amplify-inappmessaging-bannermessage--center {
    left: 0;
    margin: var(--amplify-space-small) auto;
    right: 0
}

.amplify-inappmessaging-bannermessage--right {
    right: 0
}

.amplify-inappmessaging-bannermessage--center-middle {
    inset: 0;
    margin: auto
}

.amplify-inappmessaging-bannermessage--full-width {
    max-width: none;
    width: calc(100% - 2 * var(--amplify-space-small))
}

.amplify-inappmessaging-fullscreenmessage {
    height: var(--amplify-components-inappmessaging-dialog-height);
    min-height: var(--amplify-components-inappmessaging-dialog-min-height);
    min-width: var(--amplify-components-inappmessaging-dialog-min-width);
    width: var(--amplify-components-inappmessaging-dialog-width)
}

.amplify-inappmessaging-fullscreenmessage--fullscreen {
    height: auto;
    inset: 0;
    position: fixed;
    width: auto;
    z-index: 1000
}

.amplify-inappmessaging-messagelayout {
    background-color: var(--amplify-colors-background-primary);
    flex-direction: column;
    flex-grow: 1;
    gap: var(--amplify-space-xxxs);
    max-width: 100%;
    padding: var(--amplify-space-medium)
}

.amplify-inappmessaging-messagelayout__button {
    border-width: 0;
    width: 100%
}

.amplify-inappmessaging-messagelayout__button,
.amplify-inappmessaging-messagelayout__button:active,
.amplify-inappmessaging-messagelayout__button:focus,
.amplify-inappmessaging-messagelayout__button:hover,
.amplify-inappmessaging-messagelayout__button:visited {
    background-color: var(--amplify-components-inappmessaging-button-background-color);
    border-radius: var(--amplify-components-inappmessaging-button-border-radius);
    color: var(--amplify-components-inappmessaging-button-color)
}

.amplify-inappmessaging-messagelayout__button--dark:active,
.amplify-inappmessaging-messagelayout__button--dark:visited,
.amplify-inappmessaging-messagelayout__button--light:active,
.amplify-inappmessaging-messagelayout__button--light:visited {
    filter: brightness(100%)
}

.amplify-inappmessaging-messagelayout__button--dark:focus,
.amplify-inappmessaging-messagelayout__button--dark:hover {
    filter: brightness(120%)
}

.amplify-inappmessaging-messagelayout__button--light:focus,
.amplify-inappmessaging-messagelayout__button--light:hover {
    filter: brightness(80%)
}

.amplify-inappmessaging-messagelayout__close-button,
.amplify-inappmessaging-messagelayout__close-button:active,
.amplify-inappmessaging-messagelayout__close-button:visited {
    color: var(--amplify-colors-neutral-80)
}

.amplify-inappmessaging-messagelayout__close-button:focus,
.amplify-inappmessaging-messagelayout__close-button:hover {
    color: var(--amplify-colors-neutral-100)
}

.amplify-inappmessaging-messagelayout__content {
    flex-grow: 1;
    overflow: hidden
}

.amplify-inappmessaging-messagelayout__content--horizontal {
    flex-direction: row
}

.amplify-inappmessaging-messagelayout__content--vertical {
    flex-direction: column;
    justify-content: center
}

.amplify-inappmessaging-messagelayout__header {
    flex-shrink: 0;
    font-size: var(--amplify-components-inappmessaging-header-font-size);
    font-weight: var(--amplify-components-inappmessaging-header-font-weight)
}

.amplify-inappmessaging-messagelayout__image-container {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.amplify-inappmessaging-messagelayout__image-container img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    position: absolute
}

.amplify-inappmessaging-messagelayout__image-container--horizontal {
    max-width: 15%;
    min-width: 15%
}

.amplify-inappmessaging-messagelayout__image-container--vertical {
    max-height: 40%;
    min-height: 40%
}

.amplify-inappmessaging-messagelayout__text-container {
    flex-direction: column;
    overflow-y: auto;
    gap: var(--amplify-space-xxxs)
}

.amplify-inappmessaging-messagelayout__text-container--horizontal {
    flex-grow: 1
}

.amplify-inappmessaging-messagelayout__text-container--vertical {
    flex-grow: 0
}

.amplify-inappmessaging-modalmessage {
    align-items: center;
    height: auto;
    inset: 0;
    justify-content: center;
    pointer-events: none;
    position: fixed;
    width: auto;
    z-index: 1000
}

.amplify-inappmessaging-modalmessage__dialog {
    box-shadow: var(--amplify-shadows-medium);
    height: var(--amplify-components-inappmessaging-dialog-height);
    min-height: var(--amplify-components-inappmessaging-dialog-min-height);
    min-width: var(--amplify-components-inappmessaging-dialog-min-width);
    pointer-events: auto;
    width: var(--amplify-components-inappmessaging-dialog-width)
}

.amplify-inappmessaging-modalmessage__dialog--full-width {
    width: 100%;
    margin: var(--amplify-space-small)
}

.amplify-fileuploader__dropzone {
    background-color: var(--amplify-components-fileuploader-dropzone-background-color);
    border-color: var(--amplify-components-fileuploader-dropzone-border-color);
    border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
    border-style: var(--amplify-components-fileuploader-dropzone-border-style);
    border-width: var(--amplify-components-fileuploader-dropzone-border-width);
    text-align: var(--amplify-components-fileuploader-dropzone-text-align);
    padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
    padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--amplify-components-fileuploader-dropzone-gap)
}

.amplify-fileuploader__dropzone--small {
    flex-direction: row;
    justify-content: center
}

.amplify-fileuploader__dropzone--active {
    border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
    border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
    background-color: var(--amplify-components-fileuploader-dropzone-active-background-color)
}

.amplify-fileuploader__dropzone__icon {
    font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
    color: var(--amplify-components-fileuploader-dropzone-icon-color)
}

.amplify-fileuploader__dropzone__text {
    color: var(--amplify-components-fileuploader-dropzone-text-color);
    font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
    font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight)
}

.amplify-fileuploader__file {
    position: relative;
    border-width: var(--amplify-components-fileuploader-file-border-width);
    border-style: var(--amplify-components-fileuploader-file-border-style);
    border-color: var(--amplify-components-fileuploader-file-border-color);
    border-radius: var(--amplify-components-fileuploader-file-border-radius);
    display: flex;
    flex-direction: column;
    padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
    padding-block: var(--amplify-components-fileuploader-file-padding-block);
    align-items: var(--amplify-components-fileuploader-file-align-items)
}

.amplify-fileuploader__file__wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--amplify-components-fileuploader-file-gap)
}

.amplify-fileuploader__file__name {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
    font-size: var(--amplify-components-fileuploader-file-name-font-size);
    color: var(--amplify-components-fileuploader-file-name-color)
}

.amplify-fileuploader__file__size {
    font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
    font-size: var(--amplify-components-fileuploader-file-size-font-size);
    color: var(--amplify-components-fileuploader-file-size-color)
}

.amplify-fileuploader__file__main {
    flex: 1 1;
    white-space: nowrap;
    overflow: hidden
}

.amplify-fileuploader__file__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--amplify-components-fileuploader-file-image-width);
    height: var(--amplify-components-fileuploader-file-image-height);
    background-color: var(--amplify-components-fileuploader-file-image-background-color);
    border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
    color: var(--amplify-components-fileuploader-file-image-color)
}

.amplify-fileuploader__file__image img {
    max-height: 100%
}

.amplify-fileuploader__file__status--error {
    color: var(--amplify-colors-font-error);
    font-size: var(--amplify-components-fileuploader-file-size-font-size)
}

.amplify-fileuploader__file__status--success {
    color: var(--amplify-colors-font-success)
}

.amplify-fileuploader__loader {
    stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
    stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
    stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
    height: var(--amplify-components-fileuploader-loader-stroke-width);
    --amplify-components-loader-linear-stroke-filled: var( --amplify-components-fileuploader-loader-stroke-filled);
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.amplify-fileuploader__previewer {
    display: block;
    max-width: var(--amplify-components-fileuploader-previewer-max-width);
    background-color: var(--amplify-components-fileuploader-previewer-background-color);
    border-width: var(--amplify-components-fileuploader-previewer-border-width);
    border-style: var(--amplify-components-fileuploader-previewer-border-style);
    border-color: var(--amplify-components-fileuploader-previewer-border-color);
    border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
    padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
    padding-block: var(--amplify-components-fileuploader-previewer-padding-block)
}

.amplify-fileuploader__previewer__text {
    font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
    font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
    color: var(--amplify-components-fileuploader-previewer-text-color)
}

.amplify-fileuploader__previewer__body {
    flex-direction: column;
    max-height: var(--amplify-components-fileuploader-previewer-max-height);
    overflow: auto;
    gap: var(--amplify-components-fileuploader-previewer-body-gap);
    padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
    padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block)
}

.amplify-fileuploader__previewer__body,
.amplify-fileuploader__previewer__footer {
    display: flex;
    max-width: var(--amplify-components-fileuploader-previewer-max-width)
}

.amplify-fileuploader__previewer__footer {
    border-top: var(--amplify-components-fileuploader-previewer-footer-border-width) var(--amplify-components-fileuploader-previewer-footer-border-style) var(--amplify-components-fileuploader-previewer-footer-border-color);
    padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
    padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
    position: relative;
    flex-direction: row;
    justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content)
}

.amplify-fileuploader__previewer__footer__actions {
    display: flex;
    flex-direction: row;
    gap: var(--amplify-space-small)
}

.amplify-storagemanager__dropzone {
    background-color: var(--amplify-components-storagemanager-dropzone-background-color);
    border-color: var(--amplify-components-storagemanager-dropzone-border-color);
    border-radius: var(--amplify-components-storagemanager-dropzone-border-radius);
    border-style: var(--amplify-components-storagemanager-dropzone-border-style);
    border-width: var(--amplify-components-storagemanager-dropzone-border-width);
    text-align: var(--amplify-components-storagemanager-dropzone-text-align);
    padding-block: var(--amplify-components-storagemanager-dropzone-padding-block);
    padding-inline: var(--amplify-components-storagemanager-dropzone-padding-inline);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--amplify-components-storagemanager-dropzone-gap)
}

.amplify-storagemanager__dropzone--small {
    flex-direction: row;
    justify-content: center
}

.amplify-storagemanager__dropzone--active {
    border-color: var(--amplify-components-storagemanager-dropzone-active-border-color);
    border-width: var(--amplify-components-storagemanager-dropzone-active-border-width);
    background-color: var(--amplify-components-storagemanager-dropzone-active-background-color)
}

.amplify-storagemanager__dropzone__icon {
    font-size: var(--amplify-components-storagemanager-dropzone-icon-font-size);
    color: var(--amplify-components-storagemanager-dropzone-icon-color)
}

.amplify-storagemanager__dropzone__text {
    color: var(--amplify-components-storagemanager-dropzone-text-color);
    font-size: var(--amplify-components-storagemanager-dropzone-text-font-size);
    font-weight: var(--amplify-components-storagemanager-dropzone-text-font-weight)
}

.amplify-storagemanager__file__list {
    display: flex;
    flex-direction: var(--amplify-components-storagemanager-filelist-flex-direction);
    gap: var(--amplify-components-storagemanager-filelist-gap)
}

.amplify-storagemanager__file {
    position: relative;
    border-width: var(--amplify-components-storagemanager-file-border-width);
    border-style: var(--amplify-components-storagemanager-file-border-style);
    border-color: var(--amplify-components-storagemanager-file-border-color);
    border-radius: var(--amplify-components-storagemanager-file-border-radius);
    display: flex;
    flex-direction: column;
    padding-inline: var(--amplify-components-storagemanager-file-padding-inline);
    padding-block: var(--amplify-components-storagemanager-file-padding-block);
    align-items: var(--amplify-components-storagemanager-file-align-items)
}

.amplify-storagemanager__file__wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--amplify-components-storagemanager-file-gap)
}

.amplify-storagemanager__file__name {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: var(--amplify-components-storagemanager-file-name-font-weight);
    font-size: var(--amplify-components-storagemanager-file-name-font-size);
    color: var(--amplify-components-storagemanager-file-name-color)
}

.amplify-storagemanager__file__size {
    font-weight: var(--amplify-components-storagemanager-file-size-font-weight);
    font-size: var(--amplify-components-storagemanager-file-size-font-size);
    color: var(--amplify-components-storagemanager-file-size-color)
}

.amplify-storagemanager__file__main {
    flex: 1 1;
    white-space: nowrap;
    overflow: hidden
}

.amplify-storagemanager__file__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--amplify-components-storagemanager-file-image-width);
    height: var(--amplify-components-storagemanager-file-image-height);
    background-color: var(--amplify-components-storagemanager-file-image-background-color);
    border-radius: var(--amplify-components-storagemanager-file-image-border-radius);
    color: var(--amplify-components-storagemanager-file-image-color)
}

.amplify-storagemanager__file__image img {
    max-height: 100%
}

.amplify-storagemanager__file__status--error {
    color: var(--amplify-colors-font-error);
    font-size: var(--amplify-components-storagemanager-file-size-font-size)
}

.amplify-storagemanager__file__status--success {
    color: var(--amplify-colors-font-success)
}

.amplify-storagemanager__loader {
    stroke-linecap: var(--amplify-components-storagemanager-loader-stroke-linecap);
    stroke: var(--amplify-components-storagemanager-loader-stroke-empty);
    stroke-width: var(--amplify-components-storagemanager-loader-stroke-width);
    height: var(--amplify-components-storagemanager-loader-stroke-width);
    --amplify-components-loader-linear-stroke-filled: var( --amplify-components-storagemanager-loader-stroke-filled);
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.amplify-storagemanager__previewer {
    display: flex;
    flex-direction: column;
    max-width: var(--amplify-components-storagemanager-previewer-max-width);
    max-height: var(--amplify-components-storagemanager-previewer-max-height);
    overflow: auto;
    gap: var(--amplify-components-storagemanager-previewer-body-gap);
    padding-inline: var(--amplify-components-storagemanager-previewer-body-padding-inline);
    padding-block: var(--amplify-components-storagemanager-previewer-body-padding-block);
    background-color: var(--amplify-components-storagemanager-previewer-background-color);
    border-width: var(--amplify-components-storagemanager-previewer-border-width);
    border-style: var(--amplify-components-storagemanager-previewer-border-style);
    border-color: var(--amplify-components-storagemanager-previewer-border-color);
    border-radius: var(--amplify-components-storagemanager-previewer-border-radius)
}

.amplify-storagemanager__previewer__text {
    font-weight: var(--amplify-components-storagemanager-previewer-text-font-weight);
    font-size: var(--amplify-components-storagemanager-previewer-text-font-size);
    color: var(--amplify-components-storagemanager-previewer-text-color)
}

.amplify-storagemanager__previewer__footer {
    display: flex;
    flex-direction: row;
    justify-content: var(--amplify-components-storagemanager-previewer-footer-justify-content)
}

.amplify-storagemanager__previewer__actions {
    display: flex;
    flex-direction: row;
    gap: var(--amplify-space-small)
}

[data-label-position=start] {
    flex-direction: row
}

[data-label-position=end] {
    flex-direction: row-reverse
}

[data-label-position=top] {
    flex-direction: column
}

[data-label-position=bottom] {
    flex-direction: column-reverse
}

.amplify-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    fill: transparent;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

@keyframes button_bottomTop__hxrHI {
    0% {
        transform: translateY(2em);
        opacity: 0
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes button_flipCard__FYCma {
    0% {
        transform: translateY(2em);
        opacity: 0
    }
    50% {
        opacity: 1;
        transform: translateY(0) rotateY(0deg) rotateX(-1)
    }
    to {
        transform: rotateY(180deg)
    }
}

@keyframes button_bottomTopFlip__0gtbi {
    0% {
        transform: translateY(2em);
        opacity: 0
    }
    to {
        opacity: 1;
        transform: translateY(0) rotateX(-1)
    }
}

@keyframes button_fade__c1wD8 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes button_pulse__JIqIt {
    0% {
        box-shadow: 0 4px 40px rgba(140, 102, 205, .294);
        background: #8c66cd url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C18.6297 0 24 4.65125 24 10.4015C24 16.1406 18.6297 20.803 12 20.803C11.3651 20.803 10.7407 20.7586 10.1266 20.6808C7.54553 23.4339 4.47528 23.9223 1.4987 24V23.3117C3.10147 22.4681 4.4961 20.9473 4.4961 19.1933C4.4961 18.9491 4.47528 18.7049 4.44406 18.4718C1.73807 16.5735 0 13.6651 0 10.4015C0 4.65125 5.37034 0 12 0Z' fill='white'/%3E%3Ccircle cx='7.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3Ccircle cx='12.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3Ccircle cx='17.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3C/svg%3E%0A") 50%/24px auto no-repeat
    }
    to {
        background: var(--color-accent-blue) url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C18.6297 0 24 4.65125 24 10.4015C24 16.1406 18.6297 20.803 12 20.803C11.3651 20.803 10.7407 20.7586 10.1266 20.6808C7.54553 23.4339 4.47528 23.9223 1.4987 24V23.3117C3.10147 22.4681 4.4961 20.9473 4.4961 19.1933C4.4961 18.9491 4.47528 18.7049 4.44406 18.4718C1.73807 16.5735 0 13.6651 0 10.4015C0 4.65125 5.37034 0 12 0Z' fill='white'/%3E%3Ccircle cx='7.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3Ccircle cx='12.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3Ccircle cx='17.5' cy='10.5' r='1.5' fill='%233656FF'/%3E%3C/svg%3E%0A") center center/24px auto no-repeat;
        box-shadow: 0 4px 40px rgba(42, 89, 255, .5)
    }
}

.button_flash__afMd3 {
    animation: button_pulse__JIqIt 1s ease-in-out infinite alternate
}

@keyframes button_rotate__xWMdt {
    to {
        transform: rotate(1turn)
    }
}

@keyframes button_cupOut__jkXra {
    0% {
        top: 0
    }
    to {
        top: -25px
    }
}

@keyframes button_gloss__crMdU {
    0% {
        transform: translate(-50%)
    }
    5% {
        transform: translateY(-75%)
    }
    to {
        transform: translateY(-75%)
    }
}

@keyframes button_shake__M2koe {
    0% {
        translate: 0 0
    }
    10% {
        translate: -2% 1%
    }
    20% {
        translate: 1% -2%
    }
    30% {
        translate: -1% 2%
    }
    40% {
        translate: 2% -1%
    }
    50% {
        translate: -2% 1%
    }
    60% {
        translate: 1% -2%
    }
    70% {
        translate: -1% 2%
    }
    80% {
        translate: 2% -1%
    }
    90% {
        translate: -2% 1%
    }
    to {
        translate: 0 0
    }
}

@keyframes button_rotateY__r_4ca {
    0% {
        rotate: y 0deg
    }
    to {
        rotate: y 180deg
    }
}

@keyframes button_animateArrow__5kBOs {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-100%, -100%)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: rotate(45deg) translate(100%, 100%)
    }
}

@keyframes button_selectionArrowRight__R7ufs {
    0% {
        translate: 400% -50%
    }
    75% {
        translate: 300% -50%;
        opacity: 1
    }
    90% {
        opacity: 0
    }
    to {
        opacity: 1;
        translate: 400% -50%
    }
}

@keyframes button_selectionArrowLeft__nFgGy {
    0% {
        translate: -400% -50%
    }
    75% {
        translate: -300% -50%;
        opacity: 1
    }
    90% {
        opacity: 0
    }
    to {
        opacity: 1;
        translate: -400% -50%
    }
}

@keyframes button_coinExplode__FGeck {
    0% {
        rotate: y 0deg;
        scale: 1
    }
    30% {
        scale: 1.3
    }
    to {
        rotate: y 180deg;
        scale: 0
    }
}

@keyframes button_bounceIn__rC7qQ {
    0% {
        scale: 0
    }
    60% {
        scale: 1.2
    }
    70% {
        scale: .9
    }
    80% {
        scale: 1
    }
    90% {
        scale: 1.2
    }
    to {
        scale: 1
    }
}

.button_button__dZRSb {
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    border: none;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.button_button__dZRSb:disabled {
    cursor: not-allowed
}

.button_button__dZRSb.button_danger__yRxCm,
.button_button__dZRSb.button_primary__LXFHi,
.button_button__dZRSb.button_secondary__Fa_lP {
    padding: 1.2rem 1.6rem
}

.button_button__dZRSb.button_primary__LXFHi,
.button_button__dZRSb.button_secondary__Fa_lP,
.button_button__dZRSb.button_square__fMSa0 {
    background: var(--main-button-color);
    border-radius: .4rem;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.1428571429;
    letter-spacing: .2px;
    color: var(--main-text-button-color);
    transition: .2s ease;
    transition-property: background, opacity, color, border-color
}

.button_button__dZRSb.button_primary__LXFHi svg,
.button_button__dZRSb.button_secondary__Fa_lP svg,
.button_button__dZRSb.button_square__fMSa0 svg {
    color: var(--main-text-button-color)
}

.button_button__dZRSb.button_primary__LXFHi:active,
.button_button__dZRSb.button_primary__LXFHi:hover,
.button_button__dZRSb.button_secondary__Fa_lP:active,
.button_button__dZRSb.button_secondary__Fa_lP:hover,
.button_button__dZRSb.button_square__fMSa0:active,
.button_button__dZRSb.button_square__fMSa0:hover {
    background: var(--main-button-hover-color)
}

.button_button__dZRSb.button_primary__LXFHi:disabled,
.button_button__dZRSb.button_secondary__Fa_lP:disabled,
.button_button__dZRSb.button_square__fMSa0:disabled {
    opacity: .3;
    pointer-events: none
}

.button_button__dZRSb.button_danger__yRxCm {
    background: #f03276;
    border-radius: .4rem;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.1428571429;
    letter-spacing: .2px;
    color: var(--color-white-primary);
    transition: .2s ease;
    transition-property: background, opacity, color, border-color
}

.button_button__dZRSb.button_danger__yRxCm svg {
    fill: var(--color-white-primary)
}

.button_button__dZRSb.button_danger__yRxCm:hover {
    background: #f03276
}

.button_button__dZRSb.button_danger__yRxCm:active {
    background: #d9195f
}

.button_button__dZRSb.button_danger__yRxCm:disabled {
    opacity: .3;
    pointer-events: none
}

.button_button__dZRSb.button_danger__yRxCm {
    background: transparent;
    border: 1px solid #f03276;
    color: #f03276
}

.button_button__dZRSb.button_danger__yRxCm:hover {
    border-color: #f8558e;
    color: var(--color-white-primary)
}

.button_button__dZRSb.button_danger__yRxCm:active {
    border-color: #f03276;
    color: var(--color-white-primary)
}

.button_button__dZRSb.button_danger__yRxCm svg {
    fill: #f03276
}

.button_button__dZRSb.button_secondary__Fa_lP {
    background: transparent;
    border: 1px solid var(--main-button-color);
    color: var(--main-button-color)
}

.button_button__dZRSb.button_secondary__Fa_lP:hover {
    border-color: var(--main-button-color);
    color: var(--color-white-primary)
}

.button_button__dZRSb.button_secondary__Fa_lP:active {
    border-color: #193bee;
    color: var(--color-white-primary)
}

.button_button__dZRSb.button_secondary__Fa_lP svg {
    fill: var(--color-accent-blue)
}

.button_button__dZRSb.button_ingame__9oa_7 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    z-index: 3;
    padding: 6px 12px;
    background: var(--color-dark-90);
    height: max-content;
    border-radius: 8px;
    color: var(--color-grey-extra);
    font-size: 16px;
    gap: 8px
}

.button_button__dZRSb.button_autoIncrease__uD_yX,
.button_button__dZRSb.button_autoReset__R33EV,
.button_button__dZRSb.button_betOptionCompact__Gmzj8,
.button_button__dZRSb.button_betOption__yOLYh,
.button_button__dZRSb.button_gameControl__ElkRq,
.button_button__dZRSb.button_inputButton__B2DPv,
.button_button__dZRSb.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_pagination__pIaaC,
.button_button__dZRSb.button_tab__RC45L {
    padding: 11px 16px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 130%;
    letter-spacing: .1px;
    color: var(--color-grey-primary);
    transition: color .2s ease
}

.button_button__dZRSb.button_autoIncrease__uD_yX+.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_autoIncrease__uD_yX+.button_tab__RC45L,
.button_button__dZRSb.button_autoReset__R33EV+.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_autoReset__R33EV+.button_tab__RC45L,
.button_button__dZRSb.button_betOptionCompact__Gmzj8+.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_betOptionCompact__Gmzj8+.button_tab__RC45L,
.button_button__dZRSb.button_betOption__yOLYh+.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_betOption__yOLYh+.button_tab__RC45L,
.button_button__dZRSb.button_gameControl__ElkRq+.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_gameControl__ElkRq+.button_tab__RC45L,
.button_button__dZRSb.button_inputButton__B2DPv+.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_inputButton__B2DPv+.button_tab__RC45L,
.button_button__dZRSb.button_liveFeedTab__Bqsl_+.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_liveFeedTab__Bqsl_+.button_tab__RC45L,
.button_button__dZRSb.button_pagination__pIaaC+.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_pagination__pIaaC+.button_tab__RC45L,
.button_button__dZRSb.button_tab__RC45L+.button_liveFeedTab__Bqsl_,
.button_button__dZRSb.button_tab__RC45L+.button_tab__RC45L {
    margin-left: 8px
}

.button_button__dZRSb.button_autoIncrease__uD_yX:hover,
.button_button__dZRSb.button_autoReset__R33EV:hover,
.button_button__dZRSb.button_betOptionCompact__Gmzj8:hover,
.button_button__dZRSb.button_betOption__yOLYh:hover,
.button_button__dZRSb.button_gameControl__ElkRq:hover,
.button_button__dZRSb.button_inputButton__B2DPv:hover,
.button_button__dZRSb.button_liveFeedTab__Bqsl_:hover,
.button_button__dZRSb.button_pagination__pIaaC:hover,
.button_button__dZRSb.button_tab__RC45L:hover {
    color: var(--color-white-primary)
}

.button_button__dZRSb.button_gameControl__ElkRq,
.button_button__dZRSb.button_liveFeedTab__Bqsl_.button_isActive__tpT2u,
.button_button__dZRSb.button_pagination__pIaaC,
.button_button__dZRSb.button_tab__RC45L.button_isActive__tpT2u {
    line-height: 1.1428571429;
    padding: 12px 16px;
    font-weight: 600;
    background: var(--main-tab-color);
    border-radius: 4px;
    color: var(--color-white-primary)
}

.button_button__dZRSb.button_pagination__pIaaC {
    background: var(--pagination-background-color)
}

.button_button__dZRSb.button_pagination__pIaaC.button_isActive__tpT2u {
    background: var(--pagination-background-active-color) !important
}

.button_button__dZRSb.button_liveFeedTab__Bqsl_.button_isActive__tpT2u {
    background: var(--live-feed-tab-color)
}

.button_button__dZRSb.button_gameControl__ElkRq {
    position: relative;
    padding: 8.5px 16px;
    transition: all .1s linear
}

.button_button__dZRSb.button_gameControl__ElkRq:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    background: linear-gradient(120deg, orange, #daa520, #ff4500);
    background-size: 300% 300%;
    -webkit-clip-path: polygon(0 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0, 0 0);
    clip-path: polygon(0 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0, 0 0);
    transition: all .2s linear;
    opacity: 0;
    transform: scale(1)
}

.button_button__dZRSb.button_gameControl__ElkRq:hover {
    background: var(--color-dark-30)
}

.button_button__dZRSb.button_gameControl__ElkRq.button_clicked___FpNk:after {
    opacity: 1;
    transform: scale(1.2)
}

.button_button__dZRSb.button_gameControl__ElkRq.button_clicked___FpNk span {
    color: #daa520
}

.button_button__dZRSb.button_gameControl__ElkRq.button_clicked___FpNk svg path {
    fill: #daa520
}

.button_button__dZRSb.button_gameControl__ElkRq.button_selected__AhHIr {
    box-shadow: 0 0 15px 7.5px #fff, 0 0 25px 15px #0080ff
}

.button_button__dZRSb.button_gameControl__ElkRq:disabled {
    opacity: 1
}

.button_button__dZRSb.button_gameControl__ElkRq:disabled>* {
    opacity: .3
}

.button_button__dZRSb.button_pagination__pIaaC {
    padding: 0;
    width: 40px;
    height: 34px;
    color: var(--color-grey-extra);
    border-radius: 8px;
    transition: color .2s ease
}

.button_button__dZRSb.button_pagination__pIaaC.button_isActive__tpT2u {
    background: var(--color-accent-blue);
    color: var(--color-white)
}

.button_button__dZRSb.button_square__fMSa0 {
    width: 32px;
    height: 32px
}

.button_button__dZRSb.button_inputButton__B2DPv {
    padding: 4px 12px;
    color: var(--color-grey-extra);
    background: var(--input-button-color);
    border-radius: 8px
}

@media(max-width:1170px) {
    .button_button__dZRSb.button_inputButton__B2DPv {
        padding: 4px 8px
    }
}

.button_button__dZRSb.button_betOptionCompact__Gmzj8,
.button_button__dZRSb.button_betOption__yOLYh {
    padding: 6px 10px;
    background: var(--bet-option-button-color);
    border-radius: 8px;
    color: var(--color-grey-extra)
}

.button_button__dZRSb.button_betOption__yOLYh.button_isActive__tpT2u,
.button_button__dZRSb.button_isActive__tpT2u.button_betOptionCompact__Gmzj8 {
    color: var(--color-white);
    background: var(--color-accent-blue)
}

.button_button__dZRSb.button_functional__S9rty {
    width: 24px;
    height: 24px;
    background: var(--color-dark-50);
    border-radius: 4px;
    transition: background .2s ease
}

.button_button__dZRSb.button_functional__S9rty svg {
    fill: var(--color-grey-primary);
    transition: fill .2s ease
}

.button_button__dZRSb.button_functional__S9rty:hover {
    background: var(--color-dark-40)
}

.button_button__dZRSb.button_functional__S9rty:hover svg {
    fill: var(--color-white-primary)
}

.button_button__dZRSb.button_autoReset__R33EV {
    padding: 7px 12px;
    color: var(--color-grey-extra);
    background: var(--color-dark-30);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.button_button__dZRSb.button_autoReset__R33EV:hover {
    background: var(--color-dark-30)
}

@media(max-width:1170px) {
    .button_button__dZRSb.button_autoReset__R33EV {
        padding: 4px 8px
    }
}

.button_button__dZRSb.button_autoIncrease__uD_yX {
    padding: 7px 12px;
    color: var(--color-grey-extra);
    background: var(--color-dark-90);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.button_button__dZRSb.button_autoIncrease__uD_yX:hover {
    background: var(--color-dark-30)
}

@media(max-width:1170px) {
    .button_button__dZRSb.button_autoIncrease__uD_yX {
        padding: 4px 8px
    }
}

.button_button__dZRSb.button_autoIncrease__uD_yX:active,
.button_button__dZRSb.button_autoReset__R33EV:active {
    background: #193bee
}

.button_button__dZRSb.button_betOptionCompact__Gmzj8 {
    padding: 4px 12px;
    height: 24px;
    align-self: center
}

.button_debug___BL_z {
    height: 16px;
    fill: var(--color-dark-30)
}

.button_debugActive__83d10 {
    fill: var(--color-grey-primary)
}

.error_errorPage__6vGAy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.error_errorPage__6vGAy h1 {
    font-size: 4rem;
    font-weight: 700;
    color: #4672ff;
    margin-bottom: 2rem;
    text-align: center
}

.error_errorPage__6vGAy p {
    max-width: 400px;
    font-size: 2rem;
    font-weight: 400;
    width: max-content;
    color: #8996d9;
    margin: 0 auto;
    text-align: center
}

.loader_loaderScreen__fVbjK {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--spinner-background-color);
    z-index: 999999999999999;
    display: flex;
    justify-content: center;
    align-items: center
}

.loader_loaderScreenCenter__0fFJX {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.loader_loaderScreenCenter__0fFJX img {
    width: 300px
}

@media screen and (max-width:768px) {
    .loader_loaderScreenCenter__0fFJX img {
        width: 250px
    }
}

.loader_loaderScreenCenterLoader__a3gD5 {
    margin: 5px auto
}