:root {
    --token-spacing-xxxxs: 2px;
    --token-spacing-xxxs: 4px;
    --token-spacing-xxs: 6px;
    --token-spacing-xs: 8px;
    --token-spacing-s: 12px;
    --token-spacing-m: 16px;
    --token-spacing-l: 20px;
    --token-spacing-xl: 24px;
    --token-spacing-xxl: 32px;
    --token-spacing-xxxl: 36px;
    --token-spacing-xxxxl: 40px;
    --token-color-amethyst100: #895acc;
    --token-color-beablue30: #6c99ce;
    --token-color-beablue50: #3c73c2;
    --token-color-beaublue10: #bfd1e5;
    --token-color-beaublue20: #95b5d9;
    --token-color-beaublue5: #e4ecf4;
    --token-color-black10: #e8e9eb;
    --token-color-black100: #1e2b37;
    --token-color-black20: #d2d5d7;
    --token-color-black200: #000011;
    --token-color-black40: #a5aaaf;
    --token-color-black5: #f4f4f5;
    --token-color-black60: #5a738b;
    --token-color-black80: #4b555f;
    --token-color-blue10: #e6ecf5;
    --token-color-blue100: #0d47a1;
    --token-color-blue2: #f9fafc;
    --token-color-blue20: #cfdaec;
    --token-color-blue200: #072a60;
    --token-color-blue5: #f3f6fa;
    --token-color-blue50: #86a3d0;
    --token-color-blue80: #3d6cb4;
    --token-color-egyptian100: #0b789b;
    --token-color-green10: #ebf6f5;
    --token-color-green100: #3ea69b;
    --token-color-green20: #d8edeb;
    --token-color-green200: #2b897c;
    --token-color-orange10: #ffeee5;
    --token-color-orange100: #ff5500;
    --token-color-orange20: #ffbb99;
    --token-color-orange200: #cc4400;
    --token-color-orange40: #ff9966;
    --token-color-orange70: #ff7733;
    --token-color-persiangreen100: #00a69c;
    --token-color-purple10: #f7f0f7;
    --token-color-purple100: #b370b0;
    --token-color-red10: #fae5e5;
    --token-color-red100: #d50000;
    --token-color-red20: #f7cccc;
    --token-color-red200: #9b0000;
    --token-color-red5: #fdf2f2;
    --token-color-red70: #e14c4c;
    --token-color-red80: #dd3333;
    --token-color-tosca100: #0dbce8;
    --token-color-water-blue: #1480de;
    --token-color-white: #ffffff;
    --token-color-yellow10: #fefaed;
    --token-color-yellow100: #f7d250;
    --token-color-yellow20: #fdf8e1;
    --token-color-yellow200: #c1a119;
    --token-color-yellow40: #fbeab3;
    --token-color-yellow70: #f9df84
}

.react-tags {
    position: relative;
    font-size: 14px !important;
    font-weight: 400;
    font-family: Inter;
    cursor: text;
    background-clip: padding-box;
    background-color: var(--token-color-white);
    border: 1px solid var(--token-color-black20);
    border-radius: 4px;
    color: var(--token-color-black100);
    display: block;
    padding: var(--token-spacing-xxs) var(--token-spacing-s);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.react-tags.is-active {
    border-color: var(--token-color-blue20)
}

.react-tags.is-disabled {
    opacity: .75;
    background-color: var(--token-color-black10);
    pointer-events: none;
    cursor: not-allowed
}

.react-tags.is-invalid {
    border-color: var(--token-color-red100);
    box-shadow: 0 0 0 2px #fd565340
}

.react-tags__label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.react-tags__list {
    display: inline;
    padding: 0
}

.react-tags__list-item {
    display: inline;
    list-style: none
}

.react-tags__tag {
    margin-right: 8px;
    display: inline-flex;
    padding: 4px 8px;
    align-items: center;
    gap: 4px;
    border-radius: 17px;
    border: 1px solid var(--black-black-40, #a5aaaf);
    background: var(--white-white, #fff);
    font-size: 12px;
    line-height: inherit
}

.react-tags__tag:hover {
    background-color: var(--token-color-blue20)
}

.react-tags__tag:after {
    content: "";
    display: inline-block;
    width: .65rem;
    height: .65rem;
    clip-path: polygon(10% 0, 0 10%, 40% 50%, 0 90%, 10% 100%, 50% 60%, 90% 100%, 100% 90%, 60% 50%, 100% 10%, 90% 0, 50% 40%);
    margin-left: .5rem;
    font-size: .875rem;
    background-color: #7c7d86
}

.react-tags__tag:hover:after {
    background-color: var(--token-color-white)
}

.react-tags__combobox {
    display: inline-block;
    max-width: 100%
}

.react-tags__combobox-input {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    font-size: inherit;
    line-height: inherit
}

.react-tags__combobox-input::placeholder {
    color: #7c7d86;
    font-size: 12px;
    opacity: 1
}

.react-tags__listbox {
    position: absolute;
    z-index: 1;
    top: calc(100% + 5px);
    left: -2px;
    right: -2px;
    max-height: 12.5rem;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #afb8c1;
    border-radius: 6px;
    box-shadow: #0000001a 0 10px 15px -4px, #0000000d 0 4px 6px -2px
}

.react-tags__listbox-option {
    padding: .375rem .5rem
}

.react-tags__listbox-option:hover {
    cursor: pointer;
    background: #eaeef2
}

.react-tags__listbox-option:not([aria-disabled=true]).is-active {
    background: var(--token-color-blue20)
}

.react-tags__listbox-option[aria-disabled=true] {
    color: #7c7d86;
    cursor: not-allowed;
    pointer-events: none
}

.react-tags__listbox-option[aria-selected=true]:after {
    content: "✓";
    margin-left: .5rem
}

.react-tags__listbox-option[aria-selected=true]:not(.is-active):after {
    color: var(--token-color-blue100)
}

.react-tags__listbox-option-highlight {
    background-color: #fd0
}

[class*=font-body-], [class*=font-heading-] {
    color: var(--token-color-black100)
}

.font-body-XsRegular {
    font-size: 10px !important;
    line-height: 12px;
    font-weight: 400;
    font-family: Inter
}

.font-body-XsSemibold {
    font-size: 10px !important;
    line-height: 12px;
    font-weight: 600;
    font-family: Inter
}

.font-body-SmRegular {
    font-size: 12px !important;
    line-height: 18px;
    font-weight: 400;
    font-family: Inter
}

.font-body-SmSemibold {
    font-size: 12px !important;
    line-height: 18px;
    font-weight: 600;
    font-family: Inter
}

.font-body-MdRegular {
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 400;
    font-family: Inter
}

.font-body-MdSemibold {
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 600;
    font-family: Inter
}

.font-body-LgSemibold {
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 600;
    font-family: Inter
}

.font-body-LgRegular {
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 400;
    font-family: Inter
}

.font-body-XlSemibold {
    font-size: 18px !important;
    line-height: 24px;
    font-weight: 600;
    font-family: Inter
}

.font-body-XlRegular {
    font-size: 18px !important;
    line-height: 24px;
    font-weight: 400;
    font-family: Inter
}

.font-heading-Xs {
    font-size: 16px !important;
    line-height: 24px;
    font-family: Barlow
}

.font-heading-Sm {
    font-size: 18px !important;
    line-height: 24px;
    font-family: Barlow
}

.font-heading-Md {
    font-size: 24px !important;
    line-height: 28px;
    font-family: Barlow
}

.font-heading-Lg {
    font-size: 32px !important;
    line-height: 48px;
    font-family: Barlow
}

.font-heading-Xl {
    font-size: 44px !important;
    line-height: 52px;
    font-family: Barlow
}

.font-heading-Xxl {
    font-size: 56px !important;
    line-height: 68px;
    font-family: Barlow
}

.Accordion-module_section__zqbHv {
    display: flex;
    flex-direction: column
}

.Accordion-module_accordion__CAI6Y {
    align-items: center;
    background-color: var(--token-color-white);
    border-bottom: 1px solid var(--token-color-black10);
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: var(--token-color-black100);
    cursor: pointer;
    display: flex;
    outline: none;
    padding: var(--token-spacing-m);
    transition: background-color .6s ease
}

.Accordion-module_isBlueBackground__bJPRo {
    background-color: var(--token-color-blue5);
    border-bottom: 1px solid var(--token-color-blue10)
}

.Accordion-module_borderAll__4Xkas {
    border: 1px solid var(--token-color-black10);
    border-radius: 6px
}

.Accordion-module_withoutBorderBottom__CRQWm {
    border-bottom: 0;
    border-radius: inherit
}

.Accordion-module_title__fA5x2 {
    font-size: 14px;
    font-weight: 600;
    text-align: left
}

.Accordion-module_content__jdLjG {
    background-color: #fff;
    border-bottom: 1px solid var(--token-color-black10);
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    overflow: auto;
    transition: all .2s ease
}

.Accordion-module_text__LA8Pl {
    font-size: 14px;
    font-weight: 400;
    padding: 16px
}

.Accordion-module_accordionGroup__UhWbA {
    border: 1px solid var(--token-color-black10);
    border-bottom: none;
    border-radius: 4px;
    overflow: hidden
}

.Accordion-module_arrowTagContainer__vqnw9 {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    padding-left: 12px
}

.Accordion-module_arrowTagLabel__hvmPD {
    margin-right: var(--token-spacing-l)
}

.Badge-module_container__qLQcD {
    border-radius: 16px;
    display: inline-block
}

.Badge-module_content__wSQke {
    align-items: center;
    display: flex;
    flex-direction: row
}

.Badge-module_success__08FXQ {
    background-color: var(--token-color-green10)
}

.Badge-module_error__DL-tB {
    background-color: var(--token-color-red10)
}

.Badge-module_warning__QW7DJ {
    background-color: var(--token-color-yellow10)
}

.Badge-module_default__mZJ-C {
    background-color: var(--token-color-blue10)
}

.Breadcrumbs-module_container__yseM0 {
    margin-bottom: 0;
    padding-left: 0
}

.Breadcrumbs-module_item__qoOeG {
    display: inline-block
}

.ArmPointer-module_container__QcEMF {
    height: 12px
}

.CoachMark-module_armPointerContainer__wpIjp {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.CoachMark-module_hide__Sz0qO {
    display: none
}

.CoachMark-module_messageContainer__cK1UF {
    position: fixed;
    width: 360px
}

.CoachMark-module_positionRelative__4rJWe {
    position: relative
}

.Highlighter-module_container__TcQtt {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.Highlighter-module_hide__tZz-T {
    display: none
}

.DotSteppers-module_container__beDIF {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.DotSteppers-module_dot__rSfJD {
    background-color: var(--token-color-black40);
    border-radius: 50%;
    margin: 2px
}

.DotSteppers-module_active__N68Ea {
    background-color: var(--token-color-blue100)
}

.MessageContainer-module_container__DlQ94 {
    background: var(--token-color-white);
    border-radius: 4px;
    box-shadow: 0 0 8px 0 var(--token-color-black80);
    max-width: 360px;
    position: relative;
    width: 100%
}

.MessageContainer-module_borderBottom__730EU {
    border-bottom: 1px solid var(--token-color-black10)
}

.EmptyState-module_container__A-58Q {
    align-items: flex-start;
    background: #fff;
    display: flex;
    flex-direction: column;
    margin: 16px;
    min-height: 163px;
    text-align: center
}

@media (min-width: 425px) {
    .EmptyState-module_container__A-58Q {
        margin: 72px;
        max-width: 568px
    }
}

@media (min-width: 768px) {
    .EmptyState-module_container__A-58Q {
        margin-left: 136px;
        max-width: 954px
    }
}

.Contents-module_contents__W6TVa {
    border-top: 1px solid var(--token-color-blue10);
    display: flex;
    flex-direction: column;
    gap: 36px 48px;
    margin-top: 36px;
    padding-top: 36px
}

.Contents-module_mainContent__fGNiR {
    border-bottom: 1px solid var(--token-color-blue10);
    display: flex;
    flex-direction: column;
    gap: 32px 16px;
    max-width: 100%;
    padding-bottom: 36px
}

.Contents-module_image__I1uJp {
    min-width: 150px;
    overflow: hidden
}

.Contents-module_img__8zT-S {
    aspect-ratio: 3/2;
    object-fit: cover;
    width: 100%
}

.Contents-module_article__0text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    justify-content: center;
    text-align: start
}

.Contents-module_youtube__Nlchs {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 6px 16px;
    max-width: 100%;
    text-align: start
}

.Contents-module_playButton__pbD1d {
    max-width: 50%;
    position: relative
}

.Contents-module_circlePlay__leEMV {
    background-color: var(--token-color-blue100);
    border-radius: 30px;
    box-shadow: 1px 1px 2px #0003;
    cursor: pointer;
    height: 40px;
    margin: -28px;
    outline: 7px solid #fff;
    position: absolute;
    right: 53%;
    top: 58%;
    width: 40px
}

.Contents-module_circlePlay__leEMV:hover {
    background-color: var(--token-color-blue80)
}

.Contents-module_circlePlay__leEMV:active {
    background-color: var(--token-color-blue200)
}

.Contents-module_trianglePlay__2ItcN {
    border-bottom: 9px solid transparent;
    border-left: 16px solid #fff;
    border-top: 9px solid transparent;
    height: 0;
    left: 14px;
    position: absolute;
    top: 12px;
    width: 0
}

.Contents-module_buttons__Ju8VG {
    align-items: center;
    align-items: stretch;
    display: flex;
    gap: 8px
}

@media (min-width: 425px) {
    .Contents-module_mainContent__fGNiR {
        flex-direction: row
    }

    .Contents-module_article__0text, .Contents-module_image__I1uJp {
        max-width: 50%
    }
}

@media (min-width: 768px) {
    .Contents-module_contents__W6TVa {
        flex-direction: row
    }

    .Contents-module_mainContent__fGNiR {
        border-bottom: none;
        max-width: 66%;
        padding-bottom: 0
    }

    .Contents-module_youtube__Nlchs {
        flex-direction: column;
        max-width: 33%
    }

    .Contents-module_playButton__pbD1d {
        max-width: 100%
    }
}

.InfoAction-module_title__ZEV2e {
    padding: 48px 0 7px
}

.InfoAction-module_text__K9LHa {
    text-align: start
}

.InfoAction-module_buttons__7mQWo {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-start;
    padding: 16px 0 18px
}

.InfoAction-module_container__SpFtc {
    max-width: 970px
}

.DataNotFound-module_notFound__AqdH6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 7px
}

.DataNotFound-module_buttons__p1exd {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-start;
    padding: 16px 0 18px
}

.ImageViewer-module_container__z6s0F {
    position: relative
}

.ImageViewer-module_pointer__-qYg7 {
    overflow: hidden
}

.ImageViewer-module_pointer__-qYg7:hover {
    cursor: pointer;
    filter: blur(2px);
    -webkit-filter: blur(2px);
    transition: all .3s
}

.ImageViewer-module_buttonContainer__jvUqD {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 5%;
    text-align: center;
    top: 5%;
    z-index: 2
}

.ImageViewer-module_button__yNITc {
    background-color: var(--token-color-black200)
}

.IconButton-module_buttonBase__ZCauf {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    outline: none;
    transition: background-color, color, border-color, .3s
}

.IconButton-module_fullWidth__jmln0 {
    width: 100%
}

.IconButton-module_secondary__HXJ6S:hover {
    background-color: var(--token-color-black5)
}

.IconButton-module_buttonBase__ZCauf:focus {
    outline: none
}

.IconButton-module_buttonBase__ZCauf:hover {
    cursor: pointer
}

.IconButton-module_buttonBase__ZCauf:disabled {
    cursor: not-allowed;
    filter: grayscale(1) brightness(2.5)
}

.IconButton-module_secondary__HXJ6S.IconButton-module_pressed__PwX9M, .IconButton-module_secondary__HXJ6S:active {
    background-color: var(--token-color-black20)
}

.IconButton-module_secondary__HXJ6S.IconButton-module_round__8Ueu8 {
    background-color: var(--token-color-black80)
}

.IconButton-module_secondary__HXJ6S.IconButton-module_round__8Ueu8:hover {
    background-color: var(--token-color-black60)
}

.IconButton-module_secondary__HXJ6S.IconButton-module_round__8Ueu8.IconButton-module_pressed__PwX9M, .IconButton-module_secondary__HXJ6S.IconButton-module_round__8Ueu8:active {
    background-color: var(--token-color-black200)
}

.IconButton-module_round__8Ueu8:disabled {
    filter: none
}

.IconButton-module_round__8Ueu8:disabled, .IconButton-module_round__8Ueu8:hover:disabled {
    background-color: var(--token-color-black40)
}

.IconButton-module_extraMini__jzcQ- {
    height: 18px;
    padding: var(--token-spacing-xxxs)
}

.InputChip-module_container__o9Efg {
    align-items: center;
    background-color: var(--token-color-black10);
    border-radius: var(--token-spacing-m);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--token-spacing-xxs) var(--token-spacing-xs) var(--token-spacing-xxxs) var(--token-spacing-s)
}

.CircularProgressBar-module_loaderContainer__vX2CN {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center;
    width: 308px
}

.CircularProgressBar-module_loaderContent__R0hZp {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.CircularProgressBar-module_loaderBackdropContainer__yQw14 {
    background-color: var(--token-color-white);
    border-radius: 10px;
    min-width: 256px
}

.CircularProgressBar-module_backdropCloseIcon__PYLCk {
    display: flex;
    justify-content: flex-end;
    margin: var(--token-spacing-s) var(--token-spacing-s) 0 0
}

.CircularProgressBar-module_backdropIconPointer__qeLKf {
    cursor: pointer
}

.CircularProgressBar-module_circleBackground__T1kec, .CircularProgressBar-module_circleProgress__zrntN {
    fill: none
}

.CircularProgressBar-module_circleBackground__T1kec {
    stroke: var(--token-color-black10)
}

.CircularProgressBar-module_circleProgress__zrntN {
    stroke: var(--token-color-blue100);
    stroke-linecap: round;
    stroke-linejoin: round
}

.CircularProgressBar-module_circleText__uPpOe {
    fill: var(--token-color-blue100)
}

.CircularProgressComplete-module_loaderContainer__l3nxS {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center
}

.CircularProgressComplete-module_loaderContent__-O262 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.CircularProgressComplete-module_loaderBackdropContainer__mRCN1 {
    background-color: var(--token-color-white);
    border-radius: 10px;
    min-width: 256px
}

.CircularProgressComplete-module_backdropCloseIcon__h3Xeg {
    display: flex;
    justify-content: flex-end;
    margin: var(--token-spacing-s) var(--token-spacing-s) 0 0
}

.CircularProgressComplete-module_backdropIconPointer__exxwH {
    cursor: pointer
}

.CircularProgressComplete-module_container__6E6x3 {
    display: grid
}

.CircularProgressComplete-module_icon__2FUKK {
    grid-column: 1;
    grid-row: 1;
    margin: auto
}

.CircularProgressComplete-module_circleContainer__oQHZr {
    grid-column: 1;
    grid-row: 1
}

.CircularProgressComplete-module_circleBackground__0LQDz, .CircularProgressComplete-module_circleProgress__Yxt8E {
    fill: none
}

.CircularProgressComplete-module_circleBackground__0LQDz {
    stroke: var(--token-color-black10)
}

.CircularProgressComplete-module_circleProgress__Yxt8E {
    stroke: var(--token-color-green200);
    stroke-linecap: round;
    stroke-linejoin: round
}

.LineProgress-module_container__z7ukL {
    background-color: var(--token-color-black40);
    border-radius: 8px;
    height: 10px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0
}

.LineProgress-module_progress__kiVZ8 {
    border-radius: 8px;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.Loader-module_loaderContainer__8c9hR {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center
}

.Loader-module_loaderContent__--RLm {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.Loader-module_loaderBackdropContainer__wdikR {
    background-color: var(--token-color-white);
    border-radius: 10px;
    min-width: 256px
}

.Loader-module_spin__VT1i- {
    -webkit-animation: Loader-module_rotation__X-SIn 2s linear infinite;
    -moz-animation: Loader-module_rotation__X-SIn 2s linear infinite;
    -o-animation: Loader-module_rotation__X-SIn 2s linear infinite;
    animation: Loader-module_rotation__X-SIn 2s linear infinite;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%
}

@-webkit-keyframes Loader-module_rotation__X-SIn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes Loader-module_rotation__X-SIn {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes Loader-module_rotation__X-SIn {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes Loader-module_rotation__X-SIn {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.RecordsTable-module_container__5XIdQ {
    min-width: 100%;
    padding: var(--token-spacing-m) var(--token-spacing-m) 0
}

.Table-module_recordsTable__qhxhY {
    color: #000;
    display: flex;
    flex-direction: column;
    min-width: 100%;
    position: relative
}

.Table-module_loaderBackdrop__aZ1Cn {
    align-items: center;
    background-color: #fffc;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    transition-duration: .2s;
    transition-property: opacity, visibility, z-index;
    visibility: hidden;
    z-index: -1
}

.Table-module_loaderBackdrop__aZ1Cn.Table-module_loading__yKojr {
    opacity: 1;
    visibility: visible;
    z-index: 5
}

.Table-module_tableContainer__-NndK {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.Table-module_tableWrapper__Q4c5n {
    border: 1px solid #e8e9eb;
    overflow: auto
}

@supports (scrollbar-width:thin) {
    .Table-module_tableWrapper__Q4c5n {
        scrollbar-color: var(--token-color-blue100) var(--token-color-blue5);
        scrollbar-width: thin
    }
}

.Table-module_tableWrapper__Q4c5n::-webkit-scrollbar {
    height: var(--token-spacing-xs);
    width: var(--token-spacing-xs)
}

.Table-module_tableWrapper__Q4c5n::-webkit-scrollbar-track {
    background-color: var(--token-color-blue5)
}

.Table-module_tableWrapper__Q4c5n::-webkit-scrollbar-thumb {
    background-color: var(--token-color-blue80);
    border-radius: var(--token-spacing-xs)
}

.Table-module_tableWrapper__Q4c5n::-webkit-scrollbar-thumb:hover {
    background-color: var(--token-color-blue100)
}

.Table-module_table__b5oYF {
    min-width: 100%
}

.Table-module_tr__a6-Ls {
    border-bottom: 1px solid var(--token-color-black10);
    display: flex
}

.Table-module_thead__LgFnw {
    background-color: #e8e9eb;
    position: sticky;
    top: 0;
    z-index: 3
}

.Table-module_tbody__R5ArZ {
    background-color: #fff;
    overflow: visible
}

.Table-module_td__9sTPf {
    background-color: #fff;
    display: flex;
    overflow: hidden;
    padding: var(--token-spacing-m);
    text-overflow: ellipsis;
    white-space: nowrap
}

.Table-module_tr__a6-Ls:has(.Table-module_td__9sTPf):not(:last-child) {
    border-bottom: 1px solid #e8e9eb
}

.Table-module_tr__a6-Ls > :first-child {
    justify-content: center;
    text-align: center
}

.TablePagination-module_container__r-R79 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.TablePagination-module_pagination__YkQqs {
    align-items: center;
    display: flex;
    gap: 10px
}

.TablePagination-module_pageInfo__-gmiU {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center
}

.TablePagination-module_pageInfo__-gmiU > input {
    max-width: 70px;
    padding: 5px 7px;
    text-align: center
}

.TablePagination-module_pageOptions__bfLRX {
    align-items: center;
    display: flex;
    gap: 8px
}

.Th-module_th__mx74E {
    background-color: #e8e9eb;
    font-weight: 700;
    overflow: hidden;
    padding: var(--token-spacing-m);
    position: relative;
    text-overflow: ellipsis;
    transition: box-shadow .2s;
    white-space: nowrap
}

.Th-module_th__mx74E.Th-module_sortable__IZJP- {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.Th-module_th__mx74E.Th-module_asc__ztoLN {
    box-shadow: inset 0 3px #0009
}

.Th-module_th__mx74E.Th-module_desc__2CdfQ {
    box-shadow: inset 0 -3px #0009
}

.Th-module_resizer__bBmo9 {
    cursor: col-resize;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none;
    transition: background-color .1s;
    -webkit-user-select: none;
    user-select: none;
    width: var(--token-spacing-m);
    z-index: 10
}

.Th-module_resizer__bBmo9:hover {
    background-color: #0003
}

.TableHeader-module_container__I17lU {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--token-spacing-m)
}

.TableHeader-module_buttonGroup__rAI4p {
    align-items: flex-start;
    display: flex;
    gap: var(--token-spacing-xs)
}

.TableSearchInput-module_searchWrap__OIc08 {
    align-items: center;
    display: flex
}

.TableSearchInput-module_searchWrap__OIc08 div:has(.TableSearchInput-module_searchButton__kmy3v) {
    bottom: var(--token-spacing-xxxs);
    position: absolute;
    right: var(--token-spacing-xxxs);
    top: var(--token-spacing-xxxs)
}

.TableSearchInput-module_searchButton__kmy3v svg {
    background-color: transparent;
    position: static !important
}

.TableSearchInput-module_input__bx13F {
    height: 40px;
    min-width: 340px
}

.ExportReportsEmailModal-module_infoContainer__UNlAt {
    margin-top: 16px
}

.ExportReportsEmailModal-module_info__q0ye- {
    align-items: center;
    display: flex
}

.ExportReportsEmailModal-module_modalBody__-8m-J {
    padding: 16px 24px
}

.ExportReportsEmailModal-module_modalContainer__wErLc {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ExportReportsEmailModal-module_modalIcon__lFW9L {
    margin-bottom: 16px
}

.ExportReportsEmailModal-module_textAlignCenter__Z9geG {
    text-align: center
}

.ExportReportsGuardModal-module_modalBody__3clQp {
    padding: 16px 24px
}

.ExportReportsGuardModal-module_modalContainer__nfKhL {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ExportReportsGuardModal-module_textAlignCenter__nbZOd {
    text-align: center
}

.ExportLoaderMessage-module_info__B--B- {
    gap: var(--token-spacing-xs)
}

.ExportLoaderMessage-module_modalContainer__H-8Pu {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ExportLoaderMessage-module_modalIcon__OvNYd {
    margin-bottom: 16px
}

.ExportLoaderMessage-module_infoContainer__D6ebB {
    border: 1px solid var(--token-color-black10);
    border-radius: 4px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px
}

.ExportLoaderMessage-module_info__B--B- {
    align-items: center;
    display: flex
}

.ExportLoaderMessage-module_spin__j91-1 {
    -webkit-animation: ExportLoaderMessage-module_rotation__Az0l9 2s linear infinite;
    -moz-animation: ExportLoaderMessage-module_rotation__Az0l9 2s linear infinite;
    -o-animation: ExportLoaderMessage-module_rotation__Az0l9 2s linear infinite;
    animation: ExportLoaderMessage-module_rotation__Az0l9 2s linear infinite;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%
}

@-webkit-keyframes ExportLoaderMessage-module_rotation__Az0l9 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes ExportLoaderMessage-module_rotation__Az0l9 {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes ExportLoaderMessage-module_rotation__Az0l9 {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes ExportLoaderMessage-module_rotation__Az0l9 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.RecordsTable-module_container__2XONy {
    background: #fff;
    min-width: 100%
}

.RecordsTable-module_table__0X73y {
    min-width: 100%
}

.RecordsTable-module_tr__9byj- {
    background-color: #fff;
    border-bottom: 1px solid var(--token-color-black10);
    display: flex;
    width: 100%
}

.RecordsTable-module_thead__q6uzT {
    background-color: #fff;
    box-shadow: 0 1px 4px #a6abb099;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 3
}

.RecordsTable-module_thead__q6uzT:hover .RecordsTable-module_th__U5nJT {
    border-right: 1px solid #d2d5d7
}

.RecordsTable-module_trDefault__xC0EX > :first-child {
    justify-content: center;
    text-align: center
}

.RecordsTable-module_forceLeft__RyoSY {
    background-color: inherit;
    border-bottom: 1px solid var(--token-color-black10);
    display: flex;
    justify-content: left;
    text-align: left
}

.RecordsTable-module_sticky__VqlWi {
    background: inherit;
    box-shadow: -3px 0 3px -.5px #0003;
    display: flex;
    position: sticky;
    right: 0;
    top: 0
}

.RecordsTable-module_overflow__8i-6n {
    overflow: auto;
    width: 100%
}

.RecordsTable-module_stick__gIyGD {
    position: sticky !important;
    top: -16px;
    z-index: 1
}

@media (max-width: 414px) {
    .RecordsTable-module_sticky__VqlWi {
        background: inherit;
        box-shadow: none;
        display: flex;
        position: inherit;
        right: auto;
        top: auto
    }
}

.RecordsTable-module_tooltip__jgOoe {
    border-radius: var(--token-spacing-xxs) !important;
    font-size: 12px;
    line-height: 18px;
    padding: var(--token-spacing-xxxs) 10px !important;
    z-index: 12
}

.Table-module_recordsTable__-6vFL {
    color: #000;
    display: flex;
    flex-direction: column;
    min-width: 100%
}

.Table-module_loader__sHt1u {
    margin-top: 20vh
}

.Table-module_tableContainer__aiFGn {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.Table-module_sticky__73DGT {
    align-items: center;
    background: inherit;
    box-shadow: -3px 0 3px -.5px #0003;
    display: flex;
    position: sticky !important;
    right: 0;
    top: 200px
}

.Table-module_pointer__qXklh {
    cursor: pointer
}

.Table-module_tableWrapper__ou2-- {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.Table-module_tableWrapper__ou2--::-webkit-scrollbar {
    display: none
}

.Table-module_table__8tgI5 {
    min-width: 100%
}

.Table-module_tr__dswgK {
    background-color: #fff;
    border-bottom: 1px solid var(--token-color-black10);
    display: flex
}

@media (prefers-reduced-motion) {
    .Table-module_tbody__3oClR > .Table-module_tr__dswgK {
        transition: background-color .2s ease
    }
}

.Table-module_tbody__3oClR > .Table-module_tr__dswgK:nth-child(2n) {
    background-color: var(--token-color-blue2)
}

.Table-module_tbody__3oClR > .Table-module_tr__dswgK:hover {
    background-color: var(--token-color-blue10)
}

.Table-module_tbody__3oClR > .Table-module_tr__dswgK:active {
    background-color: var(--token-color-blue20)
}

.Table-module_thead__j9kyn {
    background-color: #fff;
    box-shadow: 0 1px 4px #a6abb099;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 3
}

.Table-module_tbody__3oClR {
    background-color: #fff;
    overflow: visible
}

.Table-module_td__q9Igh {
    display: flex;
    min-height: 52px;
    overflow-x: hidden;
    overflow-y: visible;
    padding: var(--token-spacing-m);
    text-overflow: ellipsis;
    white-space: nowrap
}

.Table-module_td__q9Igh.Table-module_numeric__0-ckT {
    justify-content: flex-end
}

.Table-module_bold__poJjz {
    font-weight: 600
}

.Table-module_tr__dswgK:has(.Table-module_td__q9Igh):not(:last-child) {
    border-bottom: 1px solid #e8e9eb
}

.Table-module_nonStickyDefault__337hz > :first-child {
    justify-content: center;
    text-align: center
}

.Table-module_forceLeft__llYN- {
    background-color: inherit;
    border-bottom: 1px solid var(--token-color-black10);
    display: flex;
    justify-content: left;
    text-align: left
}

.Table-module_nonSticky__wc9W6 {
    align-items: center;
    display: flex;
    justify-content: left !important;
    width: 100%
}

@media (max-width: 414px) {
    .Table-module_sticky__73DGT {
        background: inherit;
        box-shadow: none;
        display: flex;
        position: inherit;
        right: auto;
        top: auto
    }
}

.CustomColumnModal-module_columnsGrid__om3-T {
    column-gap: 8px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 16px;
    row-gap: 12px
}

.CustomColumnModal-module_columnsGrid__om3-T label {
    border: 1px solid var(--token-color-black10);
    border-radius: 2px;
    justify-self: flex-start;
    margin-bottom: 0 !important;
    padding: 4px
}

.CustomColumnModal-module_columnList__af-z2 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px
}

.CustomColumnModal-module_footer__ozve9 {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-end
}

.CustomColumnModal-module_error__FBfdD {
    padding: 8px 0
}

.DateFilterModal-module_footer__PmZSM {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-end
}

.DateFilterModal-module_italicFont__NPnbU {
    font-style: italic;
    font-weight: 700
}

.DateFilterModal-module_modalContainer__3EmZ9 {
    max-height: 450px;
    max-width: 654px
}

.DateFilterModal-module_modalBody__evdw0 {
    border: 0;
    padding-left: 15px;
    padding-right: 15px
}

.DateFilterModal-module_modalRow__brz3c {
    display: flex;
    flex-direction: row
}

.DateFilterModal-module_dateInputContainer__A8OWt {
    margin-top: 16px
}

.DateFilterModal-module_dateContainer__5FgxV {
    width: 180
}

.DateFilterModal-module_dateText__EYnJy {
    margin: 5px 10px 2px;
    text-align: center
}

.TableConfig-module_wrapper__Y27pC {
    background-color: #fff;
    border-bottom: 3px solid #e8e9eb;
    border-top: 1px solid #e8e9eb;
    padding: 0 24px
}

.TableConfig-module_container__G2X-K {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    max-height: 50px;
    padding: 8px 0
}

.TableConfig-module_container__G2X-K .TableConfig-module_button__fQPbX {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #1e2b37 !important;
    display: inline-flex;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    padding: 0;
    transition: all .2s
}

.TableConfig-module_container__G2X-K .TableConfig-module_button__fQPbX svg {
    fill: #000
}

.TableConfig-module_buttonGroup__yhQ1L {
    align-items: center;
    display: flex
}

.TableConfig-module_buttonGroup__yhQ1L .TableConfig-module_button__fQPbX:hover {
    color: #0d47a1 !important
}

.TableConfig-module_buttonGroup__yhQ1L .TableConfig-module_button__fQPbX:hover svg {
    fill: #0d47a1 !important
}

.TableConfig-module_buttonGroup__yhQ1L .TableConfig-module_button__fQPbX:active {
    color: #072a60 !important
}

.TableConfig-module_buttonGroup__yhQ1L .TableConfig-module_button__fQPbX:active svg {
    fill: #072a60 !important
}

.TableConfig-module_exportButton__0A6M6 {
    border: 1px solid #d2d5d7 !important;
    border-radius: 4px;
    margin-left: 20px;
    padding: 6px 8px !important
}

.TableConfig-module_exportButton__0A6M6:hover {
    background: #f3f6fa !important;
    border-color: #0d47a1 !important
}

.TableConfig-module_exportButton__0A6M6:active {
    background: #e6ecf5 !important;
    border-color: #072a60 !important
}

.TableConfig-module_divider__ermGY {
    background-color: var(--token-color-black10);
    height: 20px;
    margin: 0 16px;
    width: 1px
}

.TableConfig-module_filterTags__PEOS0 {
    align-items: center;
    display: flex;
    gap: 10px;
    padding-bottom: 12px
}

.TableConfig-module_exportOptionContainer__HQP8B {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, 168px);
    margin-top: 18px;
    overflow: auto
}

.TableConfig-module_exportOptionContainer__HQP8B::-webkit-scrollbar {
    display: none
}

.TableConfig-module_exportOptionContainer__HQP8B {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.TableConfig-module_exportOption__PkVZ0 {
    align-items: center;
    border: 1px solid var(--token-color-black10);
    border-radius: 8px;
    color: var(--token-color-black100);
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 168px
}

.TableConfig-module_exportOptionActive__CtQzJ {
    border: 1px solid var(--token-color-blue100);
    color: var(--token-color-blue100)
}

.TableConfig-module_exportModalFooter__daTza {
    display: flex;
    gap: 16;
    justify-content: flex-end
}

.TableConfig-module_infoContainer__n4vq8 {
    margin-top: 16px
}

.TableConfig-module_info__n25r2 {
    align-items: center;
    display: flex
}

.TableDateFilter-module_container__8AwRh {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.TableDateFilter-module_icon__TARp8 {
    margin-right: 4px
}

.TablePagination-module_container__BHprL {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 -1px 4px #a6abb099;
    position: sticky
}

.TablePagination-module_wrapper__9ibCC {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 24px;
    position: relative
}

.TablePagination-module_pagination__8ublj {
    align-items: center;
    display: flex;
    gap: 10px
}

.TablePagination-module_pageInfo__BI6A5 {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center
}

.TablePagination-module_pageInfo__BI6A5 > input {
    max-width: 70px;
    padding: 5px 7px;
    text-align: center
}

.TablePagination-module_pageOptions__mvZzH {
    align-items: center;
    display: flex;
    gap: 8px
}

.page-select__indicator-separator {
    display: none
}

.page-select__indicator {
    padding: 0 !important
}

.page-select__indicator > svg {
    height: 20px;
    width: 20px
}

.TablePagination-module_inputPage__pA9Ly {
    max-height: 26px;
    max-width: 64px;
    text-align: center
}

.Th-module_th__DZ9dw {
    align-items: center;
    background-color: #fff;
    color: var(--token-color-black80);
    display: flex;
    font-size: 14px;
    gap: 4px;
    line-height: 20px;
    overflow: hidden;
    padding: var(--token-spacing-s) var(--token-spacing-m);
    position: relative;
    text-overflow: ellipsis;
    transition: background-color .2s ease;
    white-space: nowrap
}

.Th-module_th__DZ9dw.Th-module_sortable__4elfe {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.Th-module_th__DZ9dw.Th-module_sortable__4elfe:hover {
    background-color: var(--token-color-blue10);
    z-index: 3
}

.Th-module_th__DZ9dw.Th-module_sortable__4elfe:active {
    background-color: var(--token-color-blue20)
}

.Th-module_th__DZ9dw svg {
    display: block;
    min-height: 12px;
    min-width: 12px
}

.Th-module_resizer__-jsCv {
    cursor: col-resize;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none;
    transition: background-color .1s;
    -webkit-user-select: none;
    user-select: none;
    width: var(--token-spacing-m);
    z-index: 10
}

.Th-module_th__DZ9dw:hover .Th-module_resizer__-jsCv {
    background-color: #0003
}

.Th-module_tooltipResizerContainer__-eFPy {
    height: 100%;
    margin-bottom: -16px;
    margin-right: -16px;
    width: 16px
}

.Th-module_spacer__eK4Db {
    flex-grow: 1
}

.TableAdvanceSearchInput-module_searchSection__JkY1q {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    position: relative
}

.TableAdvanceSearchInput-module_searchItemContainer__20Z1v {
    background: #fff;
    border: 1px solid var(--blue-blue-20, #cfdaec);
    border-radius: 4px;
    box-shadow: 0 4px 14px #00000040;
    margin-top: 11px;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 4
}

.TableAdvanceSearchInput-module_searchItemBox__wCoJW {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 90%
}

.TableAdvanceSearchInput-module_searchItemIconBox__rBbAA {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 10%
}

.TableAdvanceSearchInput-module_searchItemLine__kmhi0 {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    padding: 10px 15px
}

.TableAdvanceSearchInput-module_searchItemActive__SHuew, .TableAdvanceSearchInput-module_searchItemLine__kmhi0:hover {
    background: var(--blue-blue-5, #f3f6fa)
}

.TableAdvanceSearchInput-module_container__090-k {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    position: relative;
    width: 100%
}

.TableAdvanceSearchInput-module_icon__hqVcW {
    left: var(--token-spacing-xxxs);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.TableAdvanceSearchInput-module_iconSearchItem__QBt6h {
    border: 1px solid var(--blue-blue-100, #0d47a1);
    border-radius: 50%;
    padding: 2px
}

.TableAdvanceSearchInput-module_input__ZZMkI {
    border: 0;
    caret-color: #0d47a1;
    color: #1e2b37;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 28px;
    width: 100%
}

.TableAdvanceSearchInput-module_input__ZZMkI::placeholder {
    color: #a5aaaf;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.TableAdvanceSearchInput-module_searchItemNameText__tD496 {
    color: var(--black-black-100, #1e2b37);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.TableAdvanceSearchInput-module_searchItemNameTextBold__dr-c- {
    color: var(--black-black-100, #1e2b37);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.TableAdvanceSearchInput-module_searchItemDescriptionText__Ttws4 {
    color: var(--black-black-60, #5a738b);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.TableButton-module_container__Vb-wv {
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    color: var(--text-color);
    display: inline-flex;
    gap: 4px;
    padding: 6px 8px;
    text-decoration: none
}

.TableButton-module_container__Vb-wv.TableButton-module_primary__r9O1I {
    --text-color: var(--token-color-blue100)
}

.TableButton-module_container__Vb-wv.TableButton-module_destructive__MuGmp {
    --text-color: var(--token-color-red100)
}

.TableButton-module_container__Vb-wv:hover {
    background-color: var(--token-color-blue10)
}

.TableButton-module_container__Vb-wv:active {
    background-color: var(--token-color-blue20)
}

.TablePill-module_container__-UEEC {
    align-items: center;
    border-radius: 20px;
    display: inline-flex;
    gap: 4px;
    padding: 2px 12px
}

.TablePill-module_tooltip__nS60E {
    border-radius: 6px;
    opacity: 1;
    padding: 4px 8px
}

.TableSearchInput-module_container__By6w3 {
    align-items: center;
    display: flex;
    flex: 1;
    position: relative
}

.TableSearchInput-module_icon__a89-N {
    left: var(--token-spacing-xxxs);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.TableSearchInput-module_input__Jtcgy {
    border: 0;
    caret-color: #0d47a1;
    color: #1e2b37;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 28px;
    width: 100%
}

.TableSearchInput-module_input__Jtcgy::placeholder {
    color: #a5aaaf;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.Toggle-module_container__JSsx7 {
    cursor: pointer;
    display: flex
}

.Toggle-module_alignCenter__mcA4M {
    align-items: center
}

.Toggle-module_toggleContainer__513lj {
    height: 40px;
    margin: 0;
    position: relative;
    width: 60px
}

.Toggle-module_hiddenInput__--wb2 {
    display: none
}

.Toggle-module_thumbContainer__SmlXY {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    left: 6px;
    position: absolute;
    top: 2px;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1) 0ms, background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    width: 40px;
    z-index: 1
}

.Toggle-module_thumb__RpEGy {
    background-color: var(--token-color-black80);
    border-radius: 50%;
    box-shadow: 0 1px 1px #0000003d, 0 0 1px #0000001f;
    cursor: pointer;
    height: 20px;
    width: 20px
}

.Toggle-module_thumb__RpEGy, .Toggle-module_track__27nWk {
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms
}

.Toggle-module_track__27nWk {
    background-color: var(--token-color-black20);
    border-radius: 7px;
    height: 14px;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 32px
}

.Toggle-module_toggleContainer__513lj:hover > .Toggle-module_hiddenInput__--wb2:enabled + .Toggle-module_thumbContainer__SmlXY {
    background-color: #1e2b371a
}

.Toggle-module_hiddenInput__--wb2:disabled ~ .Toggle-module_track__27nWk {
    background-color: var(--token-color-black10)
}

.Toggle-module_hiddenInput__--wb2:disabled + .Toggle-module_thumbContainer__SmlXY > .Toggle-module_thumb__RpEGy {
    box-shadow: 0 0 1px #0000001f
}

.Toggle-module_hiddenInput__--wb2:checked + .Toggle-module_thumbContainer__SmlXY {
    transform: translate(30%)
}

.Toggle-module_toggleContainer__513lj:hover > .Toggle-module_hiddenInput__--wb2:checked.Toggle-module_hiddenInput__--wb2:enabled + .Toggle-module_thumbContainer__SmlXY {
    background-color: #0d47a11a
}

.Toggle-module_hiddenInput__--wb2:checked ~ .Toggle-module_track__27nWk {
    background-color: #86a3d0
}

.Toggle-module_hiddenInput__--wb2:checked + .Toggle-module_thumbContainer__SmlXY > .Toggle-module_thumb__RpEGy {
    background-color: var(--token-color-blue100)
}

.Toggle-module_hiddenInput__--wb2:checked.Toggle-module_hiddenInput__--wb2:disabled ~ .Toggle-module_track__27nWk {
    background-color: var(--token-color-blue10)
}

.Toggle-module_hiddenInput__--wb2:checked.Toggle-module_hiddenInput__--wb2:disabled + .Toggle-module_thumbContainer__SmlXY > .Toggle-module_thumb__RpEGy {
    background-color: #86a3d0;
    box-shadow: 0 0 1px #0000001f
}

.SideModalBody-module_container__dgPI7 {
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    overflow-x: hidden;
    width: min(50vw, 680px)
}

.SideModalBody-module_contentContainer__W-CpP {
    height: 100%;
    overflow-y: auto
}

@media (max-width: 768px) {
    .SideModalBody-module_container__dgPI7 {
        width: 100vw
    }
}

.SideModalFooter-module_container__woZRC {
    border-top: 1px solid rgba(30, 43, 55, .2);
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding: var(--token-spacing-s);
    width: min(50vw, 680px)
}

@media (max-width: 768px) {
    .SideModalFooter-module_container__woZRC {
        width: 100vw
    }
}

.SideModalHeader-module_container__oX1uY {
    align-items: center;
    display: flex;
    width: 100%
}

.SideModalHeader-module_button__jkM2Q {
    background: none;
    border: none
}

.SideModalHeader-module_backButton__eP4IY, .SideModalHeader-module_closeButton__S-hSS {
    margin-right: var(--token-spacing-m)
}

.SideModalHeader-module_divider__8bsUI {
    border-bottom: 1px solid rgba(30, 43, 55, .2)
}

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

.SideModalHeader-module_titleSection__4GnwC {
    display: flex;
    flex-direction: column
}

.SideModal-module_container__J68zi {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    background-color: var(--token-color-white);
    box-shadow: 0 4px 24px 0 var(--token-color-black40);
    -webkit-box-shadow: 0 4px 24px 0 var(--token-color-black40);
    -moz-box-shadow: 0 4px 24px 0 var(--token-color-black40);
    display: none;
    flex-direction: column;
    height: 100vh;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.SideModal-module_showModal__LtIeg {
    -webkit-animation-name: SideModal-module_slideIn__QzOnQ;
    animation-name: SideModal-module_slideIn__QzOnQ;
    display: flex
}

@-webkit-keyframes SideModal-module_slideIn__QzOnQ {
    0% {
        right: -300px
    }

    to {
        right: 0
    }
}

@keyframes SideModal-module_slideIn__QzOnQ {
    0% {
        right: -300px
    }

    to {
        right: 0
    }
}

.Dot-module_container__AQbtN {
    align-items: center;
    display: flex;
    justify-content: center
}

.Dot-module_circle__H-g2F {
    border-radius: 50%;
    color: var(--token-color-white)
}

.Step-module_container__kqJtN {
    align-items: center;
    display: flex;
    justify-content: center
}

.Step-module_flexHorizontal__tL0k- {
    flex-direction: row
}

.Step-module_flexVertical__jY7Y8 {
    flex-direction: column
}

.Step-module_labelHorizontalContainer__hYBJA {
    flex: 1
}

.Step-module_textCenter__azrWa {
    text-align: center
}

.Step-module_textMinimal__pOrId {
    text-wrap: nowrap
}

.Step-module_flexAlign__tVtqM {
    flex-direction: row !important
}

.Step-module_marginHorizontal__60jzP {
    margin-bottom: 0 !important;
    margin-right: 8px
}

.Steppers-module_container__a-1ej {
    display: flex;
    transform: translate(0);
    transition: .25s ease;
    width: fit-content
}

.Steppers-module_containerHorizontal__F8VVF {
    width: 100%
}

.Steppers-module_containerHorizontal__F8VVF > div {
    flex: 1
}

.Steppers-module_containerVertical__9oHEc {
    align-items: flex-start;
    flex-direction: column;
    height: 100%
}

.Steppers-module_containerVertical__9oHEc > div:not(:last-child) {
    flex: 1
}

.Steppers-module_stepContainer__5U4-- {
    max-height: 98px;
    position: relative;
    width: 100%
}

.Steppers-module_containerLinear__HKCb1 {
    column-gap: .75rem;
    display: flex
}

.Steppers-module_linearWrapper__pkvbC {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
    width: unset !important
}

.Steppers-module_line__SPK0s {
    border: 1px solid var(--token-color-black40);
    position: absolute
}

.Steppers-module_lineLinear__L6yvZ {
    background-color: var(--token-color-black40);
    height: 1px;
    max-width: 120px;
    position: unset !important;
    width: 5vw
}

.Steppers-module_lineHorizontalMinimal__NAuPi {
    background-color: var(--token-color-black20);
    border-radius: .625rem;
    height: 2px;
    position: unset !important;
    width: 2rem
}

.Steppers-module_lineHorizontal__Ca-P8 {
    left: calc(50% + 32px);
    right: calc(-50% + 32px);
    top: 16px
}

.Steppers-module_lineVertical__-isYe {
    bottom: 8px;
    left: 16px;
    top: 40px
}

.Steppers-module_lineActive__B3OIz {
    border-color: var(--token-color-black100)
}

.FilePicker-module_container__wQIjx {
    align-items: center;
    border: 2px dashed var(--token-color-black10);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--token-spacing-l)
}

.FilePicker-module_highlight__kSvn4 {
    background: var(--token-color-green10)
}

.FilePicker-module_input__tMpAH {
    display: none !important
}

.FilePicker-module_fullHeight__-475f {
    height: 100%
}

.Body-module_body__ZIlbY {
    background-color: #fff;
    display: grid;
    flex-grow: 1;
    grid-template-columns: 324fr 680fr 324fr;
    height: 0;
    overflow-y: auto
}

.Body-module_body__ZIlbY > div {
    box-sizing: border-box;
    padding: 3rem 2.5rem
}

.Body-module_body__ZIlbY .Body-module_center__TBplB {
    grid-column-start: 2;
    max-width: 100vw;
    padding-left: 1rem
}

.Body-module_body__ZIlbY .Body-module_right__oUUnG {
    background-color: var(--token-color-blue2)
}

@media only screen and (max-width: 768px) {
    .Body-module_body__ZIlbY {
        grid-template-columns:428fr 340fr
    }

    .Body-module_noRightGrid__9IwzH {
        grid-template-columns: 1fr
    }

    .Body-module_body__ZIlbY .Body-module_left__3Y-i9 {
        display: none
    }

    .Body-module_body__ZIlbY .Body-module_center__TBplB {
        grid-column-start: 1;
        padding: 3rem 2.5rem
    }
}

@media only screen and (max-width: 480px) {
    .Body-module_body__ZIlbY {
        display: flex;
        width: 100%
    }

    .Body-module_body__ZIlbY > div:not(.Body-module_center__TBplB) {
        display: none
    }

    .Body-module_body__ZIlbY .Body-module_center__TBplB {
        padding: 1rem;
        width: 100%
    }
}

.CreationLayout-module_creationLayoutContainer__OK-9E {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    min-width: 100dvw;
    overflow-y: auto;
    z-index: 99
}

.Footer-module_footer__vMj44 {
    background-color: #fff;
    border-top: 1px solid var(--token-color-black10);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 324fr 680fr 324fr;
    max-width: 100vw;
    padding: .75rem 1rem
}

.Footer-module_footerMain__bqKYv {
    align-items: center;
    column-gap: 1rem;
    display: flex;
    grid-column: 2;
    justify-content: space-between
}

.Footer-module_footerMain__bqKYv .Footer-module_right__oGhrJ {
    align-items: center;
    column-gap: .5rem;
    display: flex;
    padding-right: 2.5rem
}

@media only screen and (max-width: 768px) {
    .Footer-module_footer__vMj44 {
        bottom: 0;
        display: flex;
        justify-content: space-between;
        position: sticky;
        width: 100%
    }

    .Footer-module_footerMain__bqKYv {
        width: 100%
    }

    .Footer-module_footerMain__bqKYv .Footer-module_right__oGhrJ {
        padding-right: 0
    }
}

@media only screen and (max-width: 480px) {
    .Footer-module_footer__vMj44 {
        bottom: 0;
        display: flex;
        justify-content: space-between;
        position: sticky;
        width: 100%
    }

    .Footer-module_footerMain__bqKYv {
        width: 100%
    }

    .Footer-module_footerMain__bqKYv .Footer-module_right__oGhrJ {
        padding-right: 0
    }
}

.Header-module_header__HWgF2 {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid var(--token-color-black10);
    display: grid;
    grid-template-columns: 324fr 680fr 324fr;
    padding: .75rem 1rem
}

.Header-module_headerTitleLeft__UEoER {
    grid-template-columns: 1004fr 324fr
}

.Header-module_headerMain__7IygR {
    align-items: center;
    display: flex;
    grid-column-start: 2;
    justify-content: space-between
}

.Header-module_headerTitleLeft__UEoER .Header-module_headerMain__7IygR {
    grid-column-start: 1
}

.Header-module_headerMain__7IygR .Header-module_right__AVr0n {
    align-items: center;
    column-gap: 1rem;
    display: flex;
    padding-right: 2.5rem
}

.Header-module_headerMain__7IygR .Header-module_left__NYmu1 {
    align-items: center;
    column-gap: 1rem;
    display: flex
}

.Header-module_header__HWgF2 .Header-module_right__AVr0n {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.Header-module_headerTitleLeft__UEoER > .Header-module_left__NYmu1 {
    display: none
}

.Header-module_stepContainer__iDlxS {
    background-color: #fff;
    box-shadow: 0 2px 8px #3844500d;
    display: grid;
    gap: 1rem;
    grid-template-columns: 324fr 680fr 324fr;
    padding-block: .5rem;
    position: relative;
    z-index: 99
}

.Header-module_steppersContainer__6W3yF {
    grid-column-start: 2;
    overflow: hidden
}

.Header-module_tabContainer__-hL7N {
    background-color: #fff;
    box-shadow: 0 2px 8px #3844500d;
    display: grid;
    grid-template-columns: 324fr 680fr 324fr;
    justify-content: center;
    max-width: 100vw;
    overflow-x: auto;
    position: relative
}

.Header-module_tabsContainer__isLzU {
    grid-column-start: 2
}

.Header-module_tabsAlignCenter__LdUh8 > div {
    justify-content: center
}

.Header-module_tabsAlignLeft__3QJsx > div {
    justify-content: flex-start
}

.Header-module_tabsAlignRight__LuJCf > div {
    justify-content: flex-end
}

.Header-module_divider__JtCXo {
    background-color: var(--token-color-black20);
    border-radius: .5px;
    height: 2rem;
    margin-left: -.75rem;
    width: 1px
}

@media only screen and (max-width: 768px) {
    .Header-module_header__HWgF2 {
        grid-template-columns:428fr 340fr
    }

    .Header-module_header__HWgF2 > .Header-module_left__NYmu1 {
        display: none
    }

    .Header-module_header__HWgF2 .Header-module_headerMain__7IygR {
        grid-column-start: 1
    }

    .Header-module_stepContainer__iDlxS {
        display: flex;
        overflow: hidden
    }

    .Header-module_steppersContainer__6W3yF {
        grid-column-start: 1;
        width: calc(100vw - 2rem)
    }

    .Header-module_tabContainer__-hL7N {
        display: flex
    }

    .Header-module_tabsContainer__isLzU > div {
        justify-content: flex-start
    }
}

@media only screen and (max-width: 480px) {
    .Header-module_header__HWgF2 > .Header-module_left__NYmu1 {
        display: none
    }

    .Header-module_stepContainer__iDlxS {
        overflow: hidden
    }

    .Header-module_steppersContainer__6W3yF {
        grid-column-start: 1;
        padding: 0
    }
}

.ChartContainer-module_container__IF2st {
    border: 1px solid var(--black-black-20, #d2d5d7);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 20px;
    position: relative;
    width: 100%
}

.ChartContainer-module_chartWrapper__mipin {
    flex: 1;
    width: 100%
}

.Alert-module_container__dRMwm {
    border-radius: 4px
}

.Alert-module_container__dRMwm, .Alert-module_container__dRMwm.Alert-module_primary__ks1h7 {
    background-color: var(--token-color-blue5)
}

.Alert-module_container__dRMwm.Alert-module_secondary__HHnq1 {
    background-color: var(--token-color-black5)
}

.Alert-module_container__dRMwm.Alert-module_danger__xWO1d {
    background-color: var(--token-color-red5)
}

.Alert-module_container__dRMwm.Alert-module_warning__e8nZy {
    background-color: var(--token-color-yellow20)
}

.Alert-module_container__dRMwm.Alert-module_alternative__DXgJ5 {
    background-color: var(--token-color-green10)
}

.Alert-module_content__LgCz5 {
    align-items: center;
    display: grid;
    gap: var(--token-spacing-s);
    grid-template-columns: auto 1fr
}

.Avatar-module_container__fKKRl {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.Avatar-module_defaultColor__TqCSX {
    background-color: var(--token-color-white)
}

.Avatar-module_invertedColor__j6VAT {
    background-color: var(--token-color-black100)
}

.Avatar-module_shadow__e1E3v {
    box-shadow: 0 2px 4px #0003
}

.Avatar-module_container__fKKRl > div > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 83%;
    object-fit: contain
}

.Avatar-module_circle__OsJDd.Avatar-module_large__qJlV0 > div > img, .Avatar-module_square__G4Mf6.Avatar-module_large__qJlV0 > div > img {
    height: 77px
}

.Avatar-module_circle__OsJDd.Avatar-module_small__70cTp > div > img, .Avatar-module_square__G4Mf6.Avatar-module_small__70cTp > div > img {
    height: 37px
}

.Avatar-module_circle__OsJDd {
    border-radius: 50px
}

.Avatar-module_circle__OsJDd.Avatar-module_small__70cTp {
    height: 40px;
    width: 40px
}

.Avatar-module_circle__OsJDd.Avatar-module_large__qJlV0 {
    height: 80px;
    width: 80px
}

.Avatar-module_square__G4Mf6 {
    border-radius: 8px
}

.Avatar-module_square__G4Mf6.Avatar-module_small__70cTp {
    height: 40px;
    max-width: 60px;
    min-width: 40px
}

.Avatar-module_square__G4Mf6.Avatar-module_large__qJlV0 {
    height: 80px;
    max-width: 120px;
    min-width: 80px
}

.Backdrop-module_container__YjBYj {
    align-items: center;
    background-color: #0e131880;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.Backdrop-module_fadein__zmSCK {
    animation: Backdrop-module_fadein__zmSCK .2s ease
}

.Backdrop-module_fadeout__6QoV6 {
    animation: Backdrop-module_fadeout__6QoV6 .2s ease;
    opacity: 0
}

@keyframes Backdrop-module_fadein__zmSCK {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Backdrop-module_fadeout__6QoV6 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.Button-module_buttonBase__cQrUF {
    word-wrap: break-word;
    align-items: center;
    border: none;
    border-radius: 4px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    outline: none;
    transition: background-color, color, border-color .3s
}

.Button-module_fullWidth__pbNTQ {
    width: 100%
}

.Button-module_useMinWidth__oK81R {
    width: 120px
}

.Button-module_button__9HK97 {
    border: none;
    transition: background-color .3s
}

.Button-module_button__9HK97:hover:enabled {
    cursor: pointer
}

.Button-module_button__9HK97:focus {
    outline: none
}

.Button-module_button__9HK97:disabled {
    background-color: var(--token-color-white);
    border-color: var(--token-color-black40);
    color: var(--token-color-black40);
    cursor: not-allowed
}

.Button-module_button__9HK97.Button-module_pressed__GJVzX, .Button-module_button__9HK97:active:enabled {
    background-color: var(--token-color-black200)
}

.Button-module_primary__ee-gd {
    background-color: var(--token-color-blue100);
    border-color: var(--token-color-blue100);
    color: var(--token-color-blue100)
}

.Button-module_primary__ee-gd:hover:enabled {
    background: var(--token-color-blue10)
}

.Button-module_primary__ee-gd:active:enabled {
    background: var(--token-color-blue20)
}

.Button-module_primary__ee-gd.Button-module_filled__WVq2W:hover:enabled {
    background: var(--token-color-blue80)
}

.Button-module_primary__ee-gd.Button-module_filled__WVq2W:active:enabled {
    background: var(--token-color-blue200)
}

.Button-module_secondary__gAG-2 {
    background-color: var(--token-color-black100);
    border-color: var(--token-color-black100);
    color: var(--token-color-black100)
}

.Button-module_secondary__gAG-2:hover:enabled {
    background: var(--token-color-black10)
}

.Button-module_secondary__gAG-2:active:enabled {
    background: var(--token-color-black20)
}

.Button-module_secondary__gAG-2.Button-module_filled__WVq2W:hover:enabled {
    background: var(--token-color-black80)
}

.Button-module_secondary__gAG-2.Button-module_filled__WVq2W:active:enabled {
    background: var(--token-color-black200)
}

.Button-module_destructive__u3egy {
    background-color: var(--token-color-red100);
    border-color: var(--token-color-red100);
    color: var(--token-color-red100)
}

.Button-module_destructive__u3egy:hover:enabled {
    background: var(--token-color-red10)
}

.Button-module_destructive__u3egy:active:enabled {
    background: var(--token-color-red20)
}

.Button-module_destructive__u3egy.Button-module_filled__WVq2W:hover:enabled {
    background: var(--token-color-red80)
}

.Button-module_destructive__u3egy.Button-module_filled__WVq2W:active:enabled {
    background: var(--token-color-red200)
}

.Button-module_whatsapp__PVT1W {
    background-color: #128c7e;
    border-color: #128c7e;
    color: #128c7e
}

.Button-module_whatsapp__PVT1W:hover:enabled {
    background-color: #56c1b6
}

.Button-module_whatsapp__PVT1W:active:enabled {
    background-color: #275d54
}

.Button-module_filled__WVq2W {
    border: none;
    color: var(--token-color-white)
}

.Button-module_filled__WVq2W:disabled {
    background-color: var(--token-color-black40);
    color: var(--token-color-white)
}

.Button-module_text__8Am4H {
    background-color: transparent;
    border: none
}

.Button-module_text__8Am4H:hover:enabled {
    text-decoration: underline
}

.Button-module_outlined__Kn-ho {
    background-color: transparent;
    border: 1px solid
}

.Button-module_outlined__Kn-ho:hover:enabled {
    text-decoration: none
}

.Button-module_small__6qiJh {
    min-height: 32px;
    padding: 0 8px
}

.Button-module_medium__Ut2jX {
    min-height: 40px;
    padding: 0 16px
}

.Button-module_large__aaTd9 {
    font-size: 16px;
    height: 48px;
    min-width: 120px;
    padding: 0 8px
}

.Button-module_custom-theme__HxTNT {
    background-color: var(--theme-paycheckout-button-color);
    color: var(--theme-paycheckout-button-text-color)
}

.Button-module_custom-theme__HxTNT:active:enabled, .Button-module_custom-theme__HxTNT:hover:enabled {
    background-color: var(--theme-paycheckout-button-hover-color)
}

.Button-module_custom-theme-outlined__2e-it {
    background-color: transparent;
    border: 1px solid var(--theme-paycheckout-button-color);
    color: var(--theme-paycheckout-button-color)
}

.Button-module_custom-theme-outlined__2e-it:hover:enabled {
    background-color: transparent;
    border: 1px solid var(--theme-paycheckout-button-color);
    text-decoration: none
}

.Button-module_banner__naSUw {
    background-color: transparent;
    border: none;
    color: #fff;
    text-decoration: underline
}

.Button-module_banner__naSUw:focus {
    outline: none
}

.Button-module_banner__naSUw:hover:enabled {
    color: var(--token-color-black10)
}

.Button-module_banner__naSUw:active:enabled {
    color: var(--token-color-black20)
}

.IconButton-module_buttonBase__v-nQZ {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    outline: none;
    transition: background-color, color, border-color, .3s
}

.IconButton-module_fullWidth__rQaXE {
    width: 100%
}

.IconButton-module_primary__XKWFC:hover {
    background-color: var(--token-color-blue10)
}

.IconButton-module_secondary__q-TPB:hover {
    background-color: var(--token-color-black5)
}

.IconButton-module_destructive__oD9jS:hover {
    background-color: var(--token-color-red5)
}

.IconButton-module_buttonBase__v-nQZ:focus {
    outline: none
}

.IconButton-module_buttonBase__v-nQZ:hover {
    cursor: pointer
}

.IconButton-module_buttonBase__v-nQZ.IconButton-module_mini__KNyFC:disabled {
    filter: grayscale(1) brightness(1.5)
}

.IconButton-module_buttonBase__v-nQZ:disabled {
    cursor: not-allowed;
    filter: grayscale(1) brightness(2.5)
}

.IconButton-module_primary__XKWFC.IconButton-module_pressed__87KUb, .IconButton-module_primary__XKWFC:active {
    background-color: var(--token-color-blue20)
}

.IconButton-module_secondary__q-TPB.IconButton-module_pressed__87KUb, .IconButton-module_secondary__q-TPB:active {
    background-color: var(--token-color-black20)
}

.IconButton-module_destructive__oD9jS.IconButton-module_pressed__87KUb, .IconButton-module_destructive__oD9jS:active {
    background-color: var(--token-color-red20)
}

.IconButton-module_primary__XKWFC.IconButton-module_square__ML7nR {
    background-color: var(--token-color-blue100);
    border-radius: 4px
}

.IconButton-module_primary__XKWFC.IconButton-module_square__ML7nR:hover {
    background-color: var(--token-color-blue80)
}

.IconButton-module_primary__XKWFC.IconButton-module_square__ML7nR.IconButton-module_pressed__87KUb, .IconButton-module_primary__XKWFC.IconButton-module_square__ML7nR:active {
    background-color: var(--token-color-blue200)
}

.IconButton-module_secondary__q-TPB.IconButton-module_square__ML7nR {
    background-color: var(--token-color-black100);
    border-radius: 4px
}

.IconButton-module_secondary__q-TPB.IconButton-module_square__ML7nR:hover {
    background-color: var(--token-color-black80)
}

.IconButton-module_secondary__q-TPB.IconButton-module_square__ML7nR.IconButton-module_pressed__87KUb, .IconButton-module_secondary__q-TPB.IconButton-module_square__ML7nR:active {
    background-color: var(--token-color-black200)
}

.IconButton-module_destructive__oD9jS.IconButton-module_square__ML7nR {
    background-color: var(--token-color-red100);
    border-radius: 4px
}

.IconButton-module_destructive__oD9jS.IconButton-module_square__ML7nR:hover {
    background-color: var(--token-color-red80)
}

.IconButton-module_destructive__oD9jS.IconButton-module_square__ML7nR.IconButton-module_pressed__87KUb, .IconButton-module_destructive__oD9jS.IconButton-module_square__ML7nR:active {
    background-color: var(--token-color-red200)
}

.IconButton-module_square__ML7nR:disabled {
    filter: none
}

.IconButton-module_square__ML7nR:disabled, .IconButton-module_square__ML7nR:hover:disabled {
    background-color: var(--token-color-black40)
}

.IconButton-module_primary__XKWFC.IconButton-module_round__K7EHy {
    background-color: var(--token-color-blue100)
}

.IconButton-module_primary__XKWFC.IconButton-module_round__K7EHy:hover {
    background-color: var(--token-color-blue80)
}

.IconButton-module_primary__XKWFC.IconButton-module_round__K7EHy.IconButton-module_pressed__87KUb, .IconButton-module_primary__XKWFC.IconButton-module_round__K7EHy:active {
    background-color: var(--token-color-blue200)
}

.IconButton-module_secondary__q-TPB.IconButton-module_round__K7EHy {
    background-color: var(--token-color-black100)
}

.IconButton-module_secondary__q-TPB.IconButton-module_round__K7EHy:hover {
    background-color: var(--token-color-black80)
}

.IconButton-module_secondary__q-TPB.IconButton-module_round__K7EHy.IconButton-module_pressed__87KUb, .IconButton-module_secondary__q-TPB.IconButton-module_round__K7EHy:active {
    background-color: var(--token-color-black200)
}

.IconButton-module_destructive__oD9jS.IconButton-module_round__K7EHy {
    background-color: var(--token-color-red100)
}

.IconButton-module_destructive__oD9jS.IconButton-module_round__K7EHy:hover {
    background-color: var(--token-color-red80)
}

.IconButton-module_destructive__oD9jS.IconButton-module_round__K7EHy.IconButton-module_pressed__87KUb, .IconButton-module_destructive__oD9jS.IconButton-module_round__K7EHy:active {
    background-color: var(--token-color-red200)
}

.IconButton-module_round__K7EHy:disabled {
    filter: none
}

.IconButton-module_round__K7EHy:disabled, .IconButton-module_round__K7EHy:hover:disabled {
    background-color: var(--token-color-black40)
}

.IconButton-module_primary__XKWFC.IconButton-module_squareOutlined__FFoJ9 {
    background-color: #fff;
    border: 1px solid var(--token-color-blue100);
    border-radius: 4px;
    color: var(--token-color-blue100)
}

.IconButton-module_primary__XKWFC.IconButton-module_squareOutlined__FFoJ9:hover {
    background-color: var(--token-color-blue10)
}

.IconButton-module_primary__XKWFC.IconButton-module_squareOutlined__FFoJ9.IconButton-module_pressed__87KUb, .IconButton-module_primary__XKWFC.IconButton-module_squareOutlined__FFoJ9:active {
    background-color: var(--token-color-blue20)
}

.IconButton-module_secondary__q-TPB.IconButton-module_squareOutlined__FFoJ9 {
    background-color: #fff;
    border: 1px solid var(--token-color-black100);
    border-radius: 4px;
    color: var(--token-color-black100)
}

.IconButton-module_secondary__q-TPB.IconButton-module_squareOutlined__FFoJ9:hover {
    background-color: var(--token-color-black10)
}

.IconButton-module_secondary__q-TPB.IconButton-module_squareOutlined__FFoJ9.IconButton-module_pressed__87KUb, .IconButton-module_secondary__q-TPB.IconButton-module_squareOutlined__FFoJ9:active {
    background-color: var(--token-color-black20)
}

.IconButton-module_destructive__oD9jS.IconButton-module_squareOutlined__FFoJ9 {
    background-color: #fff;
    border: 1px solid var(--token-color-red100);
    border-radius: 4px;
    color: var(--token-color-red100)
}

.IconButton-module_destructive__oD9jS.IconButton-module_squareOutlined__FFoJ9:hover {
    background-color: var(--token-color-red10)
}

.IconButton-module_destructive__oD9jS.IconButton-module_squareOutlined__FFoJ9.IconButton-module_pressed__87KUb, .IconButton-module_destructive__oD9jS.IconButton-module_squareOutlined__FFoJ9:active {
    background-color: var(--token-color-red20)
}

.IconButton-module_squareOutlined__FFoJ9:disabled {
    background-color: #fff;
    border: 1px solid var(--token-color-black40);
    color: var(--token-color-black40);
    filter: none
}

.IconButton-module_squareOutlined__FFoJ9:hover:disabled {
    background-color: #fff
}

.IconButton-module_extraMini__nNaQf {
    height: 18px;
    padding: var(--token-spacing-xxxs)
}

.IconButton-module_mini__KNyFC {
    height: 24px;
    padding: var(--token-spacing-xxs)
}

.IconButton-module_medium__stbjz {
    height: 32px;
    padding: var(--token-spacing-xs)
}

.IconButton-module_large__wwehF {
    height: 40px;
    padding: var(--token-spacing-s)
}

.IconButton-module_custom-theme__MRKDs {
    background-color: var(--theme-paycheckout-button-color)
}

.IconButton-module_custom-theme__MRKDs path {
    fill: var(--theme-paycheckout-button-text-color)
}

.IconButton-module_custom-theme__MRKDs.IconButton-module_square__ML7nR {
    border-radius: 4px
}

.IconButton-module_custom-theme__MRKDs.IconButton-module_round__K7EHy {
    border-radius: 50%
}

.IconButton-module_custom-theme__MRKDs.IconButton-module_pressed__87KUb, .IconButton-module_custom-theme__MRKDs:active {
    background-color: var(--theme-paycheckout-button-hover-color)
}

.Banner-module_container__jmIWj {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--token-spacing-xxxs);
    color: #fff;
    display: flex;
    gap: 6px;
    height: auto;
    object-fit: cover;
    width: 100%
}

.Banner-module_rounded__Vvht1 {
    border-radius: 6px
}

.Banner-module_image__LjTyt {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.Banner-module_imageContainer__xaHHG {
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    width: 180px
}

.Banner-module_contentContainer__-LcWP {
    align-items: center;
    display: flex;
    width: 100%
}

.Banner-module_content__h9113 {
    align-items: center;
    display: flex;
    flex-grow: 1;
    margin: 16px 0 16px -90px;
    z-index: 100
}

.Banner-module_children__c2tfF {
    flex-grow: 1
}

.Banner-module_buttons__S7b8B {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 10px;
    margin: 0 24px
}

.Banner-module_close__g1EFw {
    cursor: pointer
}

.Banner-module_close__g1EFw:hover {
    background-color: var(--token-color-black20);
    border-radius: 4px
}

.Banner-module_close__g1EFw:hover path {
    fill: var(--token-color-black100)
}

@media only screen and (max-width: 480px) {
    .Banner-module_imageContainer__xaHHG {
        display: none
    }

    .Banner-module_content__h9113 {
        align-items: flex-start;
        flex-direction: column;
        margin-left: 0;
        padding-left: 24px
    }

    .Banner-module_buttons__S7b8B {
        margin-left: 0
    }

    .Banner-module_backgroundImage__v63hU {
        opacity: .8
    }
}

.CustomArrows-module_arrow__apba0 {
    background: var(--token-color-black10);
    border-radius: 60px;
    box-shadow: 0 2px 6px #1e2b3780;
    padding: 4px;
    position: absolute
}

.CustomArrows-module_arrow__apba0:hover {
    background: var(--token-color-black5)
}

.CustomArrows-module_arrowRight__EB3sf {
    right: 5px
}

.CustomArrows-module_arrowLeft__GKa49 {
    left: 5px
}

.CustomDots-module_dot__y044b {
    color: var(--token-color-black40);
    padding: 4px
}

.CustomDots-module_dot__y044b:hover {
    color: var(--token-color-blue80)
}

.CustomDots-module_dot__y044b:active {
    color: var(--token-color-blue200)
}

.CustomDots-module_dotActive__edor- {
    color: var(--token-color-blue100)
}

.Dropdown-module_container__UWrsu {
    position: relative
}

.FieldContainer-module_label__D4P-P {
    padding-bottom: calc(.375rem + 1px);
    padding-top: calc(.375rem + 1px)
}

.FieldContainer-module_labelFlex__jGtF1 {
    align-items: center;
    display: flex;
    gap: 4px
}

.FieldContainer-module_preWrap__FO4fr {
    #white-space: pre-wrap
}

.FieldContainer-module_clickableHelpText__aJ-Cr {
    cursor: pointer
}

.FieldContainer-module_displayFlex__P7k2W {
    align-items: center;
    display: flex
}

.FieldContainer-module_childrenContainer__toHVu {
    align-items: top;
    display: flex
}

.FieldContainer-module_children__EYdyI {
    flex: 1;
    width: 100%
}

.FieldContainer-module_childrenRightChild__iPSk8 {
    width: 80%
}

.FieldContainer-module_leftChild__Q82tz {
    margin-right: var(--token-spacing-m)
}

.FieldContainer-module_rightChild__jhf6U {
    margin-left: var(--token-spacing-m)
}

.FieldContainer-module_requiredSign__zi8Ik {
    color: var(--token-color-red100)
}

.TextField-module_wrapper__gnlKk {
    position: relative
}

.TextField-module_wrapper__gnlKk svg {
    align-items: center;
    background-color: var(--token-color-white);
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    bottom: 0;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    margin: 0 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: none;
    width: 20px;
    z-index: 3
}

.TextField-module_inputContainer__JeUEL {
    background-clip: padding-box;
    background-color: var(--token-color-white);
    border: 1px solid var(--token-color-black20);
    border-radius: 4px;
    color: var(--token-color-black100);
    display: block;
    font-weight: 400;
    height: 35px;
    line-height: 1.5;
    padding: var(--token-spacing-xxs) var(--token-spacing-s);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.TextField-module_inputContainer__JeUEL:focus {
    background-color: var(--token-color-white);
    border-color: var(--token-color-blue80);
    box-shadow: 0 0 0 .2rem #0d47a140;
    color: var(--token-color-black100);
    outline: 0
}

.TextField-module_inputContainer__JeUEL:disabled {
    background-color: var(--token-color-black10);
    opacity: 1
}

.TextField-module_fullWidth__8iCJs {
    width: 100%
}

.TextField-module_mobile__I3Ex4 {
    border: none;
    border-bottom: 1px solid var(--token-color-black10);
    padding: var(--token-spacing-xs) 0;
    transition: border-color .3s
}

.TextField-module_mobileContainer__PyAaI label {
    color: var(--token-color-black40);
    font-size: 12px !important;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal
}

.TextField-module_mobile__I3Ex4:focus, .TextField-module_mobile__I3Ex4:hover {
    border-color: var(--token-color-blue100)
}

.TextField-module_mobile__I3Ex4:focus {
    outline: none
}

.TextField-module_mobile__I3Ex4:disabled {
    border-color: var(--token-color-black20)
}

.TextField-module_errorInput__JtNGa, .TextField-module_errorInput__JtNGa:focus, .TextField-module_mobile__I3Ex4.TextField-module_errorInput__JtNGa:hover {
    border-color: var(--token-color-red100)
}

.TextField-module_errorInput__JtNGa:focus {
    box-shadow: 0 0 0 .2rem var(--token-color-red20)
}

.TextField-module_mobile__I3Ex4.TextField-module_errorInput__JtNGa:focus {
    box-shadow: none
}

.TextField-module_mobile__I3Ex4.TextField-module_warningInput__VnEPV:hover, .TextField-module_warningInput__VnEPV, .TextField-module_warningInput__VnEPV:focus {
    border-color: var(--token-color-yellow100)
}

.TextField-module_warningInput__VnEPV:focus {
    box-shadow: 0 0 0 .2rem var(--token-color-yellow20)
}

.TextField-module_mobile__I3Ex4.TextField-module_warningInput__VnEPV:focus {
    box-shadow: none
}

.TextField-module_customMessageInput__m2vFj, .TextField-module_mobile__I3Ex4.TextField-module_customMessageInput__m2vFj:hover {
    border-color: var(--custom-message-color, var(--token-color-black20))
}

.TextField-module_customMessageInput__m2vFj:focus {
    border-color: var(--custom-message-color, var(--token-color-blue80));
    box-shadow: 0 0 0 .2rem rgb(var(--custom-message-color-rgb, 13 71 161)/25%)
}

.TextField-module_mobile__I3Ex4.TextField-module_customMessageInput__m2vFj:focus {
    box-shadow: none
}

.TextField-module_inputWithMessageIcon__1OFuw {
    background-image: var(--message-icon);
    background-position: right 9px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-right: var(--token-spacing-xxxl)
}

.DropdownMenu-module_container__Hg4BA {
    background: var(--token-color-white);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin-top: 2px;
    padding: var(--token-spacing-xs) 0;
    position: fixed;
    visibility: hidden;
    z-index: 10000
}

.DropdownMenu-module_show__yaejz {
    visibility: visible
}

.DropdownMenu-module_absolutely__iVAbB {
    left: 0 !important;
    position: absolute;
    top: 35px !important
}

.DropdownMenuItem-module_menuItem__b-Pja {
    background: none;
    border: none;
    display: block;
    outline: none;
    padding: var(--token-spacing-s) var(--token-spacing-m);
    text-align: left;
    width: 100%
}

.DropdownMenuItem-module_disabled__bOps9 {
    cursor: not-allowed
}

.DropdownMenuItem-module_primary__BL5V7:hover {
    background: var(--token-color-blue10)
}

.DropdownMenuItem-module_primary__BL5V7:active {
    background: var(--token-color-blue20)
}

.DropdownMenuItem-module_secondary__Xo-0I:hover {
    background: var(--token-color-blue10)
}

.DropdownMenuItem-module_secondary__Xo-0I:active {
    background: var(--token-color-blue20)
}

.DropdownMenuItem-module_destructive__H-Gwb:hover {
    background: var(--token-color-red10)
}

.DropdownMenuItem-module_destructive__H-Gwb:active {
    background: var(--token-color-red20)
}

.DropdownMenuItemDivider-module_divider__zUCmq {
    margin: var(--token-spacing-xs) 0
}

.Highlight-module_target__heF2H {
    border-radius: 10px;
    box-shadow: 0 0 0 99999px #00001180;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 101
}

.Highlight-module_container__CFQeO {
    background-color: var(--token-color-blue200);
    border-radius: 10px;
    display: block;
    left: 0;
    max-width: 350px;
    opacity: 0;
    padding: var(--token-spacing-xs);
    position: fixed;
    text-align: left;
    top: 0;
    transition: opacity .2s ease-in;
    width: 350px;
    z-index: 102
}

.Highlight-module_container__CFQeO.Highlight-module_light__fyQgT {
    background-color: var(--token-color-white)
}

.Highlight-module_visible__nhI1d {
    opacity: 1
}

.Highlight-module_arrow__Z00-u {
    background-color: var(--token-color-blue200);
    display: block;
    height: 12px;
    position: absolute;
    width: 12px
}

.Highlight-module_arrow__Z00-u.Highlight-module_light__fyQgT {
    background-color: var(--token-color-white)
}

.Highlight-module_arrow-bottom__jOq9Z {
    bottom: 100%;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    left: 50%
}

.Highlight-module_arrow-top__j4Ay9 {
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    left: 50%;
    top: 100%
}

.Highlight-module_arrow-right__TjXez {
    clip-path: polygon(100% 100%, 100% 0, 0 50%);
    right: 100%;
    top: 50%
}

.Highlight-module_arrow-left__5zo4Q {
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    left: 100%;
    top: 50%
}

.Highlight-module_actionContainer__6mbUG {
    display: flex;
    justify-content: space-between
}

.Highlight-module_justifyRight__eSmMe {
    justify-content: flex-end
}

.Highlight-module_actionCancel__FmuGU {
    background: none;
    border: none;
    color: var(--token-color-blue10);
    font-size: 14px;
    text-decoration: underline
}

.Highlight-module_actionCancel__FmuGU:focus {
    outline: none
}

.Highlight-module_actionCancel__FmuGU.Highlight-module_light__fyQgT {
    color: var(--token-color-blue100)
}

.Highlight-module_leftModifyContainer__kAJBN {
    color: var(--token-color-black200);
    font-size: 14px;
    margin: auto;
    margin-left: var(--token-spacing-xxxs)
}

.Highlight-module_rightModifyContainer__iQnNZ {
    color: var(--token-color-black200);
    font-size: 14px;
    margin: auto;
    margin-right: var(--token-spacing-xxxs)
}

.Highlight-module_bottomRightButton__XsLVH {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--token-spacing-m)
}

.Highlight-module_backdrop__rxEI1 {
    height: 100vh;
    position: fixed;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    width: 100vw;
    z-index: 101
}

.LicenseFooter-module_logoRight__reHo7 img {
    height: 20px;
    object-fit: contain
}

.LicenseFooter-module_contentRight__mhiD- {
    display: flex;
    flex-direction: column;
    text-align: end;
    width: 50%
}

.LicenseFooter-module_contentCenter__2IRHq {
    text-align: center
}

.LicenseFooter-module_logoCenter__QCpaw img {
    height: 20px;
    text-align: center
}

.Link-module_link__d4re5 * {
    color: var(--token-color-black40) !important;
    cursor: not-allowed;
    text-decoration: underline
}

.Link-module_link__d4re5:link *, .Link-module_link__d4re5:visited * {
    color: var(--token-color-blue100) !important
}

.Link-module_link__d4re5:link:hover *, .Link-module_link__d4re5:visited:hover * {
    color: var(--token-color-blue80) !important;
    cursor: pointer
}

.Link-module_link__d4re5:link.Link-module_pressed__hdvoZ *, .Link-module_link__d4re5:link:active *, .Link-module_link__d4re5:visited.Link-module_pressed__hdvoZ *, .Link-module_link__d4re5:visited:active * {
    color: var(--token-color-blue200) !important
}

.Link-module_linkNoUnderline__SLwjU * {
    color: var(--token-color-black40) !important;
    cursor: not-allowed;
    text-decoration: none
}

.Link-module_linkNoUnderline__SLwjU:link *, .Link-module_linkNoUnderline__SLwjU:visited * {
    color: var(--token-color-blue100) !important
}

.Link-module_linkNoUnderline__SLwjU:link:hover *, .Link-module_linkNoUnderline__SLwjU:visited:hover * {
    color: var(--token-color-blue80) !important;
    cursor: pointer
}

.Link-module_linkNoUnderline__SLwjU:link.Link-module_pressed__hdvoZ *, .Link-module_linkNoUnderline__SLwjU:link:active *, .Link-module_linkNoUnderline__SLwjU:visited.Link-module_pressed__hdvoZ *, .Link-module_linkNoUnderline__SLwjU:visited:active * {
    color: var(--token-color-blue200) !important
}

.FileProgress-module_border__LmAdP {
    border: 1px solid var(--token-color-black10);
    border-radius: 4px
}

.FileProgress-module_container__v9OmL {
    display: flex;
    flex-direction: column;
    padding: var(--token-spacing-xs) var(--token-spacing-m);
    width: 100%
}

.FileProgress-module_firstLineContainer__-fUl7 {
    display: flex;
    justify-content: space-between
}

.FileProgress-module_innerContainer__pTIoT {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px
}

.FileProgress-module_actionContainer__yZ7l6 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.FileProgress-module_closeImage__oRt-0 {
    height: 20px;
    width: 20px
}

.FileProgress-module_closeButton__2Tp5S {
    background: none;
    border: none;
    padding: 0
}

.FileProgress-module_closeButton__2Tp5S:focus {
    outline: none
}

.FileProgress-module_progressContainer__qgZIQ {
    height: 4px;
    width: 100%
}

.FileProgress-module_progressBar__sjCaF {
    background: var(--token-color-blue100);
    border-radius: 0 4px 4px;
    height: 100%;
    transition: width .15s ease
}

.Message-module_container__2PzhX {
    border-radius: var(--token-spacing-xxxs);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    min-width: min-content;
    padding: 14px var(--token-spacing-m);
    width: 100%
}

.Message-module_icon__JNX6D {
    flex-shrink: 0;
    margin-top: 2px
}

.Message-module_contentContainer__HPGvr {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: var(--token-spacing-m)
}

.Message-module_content__PjDuz {
    flex-grow: 1
}

.Message-module_info__NhRmn {
    background-color: var(--token-color-blue5)
}

.Message-module_success__oXuWA {
    background-color: var(--token-color-green10)
}

.Message-module_warning__k5yNP {
    background-color: var(--token-color-yellow10)
}

.Message-module_error__-EMcG {
    background-color: var(--token-color-red5)
}

.Message-module_alert__rCm2k {
    background-color: var(--token-color-orange10)
}

.Message-module_exclamationError__dl4p9 {
    background-color: var(--token-color-red5)
}

.Message-module_actionButton__NQY9E {
    margin-left: 40px
}

@media (max-width: 768) {
    .Message-module_container__2PzhX {
        flex-direction: column
    }
}

.ModalBody-module_container__rzy0A {
    display: flex;
    flex-direction: column;
    max-height: 77vh;
    max-width: 800px;
    padding: var(--token-spacing-m)
}

.ModalBody-module_big__G8o6j {
    max-width: 100%;
    min-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.ModalBody-module_fullscreen__Opsb5 {
    flex: grow;
    height: 100vh;
    max-height: none;
    max-width: none;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100vw
}

.ModalFooter-module_container__y8xhK {
    border-top: 1px solid rgba(30, 43, 55, .2);
    display: flex;
    padding: var(--token-spacing-s);
    width: 100%
}

.ModalHeader-module_container__3mfDz {
    display: flex;
    padding: var(--token-spacing-m) var(--token-spacing-m) 0;
    width: 100%
}

.ModalHeader-module_button__jgfKb {
    background: none;
    border: none
}

.ModalHeader-module_backButton__2N8ZM {
    margin-right: var(--token-spacing-m)
}

.ModalHeader-module_closeButton__nAe5N {
    cursor: pointer !important;
    margin-left: var(--token-spacing-m)
}

.ModalHeader-module_divider__92wZP {
    border-bottom: 1px solid rgba(30, 43, 55, .2);
    padding-bottom: var(--token-spacing-m)
}

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

.ModalHeader-module_titleSection__AzRY- {
    display: flex;
    flex-direction: column
}

.BaseModal-module_container__tr8NI {
    background-color: var(--token-color-white);
    border-radius: 10px;
    box-shadow: 0 2px 6px #1e2b3733;
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    max-width: 100vw
}

.ConfirmationModal-module_container__kqVGO {
    width: 480px
}

.ConfirmationModal-module_contentContainer__aODHR {
    display: flex;
    flex-direction: row
}

.ConfirmationModal-module_buttonContainer__kjVfc {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.ConfirmationModal-module_buttonWrapper__Mp4W- {
    width: 100%
}

.YoutubeModal-module_container__OfEgv {
    aspect-ratio: 16/9;
    background-color: var(--token-color-white);
    border-radius: 10px;
    box-shadow: 0 2px 6px #1e2b3733;
    margin: 62px var(--token-spacing-xxl);
    width: clamp(7rem, 70%, 90vw)
}

.Pill-module_container__0k-WS {
    border-radius: 4px;
    display: block;
    font-weight: 700;
    text-align: center
}

.Pill-module_medium__NZFZy {
    font-size: 14px;
    padding: var(--token-spacing-xxxs) var(--token-spacing-xs)
}

.Pill-module_small__oBFv0 {
    font-size: var(--token-spacing-s);
    padding: var(--token-spacing-xxxs)
}

.Pill-module_green__Z4Sad {
    background-color: var(--token-color-green10);
    color: var(--token-color-green100)
}

.Pill-module_grey__Q9PIJ {
    background-color: var(--token-color-black10);
    color: var(--token-color-black40)
}

.Pill-module_purple__TUUfA {
    background-color: var(--token-color-purple10);
    color: var(--token-color-purple100)
}

.Pill-module_red10__-wkEL, .Pill-module_red__IxIsS {
    background-color: var(--token-color-red10);
    color: var(--token-color-red100)
}

.Pill-module_red70__6O3S- {
    background-color: var(--token-color-red70);
    color: var(--token-color-white)
}

.Pill-module_yellow__n7wvT {
    background-color: var(--token-color-yellow10);
    color: #c1a119
}

.Pill-module_blue__6eZsk {
    background-color: var(--token-color-blue5);
    color: var(--token-color-blue100) !important
}

.SearchBar-module_searchBar__KbC2p {
    display: flex;
    flex-direction: row;
    position: relative
}

.SearchBar-module_searchBar__KbC2p input {
    align-items: center;
    border: 1px solid var(--token-color-black20);
    border-radius: 4px;
    display: flex;
    font-size: 16px;
    gap: 12px;
    max-width: 480px;
    outline: none;
    padding: 12px 16px 12px 52px;
    width: 100%
}

.SearchBar-module_searchBar__KbC2p input:focus {
    border: 1px solid var(--token-color-blue100)
}

.SearchBar-module_suggestions__-zxHS {
    background-color: #fff;
    background: var(--white-white, #fff);
    border: 1px solid var(--blue-blue-20, #cfdaec);
    border-radius: 4px;
    box-shadow: 0 4px 14px #00000040;
    margin: 54px 0 0;
    padding: 0;
    position: absolute;
    width: clamp(90%, 60vw, 1000px)
}

.SearchBar-module_suggestions__-zxHS div {
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--blue-blue-20, #cfdaec);
    cursor: pointer;
    display: flex;
    gap: 12px;
    padding: 16px;
    transition: background-color .2s
}

.SearchBar-module_suggestions__-zxHS .SearchBar-module_suggestionNote__d3u7a {
    cursor: not-allowed;
    padding: 8px 16px
}

.SearchBar-module_suggestionMore__2AgBc {
    cursor: pointer
}

.SearchBar-module_suggestionMore__2AgBc:hover {
    background-color: var(--blue-blue-20, #cfdaec)
}

.SearchBar-module_goIcon__nCm9A {
    rotate: 180deg
}

.SearchBar-module_suggestions__-zxHS div.SearchBar-module_selected__YjJ7a {
    background-color: var(--token-color-blue20)
}

.SearchBar-module_icon__EH01W {
    left: 16px;
    position: absolute;
    transform: translateY(50%)
}

.Radio-module_container__nkqUA {
    cursor: pointer;
    display: flex
}

.Radio-module_alignCenter__woyen {
    align-items: center
}

.Radio-module_hiddenRadio__u-zz7 {
    display: none
}

.Radio-module_icon__91ZSU {
    flex: auto
}

.Tab-module_textContainer__8Xgs4 {
    color: var(--token-color-black80);
    padding: var(--token-spacing-s) 0 var(--token-spacing-s) 0
}

.Tab-module_active__8AHjw {
    color: var(--token-color-blue100);
    padding: var(--token-spacing-s) 0 var(--token-spacing-xs) 0
}

.Tab-module_bottomLineContainer__SF8JN {
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    padding: 0 var(--token-spacing-m);
    text-align: center
}

.Tab-module_bottomLineContainer__SF8JN:hover {
    background-color: var(--token-color-blue5)
}

.Tab-module_tabContainer__GMQDL {
    border-radius: 24px;
    color: var(--token-color-black100);
    cursor: pointer;
    margin: 10px 0;
    padding: 6px 16px;
    text-align: center
}

.Tab-module_tabContainer__GMQDL:hover {
    background-color: var(--token-color-blue50);
    color: #fff
}

.Tab-module_tabContainer__GMQDL:active {
    background-color: var(--token-color-blue200);
    color: #fff
}

.Tab-module_tabContainerActive__Ha7Ty {
    background-color: var(--token-color-blue100);
    color: #fff
}

.Tabs-module_tabWrapper__t0v2h {
    align-items: center;
    display: flex;
    flex-direction: row
}

.Tabs-module_borderBottom__vsUrZ {
    border-bottom: 1px solid var(--token-color-black10)
}

.Tabs-module_justifyContentCenter__1Duv5 {
    justify-content: center
}

.Tabs-module_container__H7oxY {
    display: flex;
    overflow: auto
}

.Tabs-module_bottomBorderActive__68nb2 {
    background-color: var(--token-color-blue100);
    border-radius: var(--token-spacing-xxxxs);
    direction: flex;
    height: var(--token-spacing-xxxs)
}

.Tabs-module_bottomBorderInactive__VXMb7 {
    background-color: var(--token-color-black5);
    direction: flex;
    height: 1px
}

.Tabs-module_wrapper__WQHU8 {
    display: flex;
    flex-direction: column;
    white-space: nowrap
}

.Tabs-module_stretch__CPz73 {
    flex-grow: 1
}

.Tabs-module_rounded__2M3CE {
    max-width: 100%;
    overflow-x: scroll;
    scroll-behavior: smooth
}

.Tabs-module_rounded__2M3CE::-webkit-scrollbar {
    -webkit-appearance: none;
    background: transparent;
    height: 0;
    width: 0
}

.Tabs-module_left__C8UAw {
    box-shadow: 3px 0 4px -4px #00000040;
    -webkit-box-shadow: 3px 0 4px -4px rgba(0, 0, 0, .12);
    -moz-box-shadow: 3px 0 4px -4px rgba(0, 0, 0, .12);
    cursor: pointer;
    margin-right: var(--token-spacing-m);
    padding: 9px 8px 9px 20px
}

.Tabs-module_right__9BzCQ {
    box-shadow: -3px 0 4px -4px #00000040;
    -webkit-box-shadow: -3px 0 4px -4px rgba(0, 0, 0, .25);
    -moz-box-shadow: -3px 0 4px -4px rgba(0, 0, 0, .25);
    cursor: pointer;
    margin-left: var(--token-spacing-m);
    padding: 9px 20px 9px 8px
}

.TimeInput-module_container__1TfGw {
    display: flex;
    gap: 0 var(--token-spacing-xs)
}

.TimeInput-module_durationContainer__QLbpS {
    align-items: center;
    border: 1px solid var(--token-color-black20);
    border-radius: 4px;
    display: flex;
    gap: 0 var(--token-spacing-xs);
    padding: var(--token-spacing-xs)
}

.TimeInput-module_button__-P-oo {
    height: 21px;
    padding: var(--token-spacing-xxxs);
    width: 21px
}

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

.TimeInput-module_input__thypj {
    -moz-appearance: textfield;
    border: none;
    font-size: 14px;
    height: 24px;
    width: 24px
}

.Checkbox-module_container__WmQBc {
    cursor: pointer;
    display: flex
}

.Checkbox-module_alignCenter__PHJDI {
    align-items: center
}

.Checkbox-module_hiddenCheckbox__biYLc {
    display: none
}

.Checkbox-module_styledCheckbox__-DVGA {
    display: inline-block;
    height: 24px;
    width: 24px
}

.Checkbox-module_horizontal__k4H-F {
    display: flex;
    gap: var(--token-spacing-xs)
}

.Checkbox-module_actionButton__iBwTE {
    padding: 6px 0
}

.Checkbox-module_actionButton__iBwTE:hover:enabled {
    background: none
}

.Checkbox-module_icon__9hHqo {
    align-items: center;
    display: flex
}

.MultipleTextInput-module_container__mXqSE {
    align-items: center;
    border: 1px solid var(--token-color-black20);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--token-spacing-xxxs);
    padding: var(--token-spacing-xxxs);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.MultipleTextInput-module_container__mXqSE:focus-within {
    border-color: var(--token-color-blue80);
    box-shadow: 0 0 0 .2rem #0d47a140
}

.MultipleTextInput-module_container__mXqSE input {
    border: 0;
    flex: 1;
    font-size: 14px;
    padding: var(--token-spacing-xxxs)
}

.MultipleTextInput-module_container__mXqSE input:focus {
    outline: none
}

.MultipleTextInput-module_errorInput__OjNCW, .MultipleTextInput-module_errorInput__OjNCW:focus-within {
    border-color: var(--token-color-red100)
}

.MultipleTextInput-module_errorInput__OjNCW:focus-within {
    box-shadow: 0 0 0 .2rem var(--token-color-red20)
}

.MultipleTextInput-module_warningInput__Qx4Nd, .MultipleTextInput-module_warningInput__Qx4Nd:focus-within {
    border-color: var(--token-color-yellow100)
}

.MultipleTextInput-module_warningInput__Qx4Nd:focus-within {
    box-shadow: 0 0 0 .2rem var(--token-color-yellow20)
}

.MultipleTextInput-module_customMessageInput__IG-KL {
    border-color: var(--custom-message-color, var(--token-color-black20))
}

.MultipleTextInput-module_customMessageInput__IG-KL:focus-within {
    border-color: var(--custom-message-color, var(--token-color-blue80));
    box-shadow: 0 0 0 .2rem rgb(var(--custom-message-color-rgb, 13 71 161)/25%)
}

.MultipleTextInput-module_inputWithMessageIcon__QlhHZ {
    background-image: var(--message-icon);
    background-position: right 9px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-right: var(--token-spacing-xxxl)
}

.MultipleTextInput-module_pill__bi6mo {
    align-items: center;
    border: 1px solid var(--token-color-black40);
    border-radius: 16px;
    color: var(--token-color-black100);
    column-gap: var(--token-spacing-xxxs);
    display: inline-flex;
    max-width: 100%;
    padding: var(--token-spacing-xxxs) var(--token-spacing-xs)
}

.MultipleTextInput-module_invalid__P2yIJ {
    background-color: var(--token-color-red100);
    border: none;
    color: var(--token-color-white)
}

.MultipleTextInput-module_pill__bi6mo > .MultipleTextInput-module_content__jbTXr {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MultipleTextInput-module_pill__bi6mo > .MultipleTextInput-module_remove__YP-5M {
    align-items: center;
    background: none;
    border: none;
    display: inline-flex;
    height: 12px;
    justify-content: center;
    padding: 0;
    width: 12px
}

.MultipleTextInput-module_pill__bi6mo > .MultipleTextInput-module_remove__YP-5M svg path {
    fill: var(--token-color-black100)
}

.MultipleTextInput-module_invalid__P2yIJ > .MultipleTextInput-module_remove__YP-5M svg path {
    fill: var(--token-color-white) !important
}

.PasswordField-module_container__Ac78J {
    position: relative
}

.PasswordField-module_fieldContainer__LDvl3 .PasswordField-module_input-group__ve9zm > .PasswordField-module_form-control__BRlxL, .PasswordField-module_fieldContainer__LDvl3 input {
    border-radius: 4px !important
}

.PasswordField-module_eyeIcon__eRGDD {
    align-items: center;
    background-color: transparent;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    bottom: 1px;
    cursor: pointer;
    display: flex;
    height: 33px;
    justify-content: center;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 40px;
    z-index: 1
}

.PasswordField-module_eyeIcon__eRGDD i {
    margin: 0 !important;
    position: static;
    transform: none
}

.PasswordField-module_eyeIconWithBackground__pWVBN {
    background-color: #fff;
    z-index: 3
}

.PasswordField-module_inputBlack__mKoQN {
    color: var(--token-color-black100)
}

.PasswordField-module_mobile__JPsc3 {
    border: none;
    border-bottom: 1px solid var(--token-color-black10);
    padding: var(--token-spacing-xs) 0;
    transition: border-color .3s;
    width: 100%
}

.PasswordField-module_mobile__JPsc3:active, .PasswordField-module_mobile__JPsc3:focus, .PasswordField-module_mobile__JPsc3:hover {
    border-color: var(--token-color-blue100);
    outline: none
}

.PasswordField-module_mobile__JPsc3:active:after, .PasswordField-module_mobile__JPsc3:focus:after, .PasswordField-module_mobile__JPsc3:hover:after {
    width: 100%
}

.PasswordField-module_mobile__JPsc3:disabled {
    border-color: var(--token-color-black20)
}

.PasswordField-module_error__7BG01:active, .PasswordField-module_error__7BG01:focus, .PasswordField-module_error__7BG01:hover, .PasswordField-module_mobile__JPsc3.PasswordField-module_error__7BG01 {
    border-color: var(--token-color-red100)
}

.PasswordField-module_borderRadiusZero__H3UdU {
    border-radius: 0
}

.PasswordField-module_hideEyeIcon__TDmG4 {
    background-color: var(--token-color-white)
}

.PasswordValidationIndicator-module_container__6ETNq {
    display: flex;
    flex-direction: column
}

.PasswordValidationIndicator-module_indicator__0-39F {
    align-items: center;
    display: flex;
    margin-bottom: var(--token-spacing-xxs)
}

.PasswordValidationIndicator-module_indicator__0-39F :not(:last-child) {
    margin-right: var(--token-spacing-xs)
}

.DatePicker-module_container__cb7tJ {
    position: relative
}

.DatePicker-module_container__cb7tJ .react-datepicker-wrapper {
    width: 100%
}

.DatePicker-module_container__cb7tJ .react-datepicker__triangle:after, .DatePicker-module_container__cb7tJ .react-datepicker__triangle:before {
    left: -20px !important
}

.DatePicker-module_hideDateInput__7-c37 {
    height: 0
}

.DatePicker-module_inputContainer__6FA2g {
    background-clip: padding-box;
    background-color: var(--token-color-white);
    border: 1px solid var(--token-color-black20);
    border-radius: 4px;
    color: var(--token-color-black100);
    display: block;
    font-weight: 400;
    height: 35px;
    line-height: 1.5;
    padding: var(--token-spacing-xxs) var(--token-spacing-s);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.DatePicker-module_inputContainer__6FA2g:focus {
    background-color: var(--token-color-white);
    border-color: var(--token-color-blue80);
    box-shadow: 0 0 0 .2rem #0d47a140;
    color: var(--token-color-black100);
    outline: 0
}

.DatePicker-module_inputContainer__6FA2g:disabled {
    background-color: var(--token-color-black10);
    opacity: 1
}

.DatePicker-module_errorInput__-lJt8, .DatePicker-module_errorInput__-lJt8:focus {
    border-color: var(--token-color-red100)
}

.DatePicker-module_errorInput__-lJt8:focus {
    box-shadow: 0 0 0 .2rem var(--token-color-red20)
}

.DatePicker-module_warningInput__n-IR1, .DatePicker-module_warningInput__n-IR1:focus {
    border-color: var(--token-color-yellow100)
}

.DatePicker-module_warningInput__n-IR1:focus {
    box-shadow: 0 0 0 .2rem var(--token-color-yellow20)
}

.DatePicker-module_customMessageInput__pRi1Z {
    border-color: var(--custom-message-color, var(--token-color-black20))
}

.DatePicker-module_customMessageInput__pRi1Z:focus {
    border-color: var(--custom-message-color, var(--token-color-blue80));
    box-shadow: 0 0 0 .2rem rgb(var(--custom-message-color-rgb, 13 71 161)/25%)
}

.DatePicker-module_inputWithMessageIcon__zFqkm {
    background-image: var(--message-icon);
    background-position: right 26px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-right: 48px
}

.DatePicker-module_dateIcon__rzl5E {
    align-items: center;
    bottom: 1px;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 26px
}

[class*=react-datepicker-popper] {
    z-index: 5 !important
}

.RadioGroup-module_vertical__2yPbP {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.RadioGroup-module_horizontal__vOn9u {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%
}

.RadioGroup-module_horizontal__vOn9u > :not(:last-child) {
    margin-right: var(--token-spacing-s)
}

.SelectionCard-module_container__6Vr3N {
    align-items: center;
    background-color: var(--token-color-white);
    border: 2px solid var(--token-color-black20);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    padding: var(--token-spacing-l)
}

.SelectionCard-module_container__6Vr3N:hover:not(.SelectionCard-module_disabled__T1rxT,.SelectionCard-module_selected__alD5k) {
    background-color: var(--token-color-blue5);
    border: 2px solid var(--token-color-blue20)
}

.SelectionCard-module_disabled__T1rxT {
    cursor: not-allowed
}

.SelectionCard-module_selected__alD5k {
    background-color: var(--token-color-blue10);
    border: 2px solid var(--token-color-blue80)
}

.SelectionCard-module_unclickable__zetfl {
    cursor: default
}

.SelectionCard-module_alignItemsStart__A4eLw {
    align-items: flex-start
}

.SelectionCard-module_icon__DhmfV {
    border: 2px solid var(--token-color-blue20);
    border-radius: 50%
}

.SelectionCard-module_customIconContainer__X94n1, .SelectionCard-module_icon__DhmfV {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.SelectionCard-module_content__61o15 {
    flex: 1
}

._container_13fla_1 {
    padding: var(--token-spacing-xs);
    background: var(--token-color-white);
    border: 1px solid var(--token-color-black10);
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
    align-items: center;
    width: 66px;
    column-gap: var(--token-spacing-xxxs)
}

._dropdownMenu_13fla_13 {
    width: 140px
}

._chevron_13fla_17 {
    margin-left: auto
}

._textField_1lr2x_1:hover, ._textField_1lr2x_1:focus, ._textField_1lr2x_1:active {
    border-color: var(--theme-paycheckout-primary-color)
}

._container_pzdum_1 {
    min-height: 60px;
    background-image: linear-gradient(to right, var(--theme-paycheckout-appbar-start-gradient-color) 4%, var(--theme-paycheckout-appbar-end-gradient-color) 128%);
    display: block
}

._showSelectLang_pzdum_11 {
    z-index: 11
}

._box_pzdum_15 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--token-color-white)
}

._leftBox_pzdum_22 {
    display: flex;
    align-items: center
}

._textContainer_1ook9_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row
}

._container_1ook9_8 {
    background-color: var(--token-color-white)
}

._divider_1ook9_12 {
    border-top: 1px solid var(--token-color-black5);
    margin: 0 var(--token-spacing-m)
}

._expirationCard_1ook9_17 {
    text-align: center
}

._container_77a7l_1 {
    border-top: 1px solid #f3f3f3;
    background-color: var(--token-color-white)
}

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

._sticky_77a7l_11 {
    position: sticky;
    bottom: 0
}

._containerPayment_77a7l_16 {
    border-top: 1px solid var(--token-color-blue20);
    background-color: var(--token-color-white)
}

._content_77a7l_21 {
    width: 50%
}

._contentRight_77a7l_25 {
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: end
}

._fullWidth_77a7l_31 {
    width: 100%
}

._textRight_77a7l_35 {
    text-align: right
}

._logoLeft_77a7l_39 {
    display: inline-flex
}

._logoLeft_77a7l_39 img, ._logoLeft_77a7l_39 svg, ._logoRight_77a7l_45 img {
    height: 18px;
    object-fit: contain
}

._buttonBayar_77a7l_50 {
    padding: 0 30.5px
}

._container_1kwk9_1 {
    background-color: var(--token-color-black5);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto;
    position: relative
}

._footer_1kwk9_10 {
    margin-top: auto
}

._noFooter_1kwk9_14 {
    min-height: initial
}

._ribbon_1kwk9_18 {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

._ribbon_1kwk9_18 span {
    position: absolute;
    display: block;
    width: 137px;
    line-height: 27px;
    text-align: center;
    background-color: var(--token-color-yellow100);
    top: 20px;
    right: -30px;
    transform: rotate(45deg)
}

._bottomSheetContainer_1ipb6_1 {
    max-height: 90vh;
    max-width: 420px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px 8px 0 0;
    overflow-y: scroll
}

::-webkit-scrollbar {
    width: 0;
    background: transparent
}

::-webkit-scrollbar-thumb {
    background: #ff0000
}

._bottomSheetOpen_1ipb6_22 {
    animation: _moveUp_1ipb6_1 .8s forwards;
    -webkit-animation: _moveUp_1ipb6_1 .8s forwards
}

._bottomSheetClose_1ipb6_27 {
    animation: _moveDown_1ipb6_1 .8s forwards;
    -webkit-animation: _moveDown_1ipb6_1 .8s forwards
}

._header_1ipb6_32 {
    position: sticky;
    top: 0;
    background-color: var(--token-color-white);
    width: calc(100% - 32px);
    max-width: 388px;
    padding-bottom: var(--token-spacing-s);
    z-index: 1000
}

._footer_1ipb6_42 {
    position: sticky;
    bottom: 0;
    width: calc(100% - 24px);
    max-width: 396px;
    box-shadow: 0 -2px 4px #1e2b3733;
    background-color: var(--token-color-white)
}

@keyframes _moveUp_1ipb6_1 {
    0% {
        transform: translateY(90vh)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes _moveDown_1ipb6_1 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(90vh)
    }
}

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

._list_dljwi_1 {
    list-style: none;
    padding-left: 0;
    margin: 0
}

._list_dljwi_1 > li {
    display: flex;
    flex-direction: row;
    align-items: center
}

._listIndex_dljwi_13 {
    margin-right: var(--token-spacing-xs);
    border-radius: 50px;
    background-color: var(--token-color-black100);
    color: var(--token-color-white);
    width: 7px;
    height: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0
}

._modalContainer_11fuk_1, ._modalHeaderContainer_11fuk_6 {
    width: calc(100% - 32px);
    max-width: 388px
}

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

._invoicesSectionContainer_11fuk_16 {
    border-bottom: 1px solid var(--token-color-black20)
}

._overviewSectionContainer_11fuk_20 {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--token-color-black20)
}

._paymentMethod_11fuk_26 {
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    border-radius: 8px 8px 0 0
}

._paymentMethodOpen_11fuk_38 {
    animation: _moveUp_11fuk_1 .8s;
    -webkit-animation: _moveUp_11fuk_1 .8s
}

._paymentMethodClose_11fuk_43 {
    animation: _moveDown_11fuk_1 .8s;
    -webkit-animation: _moveDown_11fuk_1 .8s
}

._headerPaymentMethod_11fuk_48 {
    max-width: 388px;
    padding-bottom: var(--token-spacing-s)
}

@keyframes _moveUp_11fuk_1 {
    0% {
        transform: translateY(90vh)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes _moveDown_11fuk_1 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(90vh)
    }
}

._container_6ic7p_1 {
    background-color: var(--token-color-white);
    display: flex;
    flex-direction: column
}

._maxPaymentWarningContainer_6ic7p_7 {
    padding-bottom: var(--token-spacing-m);
    border-bottom: .5px solid var(--token-color-black10)
}

._paymentOverviewContainer_6ic7p_12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--token-spacing-m)
}

._paymentOverviewSection_6ic7p_19 {
    flex-basis: 45%
}

._modalContainer_1g2n4_1, ._modalHeaderContainer_1g2n4_6 {
    width: calc(100% - 32px);
    max-width: 388px
}

._modalFooterContainer_1g2n4_11 {
    width: calc(100% - 32px);
    max-width: 388px;
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-m);
    padding: var(--token-spacing-m)
}

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

._textContainer_1g2n4_25 {
    display: flex
}

._container_1r55a_1 {
    display: flex;
    min-height: 48px;
    border-bottom: .5px solid var(--token-color-black10)
}

._highlightedContainer_1r55a_7 {
    background-color: #f9fafc
}

._sectionContainer_1r55a_11 {
    display: flex;
    gap: var(--token-spacing-m);
    align-items: center
}

._leftSectionContainer_1r55a_17 {
    flex-basis: 50%;
    max-width: 50%
}

._rightSectionContainer_1r55a_22 {
    flex-basis: 50%;
    max-width: 50%;
    flex-direction: row-reverse
}

._titleContainer_1r55a_28 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._overviewContainer_1r55a_34 {
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-xxxs);
    min-width: calc(100% - 52px)
}

._dangerousDateContainer_1r55a_41 {
    display: flex;
    align-items: center;
    gap: 2px
}

._billContainer_1r55a_47 {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

._container_urw0v_1 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%
}

._section_urw0v_8 {
    background-color: var(--token-color-white)
}

._personalDetails_urw0v_12 {
    flex: 0 1 auto
}

._tabs_urw0v_16 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%
}

._tabsHeaderContainer_urw0v_23 {
    flex: 0 1 auto
}

._tabsPanelsContainer_urw0v_27 {
    overflow-y: scroll;
    flex: 1 1 1px
}

._tabsEmptyPanelsContainer_urw0v_32 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--token-spacing-m)
}

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

._container_iq876_1 {
    box-sizing: border-box;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--token-color-white)
}

._sendInvoiceLinkButtonContainer_iq876_11 {
    position: relative;
    width: 100%
}

._timerContainer_iq876_16 {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center
}

._textContainer_iq876_23 {
    display: flex;
    flex-wrap: nowrap
}

._container_znpes_1 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    flex-direction: column;
    text-align: center;
    background-color: #fff
}

._container_ln2vr_1 {
    background-color: #fff
}

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

._labelCvv_1l609_6 {
    margin-right: 39%
}

._cardInput_1l609_10 {
    display: grid;
    grid-template-columns: auto var(--token-spacing-xxxxl)
}

._hidden_1l609_15 {
    display: none
}

._iconCenter_1l609_19 {
    text-align: center
}

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

._paperContainer_1l609_28 {
    flex-grow: 1;
    height: 10%
}

._inputBox_1l609_33 {
    width: 100%;
    margin-right: 100px
}

._container_w0avl_1 {
    border-radius: 4px;
    border: solid 1px var(--token-color-black10);
    vertical-align: middle;
    cursor: pointer
}

._iconContainer_w0avl_8 {
    display: grid;
    grid-template-columns: min-content auto min-content;
    vertical-align: middle;
    align-items: center
}

._container_1n8rh_1 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 var(--token-spacing-m);
    flex-direction: column;
    text-align: center;
    background-color: var(--token-color-white)
}

._icon_1n8rh_12 {
    width: 100%;
    height: 96px
}

._contentModal_y859m_1 {
    text-align: center
}

._contentImage_y859m_5 {
    width: auto;
    height: 170px
}

._linkPaymentInstruction_y859m_10 {
    margin-top: 3px
}

._stickyBottom_y859m_14 {
    position: absolute;
    bottom: 0
}

._divider_y859m_19 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid var(--token-color-black10);
    line-height: .1em !important;
    margin: 10px 0 20px
}

._divider_y859m_19 span {
    background: #fff;
    padding: 0 10px
}

._list_da6gz_1 {
    list-style: none;
    padding-left: 0;
    margin: 0
}

._list_da6gz_1 > li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: var(--token-spacing-m)
}

._listIndex_da6gz_14 {
    margin-right: var(--token-spacing-xs);
    border-radius: 50px;
    background-color: var(--token-color-black100);
    color: var(--token-color-white);
    min-width: 24px;
    min-height: 24px;
    max-height: 24px;
    max-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0
}

._container_da6gz_30 {
    height: 100%;
    display: flex;
    flex-flow: column;
    flex-grow: 1
}

._paper_da6gz_37 {
    flex-grow: 1
}

._inputPhoneNumberOvo_da6gz_41 {
    font-size: 32px
}

._linkPaymentInstruction_da6gz_45 {
    margin-top: 3px;
    color: var(--theme-paycheckout-button-color) !important
}

._row_da6gz_50 {
    display: flex
}

._guideline_da6gz_54 {
    justify-content: center;
    cursor: pointer
}

._contentModal_da6gz_59 {
    text-align: center
}

._contentImage_da6gz_63 {
    width: 186px
}

._confirmPayment_da6gz_67 {
    display: flex;
    flex-direction: column;
    max-width: 390px;
    position: absolute;
    overflow: scroll;
    width: 95%
}

._paymentMethodContainer_198pp_1 {
    display: flex;
    flex-direction: row
}

._iconPayment_198pp_6 {
    display: flex;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    width: 35%
}

._boxBorder_198pp_15 {
    border-radius: 8px
}

._titlePaymentGuideline_198pp_19 {
    text-align: center
}

._background_198pp_23 {
    position: relative;
    z-index: 1;
    background: var(--token-color-blue5)
}

._background_198pp_23:before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 0 0 64px 64px;
    top: 0;
    right: 0;
    left: 0;
    height: 136px;
    background: var(--token-color-blue100)
}

._icon_198pp_6 {
    width: 100%
}

._paper_198pp_45 {
    border-radius: 8px;
    padding-top: var(--token-spacing-m)
}

._container_5omd9_1 {
    background-color: var(--token-color-white100)
}

._containerWithSeparator_5omd9_5 {
    border-bottom: 1px solid var(--token-color-black5);
    background-color: var(--token-color-white100)
}

._iconRight_5omd9_10 {
    padding: 1px;
    margin-left: auto;
    display: flex;
    box-shadow: 0 0 4px 1px var(--token-color-black20);
    border-radius: 50%;
    display: none;
}

._iconRight_5omd9_10 > svg {
    background: yellow;
}

.bank-item.selected ._iconRight_5omd9_10 {
    display: block;
}

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

._bankImg_5omd9_24 img {
    padding-top: 6px;
    object-fit: contain
}

._cursorPointer_5omd9_29 {
    cursor: pointer
}

._checkmark_5omd9_33 {
    position: absolute;
    width: 25px;
    height: 25px;
    right: -5px;
    bottom: -5px;
    background-color: var(--token-color-white);
    border-radius: 100px
}

._arrowRight_5omd9_43 {
    margin-left: auto;
    display: flex
}

._section_1qceu_1 {
    display: flex;
    flex-direction: column
}

._list_1bj3s_1 {
    list-style: none;
    padding-left: 0;
    margin: 0
}

._list_1bj3s_1 > li {
    display: flex;
    flex-direction: row;
    align-items: center
}

._listIndex_1bj3s_13 {
    margin-right: var(--token-spacing-xs);
    border-radius: 50px;
    background-color: var(--token-color-black100);
    color: var(--token-color-white);
    width: 7px;
    height: 7px;
    display: table;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0
}

._container_cgqqq_1 {
    height: 100%;
    display: flex;
    flex-flow: column;
    flex-grow: 1
}

._paper_cgqqq_8 {
    flex-grow: 1
}

._row_cgqqq_12 {
    display: inline-flex
}

._editPersonalInfoContainer_cgqqq_16 {
    text-align: center
}

._editButton_cgqqq_20 {
    display: flex;
    text-align: right;
    justify-content: center;
    align-items: center
}

._content_cgqqq_27 {
    background-color: #fff;
    overflow: auto;
    transition: all .5s ease
}

._editPersonalInfoExpand_cgqqq_33 {
    text-align: center;
    cursor: pointer
}

._rowPersonalInfo_cgqqq_38 {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--token-spacing-xs)
}

._rightContentPersonalInfo_cgqqq_44 {
    margin-left: auto;
    text-align: end
}

._separator_kn5ec_1 {
    height: 1px;
    width: 100%;
    background-color: var(--token-color-black10)
}

._container_kn5ec_7 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._paymentMethodContainer_1kipq_1 {
    display: flex;
    flex-direction: row
}

._editButton_1kipq_6 {
    display: flex;
    text-align: right;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    width: 35%
}

._row_1kipq_15 {
    display: inline-flex
}

._rowFlex_1kipq_19 {
    display: flex
}

._paymentMethodCard_1kipq_23 {
    width: 48px;
    height: 32px;
    margin-right: var(--token-spacing-xs);
    border: 1px solid var(--token-color-black20);
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

._paymentMethodItem_1kipq_34 {
    color: var(--token-color-black60)
}

._inputField_1kipq_38 {
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--token-color-black100);
    caret-color: var(--theme-paycheckout-primary-color)
}

._container_1kipq_49 {
    height: 100%;
    display: flex;
    flex-flow: column;
    flex-grow: 1
}

._paper_1kipq_56 {
    flex-grow: 1
}

._content_1kipq_60 {
    background-color: #fff;
    overflow: auto;
    transition: all 2s ease
}

._paymentMethodName_1kipq_66 {
    display: flex;
    justify-content: center;
    align-items: center
}

._paymentMethod_1kipq_1 {
    max-height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    border-radius: 8px 8px 0 0;
    overflow: scroll;
    width: 100%;
}

._paymentMethodHeader_1kipq_84 {
    position: fixed;
    width: auto;
    background-color: var(--token-color-white);
    padding-bottom: var(--token-spacing-s)
}

._confirmPayment_1kipq_91 {
    display: flex;
    flex-direction: column;
    max-width: 390px;
    position: absolute;
    overflow: scroll
}

._detailRow_1kipq_99 {
    display: flex;
    flex-direction: row;
    padding-bottom: var(--token-spacing-s)
}

._detailCol_1kipq_105 {
    display: flex;
    flex: 1
}

._right_1kipq_110 {
    justify-content: flex-end
}

._paymentMethodOpen_1kipq_124 {
    animation: _moveUp_1kipq_1 .8s;
    -webkit-animation: _moveUp_1kipq_1 .8s
}

._paymentMethodClose_1kipq_129 {
    animation: _moveDown_1kipq_1 .8s forwards;
    -webkit-animation: _moveDown_1kipq_1 .8s forwards
}

._content_1kipq_60 {
    background-color: #fff;
    overflow: auto;
    transition: all .5s ease
}

._helperMethod_1kipq_140 {
    vertical-align: middle;
    margin-right: var(--token-spacing-s)
}

._headerPaymentMethod_1kipq_145 {
    #max-width: 388px;
    background-color: var(--token-color-white);
    padding-bottom: var(--token-spacing-m);
    z-index: 1000
}

._bodyPaymentMethod_1kipq_152 {
    padding: 0
}

._spin_1kipq_114 {
    -webkit-animation: _rotation_1kipq_1 2s infinite linear;
    -moz-animation: _rotation_1kipq_1 2s infinite linear;
    -o-animation: _rotation_1kipq_1 2s infinite linear;
    animation: _rotation_1kipq_1 2s infinite linear;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%
}

._opacityButton_1kipq_166 {
    background-color: var(--token-color-blue100) !important;
    opacity: .9
}

@keyframes _moveDown_1kipq_1 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(80vh)
    }
}

@keyframes _moveUp_1kipq_1 {
    0% {
        transform: translateY(80vh)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes _rotation_1kipq_1 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes _rotation_1kipq_1 {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes _rotation_1kipq_1 {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes _rotation_1kipq_1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

._container_41pba_1 {
    width: calc(100% - 32px);
    max-width: 388px
}

._innerContainer_1tuso_1 {
    display: flex;
    justify-content: center;
    align-items: center
}

._container_1tuso_7 {
    background-color: var(--token-color-white)
}

._textContainer_1tuso_11 {
    text-align: center;
    width: 100%;
    #margin-bottom: var(--token-spacing-m);
}

._countdown_1tuso_17 {
    font-family: Barlow, Inter, sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--token-color-black100)
}

._container_ei19g_1 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 var(--token-spacing-xl);
    flex-direction: column;
    text-align: center;
    background-color: #fff
}

._expirationCard_8sqlm_1 {
    text-align: center
}

._list_po4m9_1 {
    list-style: none;
    padding-left: 0;
    margin: 0
}

._list_po4m9_1 > li {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px
}

._listIndex_po4m9_15 {
    margin-right: 8px;
    border-radius: 50px;
    background-color: var(--token-color-black100);
    color: var(--token-color-white);
    min-width: 24px;
    min-height: 24px;
    max-height: 24px;
    max-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0
}

._vaInfo_po4m9_31 {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

._vaInfo_po4m9_31 button {
    margin-left: auto
}

._ewalletInfo_1dcf1_1 {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

._paymentStatus_1dcf1_7 {
    text-align: center
}

._textLeft_1dcf1_11 {
    text-align: left
}

._actionButtons_1dcf1_15 {
    justify-content: space-between
}

._paper_1dcf1_19 {
    border-radius: 8px
}

._receiptFooter_1dcf1_23 {
    padding-top: var(--token-spacing-m);
    position: relative
}

._receiptFooter_1dcf1_23:after {
    background: linear-gradient(45deg, var(--token-color-blue5) 32px, transparent 0), linear-gradient(-45deg, var(--token-color-blue5) 32px, transparent 0);
    background-position: left-bottom;
    background-repeat: repeat-x;
    background-size: 64px 64px;
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px
}

._background_1dcf1_47 {
    position: relative;
    z-index: 1;
    background: var(--token-color-blue5)
}

._background_1dcf1_47:before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 0 0 64px 64px;
    top: 0;
    right: 0;
    left: 0;
    height: 136px;
    background: var(--theme-paycheckout-primary-color)
}

._line_1dcf1_65 {
    margin: var(--token-spacing-s) 0;
    border-top: 1px solid var(--token-color-black10)
}

._detail_1dcf1_70 {
    margin-top: var(--token-spacing-s);
    display: flex;
    justify-content: space-between
}

._sender_1dcf1_76 {
    margin-top: var(--token-spacing-xxl);
    display: flex;
    justify-content: space-around
}

._center_1dcf1_82 {
    text-align: center
}

._avatar_1dcf1_86 {
    display: flex;
    justify-content: center;
    padding: var(--token-spacing-s) 0 var(--token-spacing-xs)
}

._right_1dcf1_92 {
    text-align: right;
    max-width: 200
}

._logo_1dcf1_97 {
    height: 24px
}

._icon_1dcf1_101 {
    width: 100%
}

._titlePaymentGuideline_1dcf1_105 {
    text-align: center
}

._list_quhas_1 {
    list-style: none;
    padding-left: 0;
    margin: 0
}

._list_quhas_1 > li {
    font-family: Inter, Barlow, sans-serif;
    font-display: swap;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: var(--token-spacing-m)
}

._listIndex_quhas_16 {
    margin-right: var(--token-spacing-xs);
    border-radius: 50px;
    background-color: var(--token-color-black100);
    color: var(--token-color-white);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0
}

._referenceCodeSection_quhas_30 {
    display: flex
}

._copyButton_quhas_34 {
    margin-left: auto
}

._offlineChannelInfo_quhas_38 {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

._offlineChannelInfo_quhas_38 button {
    margin-left: auto
}

._logoPartner_quhas_48 {
    height: 32px;
    width: 48px
}

._qrContent_gdgg0_1 {
    text-align: center
}

._qrImage_gdgg0_5 {
    width: 240px;
    height: 240px
}

._buttonContainer_gdgg0_10 {
    display: flex
}

._button_gdgg0_10 {
    flex: 1
}

._qrLogo_gdgg0_18 {
    width: 120px;
    height: 35px
}

._qrDanaLogo_gdgg0_23 {
    width: 133px;
    height: 41px
}

._paper_a48qk_1 {
    flex-grow: 1
}

._container_6i0j0_1 {
    height: 100%;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

._container_1qao9_1 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

._statusButton_rwk5x_1 {
    margin-top: var(--token-spacing-m);
    align-items: center;
    justify-content: center
}

._refund_rwk5x_7 {
    margin-right: var(--token-spacing-xs)
}

._paymentStatus_rwk5x_11 {
    text-align: center
}

._container_rwk5x_15 {
    width: calc(100% - 64px);
    max-width: 356px;
    text-align: center
}

._paper_rwk5x_21 {
    border-radius: 8px
}

._receiptFooter_rwk5x_25 {
    padding-top: var(--token-spacing-m);
    position: relative
}

._receiptFooter_rwk5x_25:after {
    background: linear-gradient(45deg, var(--token-color-blue5) 32px, transparent 0), linear-gradient(-45deg, var(--token-color-blue5) 32px, transparent 0);
    background-position: left-bottom;
    background-repeat: repeat-x;
    background-size: 64px 64px;
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px
}

._background_rwk5x_49 {
    position: relative;
    z-index: 1;
    background: var(--token-color-blue5)
}

._background_rwk5x_49:before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 0 0 64px 64px;
    top: 0;
    right: 0;
    left: 0;
    height: 136px;
    background: var(--theme-paycheckout-primary-color)
}

._line_rwk5x_67 {
    margin: var(--token-spacing-s) 0;
    border-top: 1px solid var(--token-color-black10)
}

._detail_rwk5x_72 {
    margin-top: var(--token-spacing-s);
    display: flex;
    justify-content: space-between
}

._sender_rwk5x_78 {
    margin-top: var(--token-spacing-xxl);
    display: flex;
    justify-content: space-around
}

._center_rwk5x_84 {
    text-align: center
}

._avatar_rwk5x_88 {
    display: flex;
    justify-content: center;
    padding: var(--token-spacing-s) 0 var(--token-spacing-xs)
}

._right_rwk5x_94 {
    margin-left: var(--token-spacing-m);
    text-align: right;
    max-width: 200px
}

._logo_rwk5x_100 {
    height: 24px
}

._icon_rwk5x_104 {
    width: 100%
}

._ratingContainer_rwk5x_108 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: var(--token-spacing-xxxxl);
    padding-left: var(--token-spacing-xxxxl);
    padding-top: var(--token-spacing-m);
    padding-bottom: var(--token-spacing-s)
}

._ratingContainerDisabled_rwk5x_118 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: var(--token-spacing-xxxxl);
    padding-left: var(--token-spacing-xxxxl);
    padding-top: var(--token-spacing-m);
    padding-bottom: var(--token-spacing-s);
    pointer-events: none
}

._ratingBottomsheet_rwk5x_129 {
    max-height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    border-radius: 8px 8px 0 0;
    overflow: scroll
}

._sucessBottomsheet_rwk5x_141 {
    width: 100%
}

._ratingBottomsheetOpen_rwk5x_145 {
    animation: _moveUp_rwk5x_1 .8s;
    -webkit-animation: _moveUp_rwk5x_1 .8s
}

._ratingBottomsheetClose_rwk5x_150 {
    animation: _moveDown_rwk5x_1 .8s forwards;
    -webkit-animation: _moveDown_rwk5x_1 .8s forwards
}

@keyframes _moveDown_rwk5x_1 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(80vh)
    }
}

@keyframes _moveUp_rwk5x_1 {
    0% {
        transform: translateY(80vh)
    }

    to {
        transform: translateY(0)
    }
}

._headerRatingBottomsheet_rwk5x_173 {
    max-width: 388px;
    background-color: var(--token-color-white);
    padding-bottom: var(--token-spacing-m);
    z-index: 1000
}

._bodyRatingBottomsheet_rwk5x_180 {
    padding: 0;
    max-height: 340px
}

* {
    font-family: Inter, Barlow, sans-serif;
    font-display: swap
}

.label {
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: var(--token-color-black40);
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block
}

.form-group, .form-group-payment-method {
    margin-bottom: 24px
}

.form-control-payment-method {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px
}

.form-control {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px var(--token-color-black10);
    width: 100%;
    font-size: 14px;
    color: var(--token-color-black100)
}

.form-control:focus {
    outline: none !important;
    box-shadow: inset 0 -1px #ddd
}

.form-logo {
    display: flex;
    align-items: center
}

.form-logo-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--token-color-white)
}

.form-logo-name {
    font-weight: 700;
    font-size: 16px;
    padding-left: 16px
}

.input-amount {
    padding: 24px 16px
}

.form-amount {
    font-size: 32px;
    font-weight: 700
}

.form-button {
    padding-top: 8px
}

.form-group-amount::-webkit-input-placeholder {
    font-size: 32px
}

.form-group-amount::-moz-placeholder {
    font-size: 32px
}

.description {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--token-color-black100)
}

.input-personal-info {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px
}

.section-title {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--token-color-blue80)
}

.section-desc {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--token-color-black100);
    margin-bottom: 24px
}

.form-control-text {
    font-size: 14px;
    color: var(--token-color-black100)
}

.form-error {
    color: var(--token-color-red100);
    font-size: 12px;
    letter-spacing: 2px
}

.btn.btn-primary.btn-lg.btn-block.font-reg {
    border-radius: 5px;
    background-color: var(--token-color-blue100);
    font-family: Barlow, Inter, sans-serif;
    font-display: swap;
    font-size: 16px;
    font-weight: 700;
    color: var(--token-color-white);
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
    border: none;
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none
}

body {
    background-color: var(--token-color-blue10);
    display: flex;
    flex-direction: column
}

body > div {
    max-width: 420px;
    margin: 0 auto;
    width: 100%;
    background-color: #fff
}

.spin {
    -webkit-animation: rotation 2s infinite linear;
    -moz-animation: rotation 2s infinite linear;
    -o-animation: rotation 2s infinite linear;
    animation: rotation 2s infinite linear;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    width: 48px;
    height: 48px
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotation {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.loading {
    padding: 0 16px 24px;
    text-align: center
}

.footer {
    display: none
}

.head.padd-default {
    padding: 24px 16px 16px;
    text-align: center
}

.color-one {
    color: #b90a29
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, blockquote, fieldset, input {
    margin: 0;
    padding: 0
}

aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

a, select, input {
    outline: none
}

html, body, #container-outer, #container {
    height: 100%
}

body {
    background: #f4f4f4;
    overflow-x: hidden
}

a {
    color: #b90a29
}

a:hover {
    color: #780300
}

img {
    border: none
}

ol, ul {
    list-style: none outside none;
    padding: 0;
    margin: auto
}

p {
    color: #666;
    font-size: 13px;
    line-height: 18px;
    margin: auto;
    text-align: justify
}

table {
    border: 1px solid #dadada;
    font-size: 12px;
    width: 100%;
    border-collapse: collapse;
    background-color: #fff
}

tr, td {
    margin: auto;
    padding: 0
}

input {
    border: none;
    -webkit-appearance: none
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

.wrapper-select, .styled-select {
    overflow: hidden;
    width: 170px
}

select, .styled-select select {
    -webkit-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    overflow: hidden;
    width: 190px
}

#choice option {
    color: #000
}

.empty {
    color: gray
}

.clear {
    clear: both
}

.radius {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.fleft {
    float: left
}

.fright {
    float: right
}

.padd-default {
    padding: 20px;
    position: relative
}

::-moz-placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder, input:-moz-placeholder {
    opacity: 0
}

.default-width {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 3px 3px;
    margin: 0 auto;
    width: 100%
}

.text-totalpay {
    font-size: 11px;
    text-align: right
}

.amount {
    font-size: 34px
}

.select-payment-channel {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 12px 20px;
    color: #fff
}

.select-payment-channel select, select.resp-tabDrop, .promocontent-dw select {
    color: #6a6a6a;
    font-size: 18px;
    padding: 0 15px 0 0
}

.content-payment-channel ul li {
    margin: 5px 0 0
}

.line {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 20px
}

.default-btn {
    background: #147fde;
    border: 1px solid #147fde;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    padding: 14px 10px;
    width: 100%;
    cursor: pointer
}

a.default-btn {
    display: block;
    text-align: center;
    text-decoration: none;
    width: auto
}

.two-btn {
    margin-top: 20px
}

.two-btn input.default-btn, .two-btn a.default-btn {
    float: left;
    font-size: 15px;
    margin: 0 2%;
    padding: 3%;
    width: 40%
}

.second-btn {
    border-color: #606c80;
    color: #606c80
}

.second-btn:hover {
    background: #606c80;
    color: #fff
}

.two-btn input.default-btn {
    width: 45%
}

.two-btn a.default-btn {
    padding: 3.2% 3%
}

.styled-input input, .styled-input select, .styled-input input.identified.valid, .styled-input input.valid {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 40px;
    padding: 0 3%;
    width: 93%;
    font-size: 15px
}

.styled-input select {
    width: 100%
}

.width60 {
    width: 68%
}

.width50 {
    width: 49%
}

.width30 {
    width: 30%
}

.width25 {
    width: 23%
}

.width30.styled-input input {
    padding: 0 8%;
    width: 83%
}

.wrapper-secondstyle-inputbtn input.textinput {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
    padding: 7px 10px;
    width: 50%
}

.wrapper-secondstyle-inputbtn input.default-btn {
    font-size: 12px;
    margin-top: 0;
    padding: 6px 0;
    width: 100px
}

.wrapper-othermaterial label {
    color: #6a6a6a;
    font-size: 15px;
    padding: 10px 0 0
}

.right-paychan {
    position: absolute;
    right: 20px;
    top: -40px
}

.logo-payment-channel {
    display: block;
    height: 30px;
    display: inline-block
}

.cc {
    background-position: 0 0;
    width: 110px
}

.dokuwallet {
    background-position: -110px 0;
    width: 94px
}

.bcaklikpay {
    background-position: -204px 0;
    width: 131px
}

.mandiriclickpay {
    background-position: -335px 0;
    width: 56px
}

.atm {
    background-position: -391px 0;
    width: 126px
}

.mm {
    background-position: -517px 0;
    width: 31px
}

.epay {
    background-position: -548px 0;
    width: 90px
}

.cimb {
    background-position: -638px 0;
    width: 96px
}

.styled-select {
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #ccc
}

.styled-select select {
    width: 115%
}

.content-payment-channel {
    padding-bottom: 30px
}

[doku-div=form-payment] .footer {
    display: none
}

.avatar-dw {
    top: -53px
}

.avatar-dw img {
    border-radius: 40px;
    width: 45px
}

.nameuser {
    height: 20px;
    margin: 12px 0 0 10px;
    max-width: 120px;
    overflow: hidden;
    text-align: right
}

#select-paymentchannel option, .resp-tabDrop option {
    font-size: 14px
}

input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label, .readonlycase ~ label {
    font-size: .75em;
    color: #b90a29;
    top: -13px;
    -webkit-transition: all .125s ease;
    transition: all .125s ease;
    padding: 0 5px;
    background: #fff
}

.styled-input {
    position: relative;
    margin-bottom: 15px
}

.styled-input .readonlycase ~ label {
    color: #b90a29;
    font-size: .75em;
    top: -13px
}

.styled-input label {
    color: #999;
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    pointer-events: none;
    font-size: 14px
}

.styled-input.wide {
    width: 100%
}

input ~ span, textarea ~ span {
    display: block;
    width: 0;
    height: 3px;
    background: #8e44ad;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .125s ease;
    transition: all .125s ease
}

input:focus, textarea:focus {
    outline: 0
}

input:focus ~ span, textarea:focus ~ span {
    width: 100%;
    -webkit-transition: all 75ms ease;
    transition: all 75ms ease
}

#dw-channel .list-wrap, .resp-content__active {
    padding: 20px;
    margin: 0
}

#dw-channel ul {
    list-style: none
}

#dw-channel ul li a {
    display: block;
    border-bottom: 1px solid #666;
    padding: 4px;
    color: #666
}

#dw-channel .nav {
    overflow: hidden
}

#dw-channel .nav li {
    float: left;
    margin: 0
}

#dw-channel .nav li.last {
    margin-right: 0
}

#dw-channel .nav li a, #dw-channel .resp-tablist li {
    display: block;
    padding: 0 25px 10px;
    color: #6a6a6a;
    font-size: 16px;
    text-align: center;
    border: 0;
    text-decoration: none
}

#dw-channel li a.current, #dw-channel li a.current:hover, #dw-channel .resp-tablist li.resp-tablistItem__active, #dw-channel .resp-tablist li:hover {
    background-color: #fff !important;
    border-bottom: 2px solid #b90a29;
    color: #6a6a6a;
    cursor: pointer
}

#dw-channel .nav li a:hover, #dw-channel .nav li a:focus {
    border-bottom: 2px solid #b90a29
}

#dw-channel label.lxco {
    padding: 0;
    top: 0
}

#dw-channel .exco-listcard .listcard {
    float: left;
    margin: 0 2%;
    width: 46%
}

#dw-channel .resp-tablist li {
    display: inline
}

.resp-content__active {
    margin-top: 15px
}

.padd-dw {
    padding: 20px 0 0
}

.saldo-dw {
    margin: 20px 0
}

.textsaldo {
    color: #9a9a9a;
    font-size: 14px
}

.saldo {
    color: #717171;
    font-size: 40px
}

.exco-listcard input[type=radio] {
    display: none
}

ul.list-tabmenudw li {
    width: auto
}

ul.list-tabmenudw li a {
    display: block
}

.list-tabmenudw li:last-of-type {
    min-width: 1px !important;
    width: 1px !important
}

.text-tabmenu {
    display: inline-block
}

.exco-card .nunmber-cc .title-default {
    font-size: 18px
}

.exco-card .default-contab {
    margin: 0
}

.exco-listcard {
    margin: 0;
    display: block
}

.exco-listcard .lxco {
    width: 100%;
    float: left;
    transition: all ease .3s;
    margin-right: 5px;
    border: 1px solid #dadada;
    border-radius: 4px;
    position: relative;
    cursor: pointer
}

.lxco .wrapper-card-ex:after {
    position: absolute;
    border-radius: 50px;
    display: none;
    width: 25px;
    height: 25px;
    right: 10px;
    top: 10px;
    content: ""
}

input[type=radio]:checked + .lxco {
    border: 1px solid #41dfbe
}

input[type=radio]:checked + .lxco .wrapper-card-ex:after {
    display: block
}

.type-cc {
    display: block;
    height: 30px;
    margin: 3px 10px;
    float: left
}

.visa {
    background-position: 0 0
}

.mastercard {
    background-position: -69px 0;
    width: 45px
}

.wrapper-list-excc ul li {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    width: 48%;
    border-bottom: 2px solid #e1e1e1;
    float: left;
    margin-bottom: 15px
}

.type-exist input {
    float: left;
    margin: 15px 10px 0 12px
}

.wrapper-card-ex {
    padding: 5px 0 0
}

.type-exist {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 5px
}

.default-contab {
    margin-top: 15px;
    margin-bottom: 25px
}

.wrapper-cont-cc {
    background-color: #fafbfb;
    border-radius: 0 0 3px 3px;
    padding: 15px 12px
}

.title-wcc {
    color: #959494;
    font-size: 11px;
    margin: 5px 0
}

.validthru {
    margin: 15px 0 0
}

.validthru .title-wcc {
    float: left
}

.text-tvt {
    color: #8d8d8d;
    float: left;
    font-size: 19px;
    margin-left: 10px
}

.marg-right {
    margin-right: 2%
}

.note-recur {
    border-bottom: 1px solid #fff;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 10px
}

.text-noterecur-newcc {
    display: block;
    float: left;
    font-size: 13px;
    line-height: 16px;
    margin-left: 11px;
    padding-bottom: 4px;
    width: 94%
}

.nr-ncc input {
    float: left
}

.price-nrncc {
    font-size: 20px;
    line-height: 23px
}

.wrapper-profile ul li span.quan-items {
    font-size: 16px
}

.left-title-dbil {
    float: left
}

.text-tdbil {
    border-radius: 3px;
    margin-top: 7px;
    padding: 8px 15px
}

.arrow-detbil {
    margin-left: 45%
}

.input-cvv-recur {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 0 3px 3px;
    padding: 10px
}

.input-cvv-recur input {
    border: 1px solid #ccc;
    font-size: 16px;
    padding: 10px;
    width: 80%
}

.text-cvv-recur {
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 20px
}

.wrapper-cvv-recur {
    margin-top: 25px
}

.num-card {
    color: #717171;
    font-size: 22px
}

.img-cardlist {
    margin-left: 12px
}

.img-desc {
    width: 100%
}

.detail-result ul li, .show-points ul li, .option-codevoucher ul li {
    border-bottom: 1px solid #f4f4f4;
    font-size: 16px;
    padding: 13px 0
}

.detail-result ul li:first-child {
    padding-top: 0
}

.detail-result ul li:last-of-type {
    border: none
}

.detail-result ul li .fleft, .text-titledw-promo {
    color: #6a6a6a;
    font-size: 16px
}

.detail-result ul li .fright {
    color: #8e8e8e
}

.detail-result ul li .fright.color-one {
    font-size: 20px
}

.text-notif-result {
    font-size: 18px;
    margin: 6px 0 6px 10px
}

.title-listpromo {
    color: #717171
}

.amount-listpromo {
    font-size: 20px
}

.ifusingpromo {
    padding: 0 10px;
    margin: 5px 0
}

.promocontent-dw {
    display: none
}

.textva {
    font-size: 14px;
    text-align: right
}

.numva {
    font-size: 27px
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 120px;
    height: 60px;
    background-color: #ddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
    display: block;
    position: absolute;
    content: ""
}

input.cmn-toggle-round-flat + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round-flat + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 52px;
    background-color: #ddd;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: margin .4s, background .4s;
    -moz-transition: margin .4s, background .4s;
    -o-transition: margin .4s, background .4s;
    transition: margin .4s, background .4s
}

input.cmn-toggle-round-flat:checked + label {
    background-color: #41dfbe
}

input.cmn-toggle-round-flat:checked + label:after {
    margin-left: 60px;
    background-color: #41dfbe
}

.texttoggleform {
    margin-bottom: 5px;
    padding-top: 8px
}

.toogle-medium input.cmn-toggle-round-flat + label {
    width: 70px;
    height: 30px
}

.toogle-medium input.cmn-toggle-round-flat + label:after {
    width: 27px
}

.toogle-medium input.cmn-toggle-round-flat:checked + label:after {
    margin-left: 38px
}

.on-toggle {
    font-size: 15px;
    margin: 7px;
    position: absolute;
    color: #41dfbe
}

.off-toggle {
    font-size: 14px;
    margin-left: 40px;
    color: #bcbcbc
}

.text-poin {
    float: left
}

.switch {
    float: right;
    margin-top: -20px
}

.show-points {
    border-radius: 3px;
    display: block;
    padding: 15px 0 10px
}

.text-poin {
    font-size: 15px;
    color: #000
}

.left-sp {
    float: left;
    font-size: 15px;
    color: #717171
}

.right-sp {
    float: right;
    font-size: 19px;
    color: #000
}

.show-points ul li {
    padding: 10px 0 3px
}

.show-points ul li:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.show-points ul li:last-of-type .right-sp {
    font-size: 24px
}

.show-points ul li:last-of-type .left-sp {
    margin-top: 4px
}

.remove-float {
    float: none
}

.second-ep {
    font-size: 14px;
    color: #717171
}

.wrapper-installment ul li {
    background: #f7f7f7 none repeat scroll 0 0;
    border-radius: 4px;
    float: left;
    margin: 1%;
    padding: 2%;
    width: 27%;
    position: relative;
    height: 50px
}

.month-installment {
    font-size: 44px;
    position: absolute;
    right: 5px;
    top: 3px
}

.text-installment {
    margin-top: 15px;
    text-align: right
}

.wrapper-installment {
    margin-top: 15px
}

.installment-con2 {
    background: #daf0ff none repeat scroll 0 0;
    border-radius: 3px;
    padding: 10px
}

.note-installment {
    color: red;
    font-size: 13px;
    font-style: italic;
    padding: 7px 0 5px
}

.desc {
    color: #8e8e8e;
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    margin-bottom: 20px
}

.text-token {
    width: 90%
}

.list-chacode ul li {
    float: left;
    text-align: center;
    width: 33%
}

.text-chacode {
    color: #6a6a6a;
    font-size: 15px;
    margin-bottom: 10px
}

.num-chacode {
    color: #1d2655;
    font-size: 16px
}

.list-chacode {
    padding: 10px 0
}

.title-recur {
    font-size: 20px;
    margin-top: 15px
}

.recur-select ul.nav li {
    width: 50%
}

.recur-select ul#addcc .logo-payment-channel {
    margin: 0 0 15px
}

.recur-select ul#addcc .tolltips-cc {
    right: 10px;
    top: 66px
}

.note-text {
    background: #f1f1f1 none repeat scroll 0 0;
    border-radius: 3px;
    margin-top: 25px;
    padding: 10px
}

.note-text .text-noterecur-newcc {
    text-align: justify;
    color: #525252
}

.padd-recuredit {
    padding: 0
}

.padd-recuredit .exco-listcard .lxco {
    cursor: auto
}

#dw-channel ul.exco-listcard li a {
    border-bottom: medium none;
    border-radius: 30px;
    cursor: pointer;
    display: block;
    margin-right: 9px;
    margin-top: 3px;
    padding: 7px 8px 3px
}

.content-modal .exco-listcard {
    margin: 0 auto;
    text-align: left;
    width: 235px
}

.resp-headings, .resp-tabDrop {
    display: none
}

.bg-grad {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%) repeat scroll 0 0;
    display: block;
    height: 40px;
    position: sticky;
    width: 100%;
    z-index: 1000000;
    display: none;
    bottom: 0
}

.padd-installment {
    padding: 5px 20px
}

.head-textcenter .amount {
    color: #6a6a6a
}

.option-codevoucher .promocontent-dw select {
    margin-top: 6px
}

.option-codevoucher ul.list-material li:last-of-type {
    background: #b1ffe4 none repeat scroll 0 0;
    padding: 10px 0 0
}

.lastlist-ifp {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 0;
    padding: 14px 10px
}

.lastlist-ifp .amount-listpromo {
    font-size: 25px
}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer
}

.checkbox-custom-label, .radio-custom-label {
    position: relative
}

.material-form .checkbox-custom + .checkbox-custom-label:before, .material-form .radio-custom + .radio-custom-label:before, .material-form .checkbox-custom + label + .checkbox-custom-label:before, .material-form .radio-custom + label + .radio-custom-label:before {
    content: "";
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 1px;
    margin-right: 10px;
    text-align: center
}

.checkbox-custom:checked + .checkbox-custom-label:before, .checkbox-custom:checked + label + .checkbox-custom-label:before {
    color: #fff;
    border-color: #41dfbe
}

.radio-custom:checked + label + .radio-custom-label:before {
    color: #fff;
    border-color: #41dfbe
}

.material-form label.checkbox-custom-label, .material-form label.radio-custom-label {
    border-bottom: 0 !important
}

.radio-custom + .radio-custom-label:before, .radio-custom + label + .radio-custom-label:before {
    border-radius: 50%
}

.radio-custom:checked + .radio-custom-label:before, .radio-custom:checked + label + .radio-custom-label:before {
    border-color: #41dfbe
}

.checkbox-custom:disabled + .checkbox-custom-label:before, .radio-custom:disabled + .radio-custom-label:before {
    background: #ddd;
    border-color: #ccc
}

.option-codevoucher label.radio-custom-label {
    color: #717171;
    font-size: 15px;
    margin: 15px 0 0
}

.option-codevoucher ul li {
    padding: 7px 0 0;
    margin-top: 0
}

.wrapper-errorpage {
    text-align: center;
    color: #b90a29
}

.iconerror {
    background: #b90a29 none repeat scroll 0 0;
    border-radius: 80px;
    margin-bottom: 15px;
    padding: 20px
}

.texterror {
    font-size: 20px;
    padding-bottom: 25px
}

.loading {
    font-size: 18px;
    text-align: center;
    padding-bottom: 25px
}

.spinner {
    width: 100px;
    height: 100px;
    position: relative;
    margin: 0 auto 25px
}

.double-bounce1 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #bf0227;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #bf0227;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {
    0%, to {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounce {
    0%, to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.tooltip {
    display: inline;
    position: relative
}

.tooltip:hover:after {
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    bottom: 40px;
    color: #fff;
    content: attr(title);
    left: -180px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 200px;
    font-size: 12px
}

.tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0;
    bottom: 35px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99
}

.tolltips-wallet {
    left: 205px;
    position: absolute;
    top: 20px
}

.tolltips-cc {
    right: 30px;
    position: absolute;
    top: 35px
}

.validasi {
    background: #fffaeb none repeat scroll 0 0;
    margin: 20px -20px 0;
    padding: 10px 20px;
    position: relative
}

.validasi .styled-input {
    margin-bottom: 0
}

html.remodal_lock, body.remodal_lock {
    overflow: hidden
}

.remodal-bg {
    -webkit-transition: -webkit-filter .2s linear;
    -moz-transition: -moz-filter .2s linear;
    -o-transition: -o-filter .2s linear;
    transition: filter .2s linear
}

body.remodal_active .remodal-bg {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px)
}

.remodal, [data-remodal-id] {
    visibility: hidden
}

.remodal-overlay {
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    text-align: center;
    opacity: 0;
    background: rgba(33, 36, 46, .95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE21242E, endColorstr=#EE21242E);
    zoom: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.remodal-overlay > * {
    -webkit-transform: translateZ(0px)
}

.remodal-overlay:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: "";
    vertical-align: middle
}

body.remodal_active .remodal-overlay {
    opacity: 1
}

.remodal {
    font-size: 16px;
    position: relative;
    display: inline-block;
    width: 70%;
    min-height: auto;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    background: #fff;
    background-clip: padding-box;
    color: #8e8e8e;
    -webkit-box-shadow: 0 0 8px #171a24;
    box-shadow: 0 0 8px #171a24;
    border-radius: 3px;
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
    -webkit-transition: -webkit-transform .2s linear;
    -moz-transition: -moz-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    transition: transform .2s linear
}

body.remodal_active .remodal {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.title-modal {
    border-bottom: 1px solid #f4f4f4;
    margin: 0 -15px;
    padding: 0 15px 10px;
    text-align: left
}

.content-modal {
    margin: 20px 0
}

.resmall {
    width: 30%
}

.italiclink {
    font-style: italic;
    text-decoration: underline
}

.color-one, .detail-result ul li .fright.color-one {
    color: #b90a29
}

#dw-channel .nav li a:hover, #dw-channel .nav li a:focus {
    color: #b90a29
}

#dw-channel li a.current, #dw-channel li a.current:hover, #dw-channel .resp-tablist li.resp-tablistItem__active, #dw-channel .resp-tablist li:hover {
    color: #b90a29
}

.color-two {
    color: #5d5d5d
}

.color-border {
    border-color: #f4f4f4
}

.success {
    color: #11a88a
}

.fail {
    color: #b70000
}

.has-error input, .styled-input input.error, .styled-input input.cc-exp.valid, .styled-input input.unknown {
    border: 1px solid red
}

#dw-channel ul.exco-listcard li a {
    background: #b90a29
}

@media screen and (max-width: 650px) {
    .default-width {
        width: 95%
    }

    .padd-default {
        padding: 10px
    }

    .left-head img {
        width: 100px
    }

    .text-totalpay {
        font-size: 10px
    }

    .amount {
        font-size: 25px
    }

    .wrapper-select {
        width: 100%
    }

    .select-payment-channel select, .wrapper-select select {
        width: 105%
    }

    .right-paychan {
        position: relative;
        right: 0;
        top: 0;
        margin: 5px 0 10px
    }

    .styled-input input, .styled-input select, .styled-input input.identified.valid, .styled-input input.valid {
        border: none;
        border-bottom: 1px solid #ccc;
        border-radius: 0
    }

    .styled-input label {
        left: 5px
    }

    .tolltips-cc {
        top: 22%;
        right: 11px
    }

    .has-error input, .styled-input input.error, .styled-input input.cc-exp.valid, .styled-input input.unknown {
        border: none;
        border-bottom: 1px solid red
    }

    input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label {
        padding: 0
    }

    .mobile-nofloat .fleft, .mobile-nofloat .fright {
        float: none;
        width: 100%
    }

    .list-chacode ul li {
        float: none;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #f4f4f4;
        padding: 8px 0
    }

    .list-chacode .text-chacode {
        width: 50%;
        float: left;
        margin-bottom: 0
    }

    .list-chacode .num-chacode {
        float: right
    }

    .text-token {
        width: 85%;
        margin-bottom: 5px
    }

    .validasi {
        margin: 20px -10px;
        padding: 10px
    }

    .validasi .width50 {
        float: none;
        width: 100%
    }

    .validasi .styled-input input {
        border: 1px solid #ccc;
        border-radius: 3px
    }

    .tolltips-wallet {
        left: auto;
        right: 20px
    }

    .remodal {
        width: 90%
    }

    .mm, .resp-tablist {
        display: none
    }

    .resp-tabDrop {
        display: block
    }

    #dw-channel .list-wrap, .resp-content__active {
        margin: 0;
        padding: 15px 0
    }

    .avatar-dw {
        position: absolute;
        right: 10px;
        text-align: right;
        top: -55px;
        width: 180px
    }

    .avatar-dw .nameuser {
        float: right
    }

    .selectdw {
        border-bottom: 1px solid #f4f4f4;
        margin: 0 -10px;
        padding: 0 10px 10px
    }

    .toogle-medium input.cmn-toggle-round-flat:checked + label:after {
        margin-left: 34px
    }

    .img-other {
        width: 100px
    }

    .padd-installment {
        padding: 5px 10px
    }

    .switch {
        margin-top: -13px
    }

    .head-textcenter .fleft, .head-textcenter .fright {
        float: none
    }

    .head-textcenter .right-head {
        border-bottom: 1px solid #f4f4f4;
        border-top: 1px solid #f4f4f4;
        clear: both;
        float: none;
        margin: 10px -10px 0;
        padding: 10px 0;
        text-align: center
    }

    .head-textcenter .amount {
        font-size: 20px;
        margin-top: 0
    }

    #dw-channel .nav.navtwo li a {
        font-size: 14px;
        padding: 0 10px 10px
    }
}

@media screen and (max-width: 360px) {
    .avatar-dw img {
        display: none
    }

    #dw-channel .exco-listcard .listcard {
        float: none;
        margin: 0 auto 15px;
        width: 230px
    }

    .wrapper-listcard {
        height: 180px;
        overflow: scroll;
        position: relative
    }

    .bg-grad {
        display: block
    }

    .bg-grad.fortop {
        top: 0;
        background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(255, 255, 255, 0) 0%, white 100%) repeat scroll 0 0
    }

    .show-points ul li:last-of-type .left-sp {
        text-align: left;
        width: 135px
    }

    .wrapper-installment ul li {
        width: 44%
    }

    .text-noterecur-newcc {
        width: 90%;
        font-size: 12px;
        line-height: 14px
    }

    .option-codevoucher ul li {
        padding-bottom: 10px
    }

    .option-codevoucher ul li .fleft, .option-codevoucher ul li .fright {
        float: none
    }

    .title-listpromo {
        margin-bottom: 5px
    }

    .resultpage .head .left-head.fleft {
        float: none;
        text-align: center
    }

    .resultpage .head .right-head.fright {
        float: none;
        text-align: center;
        margin-top: 10px
    }

    .resultpage .head .right-head.fright img, .resultpage .head .right-head.fright .fleft.text-notif-result {
        float: none;
        text-align: center
    }

    .resultpage .head .right-head.fright .textva {
        text-align: center
    }
}

.dw-acc-exist {
    display: block;
    width: 100%;
    margin: 10px 0;
    height: auto;
    padding: 20px 0
}

.ava-dw-exist {
    float: left;
    width: 80px;
    height: 80px;
    background: red;
    border-radius: 100px;
    overflow: hidden;
    margin-bottom: 10px
}

.ava-dw-exist img {
    width: 100%;
    height: auto
}

.info-dw {
    float: left;
    width: 75.9%;
    height: auto;
    border: 0 solid red;
    margin-left: 2%;
    position: relative
}

.info-dw .info-dw-user {
    margin: 0 0 10px;
    color: #3a3a3a
}

.info-dw .info-dw-label {
    font-size: 12px;
    margin: 5px 0;
    color: #9a9a9a
}

.info-dw .info-dw-saldo {
    font-size: 24px;
    color: #3a3a3a
}

.switch-dw {
    margin-top: 5px
}

.switch-dw span {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.fancybox-outer {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%
}

.backtomerchant, font {
    display: none !important
}

.payment-section .form-group span {
    display: none
}

.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #bf0227;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
    animation-delay: -1s
}

@keyframes bounce {
    0%, to {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

[doku-div=form-payment] {
    flex: 1;
    margin-bottom: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    outline: none;
    border: none
}

[doku-div=form-payment] .default-width {
    background-color: #fff;
    flex: 1
}


body {
    background: #f4f4f4;
    overflow-x: hidden;
    overflow: scroll;
}

body > div {
    max-width: 420px;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
}

.page {
    background-color: var(--token-color-black5);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto;
    position: relative;
}

.navbar {
    min-height: 60px;
    background-image: linear-gradient(to right, var(--theme-paycheckout-appbar-start-gradient-color) 4%, var(--theme-paycheckout-appbar-end-gradient-color) 128%);
    display: block;
    padding: 16px;
}

.navbar-brand {
    color: var(--theme-paycheckout-appbar-text-color);
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 24px;
    overflow-wrap: break-word;
}

.slogan {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.slogan span {
    position: absolute;
    display: block;
    width: 137px;
    line-height: 27px;
    text-align: center;
    background-color: var(--token-color-yellow100);
    top: 20px;
    right: -30px;
    transform: rotate(45deg);
}

.page-content {
    height: 100%;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}

.error-container {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
}


.CardIcon-module_small__sKQkG {
    height: 32px;
    width: 48px
}

.CardIcon-module_large__Zo9Lh {
    height: 64px;
    width: 160px
}

.CardIcon-module_medium__w4ILx {
    height: 51px;
    width: auto
}

.CardIcon-module_grayscale__NfxU6 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}