@layer combokit\/_basic\.css, combokit\/_custom\.css, combokit\/_elements\.css, combokit\/colors\.css;
@layer combokit\/_custom\.css {
    .flex{
        display: flex
    }
    .all-center{
        align-items: center;
        justify-content: center
    }
    .column{
        flex-direction: column
    }
    .text-medium{
        font-weight: 600
    }
    .text-center{
        text-align: center
    }
    .mt-lg{
        margin-top: 32px
    }
    .mv-lg{
        margin-top: 32px;
        margin-bottom: 32px
    }
    .click{
        cursor: pointer
    }
    .ml-xxs{
        margin-left: 4px
    }
    .text-bold{
        font-weight: 700
    }
    .text-ellipsis{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    .relative{
        position: relative
    }
    .mr-xs{
        margin-right: 8px
    }
    .wrap{
        flex-wrap: wrap
    }
    .mt-sm{
        margin-top: 16px
    }
    .pl-xs{
        padding-left: 8px
    }
    .ph-xs{
        padding-left: 8px;
        padding-right: 8px
    }
    .mb-lg{
        margin-bottom: 32px
    }
    .mt-xs{
        margin-top: 8px
    }
    .text-lg{
        text: 20px
    }
    .absolute{
        position: absolute
    }
    .mb-sm{
        margin-bottom: 16px
    }
    .mr-xxs{
        margin-right: 4px
    }
    .text-sm{
        text: 14px
    }
    .mv-xxl{
        margin-top: 64px;
        margin-bottom: 64px
    }
    .pb-xs{
        padding-bottom: 8px
    }
    .pt-xs{
        padding-top: 8px
    }
    .mb-xs{
        margin-bottom: 8px
    }
    .mt-md{
        margin-top: 24px
    }
    .m-lg{
        margin: 32px
    }
    .text-white{
        color: #fdfdfd
    }
    .p-xxs{
        padding: 4px
    }
    .mt-xxs{
        margin-top: 4px
    }
    .mb-xxs{
        margin-bottom: 4px
    }
    .mt-xxl{
        margin-top: 64px
    }
    .text-xs{
        text: 12px
    }
    .p-xs{
        padding: 8px
    }
    .ml-xs{
        margin-left: 8px
    }
    .pt-sm{
        padding-top: 16px
    }
    .p-sm{
        padding: 16px
    }
    .mv-xs{
        margin-top: 8px;
        margin-bottom: 8px
    }
    .mh-xs{
        margin-left: 8px;
        margin-right: 8px
    }
    .sticky{
        position: sticky
    }
    .p-md{
        padding: 24px
    }
    .mv-xxs{
        margin-top: 4px;
        margin-bottom: 4px
    }
    .text-md{
        text: 16px
    }
    .pr-sm{
        padding-right: 16px
    }
    .prevent-expand{
        width: 0;
        min-width: 100%
    }
    .text-xxl{
        text: 32px
    }
    .row{
        flex-direction: row
    }
    .text-xl{
        text: 24px
    }
    .mr-sm{
        margin-right: 16px
    }
    .pr-xxs{
        padding-right: 4px
    }
    .ml-sm{
        margin-left: 16px
    }
    .m-xxs{
        margin: 4px
    }
    .mh-xxs{
        margin-left: 4px;
        margin-right: 4px
    }
    .fixed{
        position: fixed
    }
    .invisible{
        opacity: 0
    }
    .hidden{
        display: hidden
    }
    .text-green{
        color: #79f297
    }
    .block{
        display: block
    }
    .inline-block{
        display: inline-block
    }
    .pb-xxs{
        padding-bottom: 4px
    }
    .border-red{
        border-color: #f2616d
    }
    .mr-xl{
        margin-right: 48px
    }
    .mr-lg{
        margin-right: 32px
    }
    .mr-md{
        margin-right: 24px
    }
    .inline{
        display: inline
    }
    .mv-sm{
        margin-top: 16px;
        margin-bottom: 16px
    }
    .border-blue{
        border-color: #6d83f2
    }
    .ph-sm{
        padding-left: 16px;
        padding-right: 16px
    }
    .pv-xxs{
        padding-top: 4px;
        padding-bottom: 4px
    }
    .bgc-black{
        background-color: #262626
    }
    .m-xs{
        margin: 8px
    }
    .ml-lg{
        margin-left: 32px
    }
    .roundness-sm{
        border-radius: 16px
    }
    .roundness-full{
        border-radius: 1000px
    }
    .text-black{
        color: #333333
    }
    .roundness-xs{
        border-radius: 12px
    }
    .text-grey{
        color: #cccccc
    }
}
@layer combokit\/_elements\.css {
    .c-input-embedded-left{
        c: input embedded left
    }
    .c-input-embedded-right{
        c: input embedded right
    }
    .c-app-bg{
        opacity: 1;
        background: var(--appBg-bg)
    }
    .c-badge-neutral{
        min-height: 16px;
        min-width: 64px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1000px;
        margin: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        background: var(--badgeNeutral-bg);
        border: 2px solid var(--badgeNeutral-borderColor);
        color: var(--badgeNeutral-color)
    }
    .c-bubble-secondary-alt{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px;
        background: var(--bubbleSecondaryAlt-bg);
        border: 2px solid var(--bubbleSecondaryAlt-borderColor);
        color: var(--bubbleSecondaryAlt-color)
    }
    .c-bubble-primary-alt{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px;
        background: var(--bubblePrimaryAlt-bg);
        border: 2px solid var(--bubblePrimaryAlt-borderColor);
        color: var(--bubblePrimaryAlt-color)
    }
    .c-badge-primary-alt{
        min-height: 16px;
        min-width: 64px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1000px;
        margin: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        background: var(--badgePrimaryAlt-bg);
        border: 2px solid var(--badgePrimaryAlt-borderColor);
        color: var(--badgePrimaryAlt-color)
    }
    .c-text-lowlight{
        background: var(--textLowlight-bg);
        border: 2px solid var(--textLowlight-borderColor);
        color: var(--textLowlight-color)
    }
    .c-kpi{
        min-width: 100px;
        max-width: 200px;
        height: 100px;
        background: var(--kpi-bg);
        border: 2px solid var(--kpi-borderColor);
        color: var(--kpi-color);
        font-weight: 600;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 8px;
        border-radius: 16px;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .c-card{
        min-height: 48px;
        margin: 8px;
        padding: 8px;
        display: flex;
        flex-direction: column;
        background: var(--card-bg);
        border: 2px solid var(--card-borderColor);
        color: var(--card-color);
        border-radius: 16px
    }
    .c-card-alt{
        min-height: 48px;
        margin: 8px;
        padding: 8px;
        display: flex;
        flex-direction: column;
        background: var(--cardAlt-bg);
        border: 2px solid var(--cardAlt-borderColor);
        color: var(--cardAlt-color);
        border-radius: 16px
    }
    .c-bubble-secondary{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px;
        background: var(--bubbleSecondary-bg);
        border: 2px solid var(--bubbleSecondary-borderColor);
        color: var(--bubbleSecondary-color)
    }
    .c-badge-primary{
        min-height: 16px;
        min-width: 64px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1000px;
        margin: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        background: var(--badgePrimary-bg);
        border: 2px solid var(--badgePrimary-borderColor);
        color: var(--badgePrimary-color)
    }
    .c-badge-neutral-alt{
        min-height: 16px;
        min-width: 64px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1000px;
        margin: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        background: var(--badgeNeutralAlt-bg);
        border: 2px solid var(--badgeNeutralAlt-borderColor);
        color: var(--badgeNeutralAlt-color)
    }
    .c-badge-secondary-alt{
        min-height: 16px;
        min-width: 64px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1000px;
        margin: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        background: var(--badgeSecondaryAlt-bg);
        border: 2px solid var(--badgeSecondaryAlt-borderColor);
        color: var(--badgeSecondaryAlt-color)
    }
    .c-bubble{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px
    }
    .c-bubble-neutral-alt{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px;
        background: var(--bubbleNeutralAlt-bg);
        border: 2px solid var(--bubbleNeutralAlt-borderColor);
        border: 2px solid var(--bubbleNeutralAlt-borderColor);
        color: var(--bubbleNeutralAlt-color)
    }
    .c-calendar-tile{
        background: var(--calendarTile-bg);
        border: 2px solid var(--calendarTile-borderColor);
        color: var(--calendarTile-color);
        font-size: 14px;
        overflow: hidden
    }
    .c-calendar-tile:hover{
        background: var(--calendarTileHover-bg);
        border: 2px solid var(--calendarTileHover-borderColor);
        color: var(--calendarTileHover-color)
    }
    .c-tab{
        font-size: 20px;
        background: var(--tab-bg);
        border: 2px solid var(--tab-borderColor);
        color: var(--tab-color);
        cursor: pointer
    }
    .c-tab:hover{
        background: var(--tabHover-bg);
        border: 2px solid var(--tabHover-borderColor);
        color: var(--tabHover-color)
    }
    .c-card-unfolded{
        width: 100%;
        background: var(--cardUnfolded-bg);
        border: 2px solid var(--cardUnfolded-borderColor);
        color: var(--cardUnfolded-color);
        border-radius: 16px;
        padding: 12px
    }
    .c-badge{
        min-height: 16px;
        min-width: 64px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1000px;
        margin: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px
    }
    .c-input-embedded-left:before{
        content: "";
        display: flex;
        width: 14px;
        height: 100%;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        border-top: 2px solid var(--inputEmbedded-borderColor);
        border-bottom: 2px solid var(--inputEmbedded-borderColor);
        border-left: 2px solid var(--inputEmbedded-borderColor);
        color: var(--inputEmbedded-color)
    }
    .c-input-embedded-right:after{
        content: "";
        flex: 8;
        min-width: 14px;
        height: 100%;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-right: 2px solid var(--inputEmbedded-borderColor);
        border-top: 2px solid var(--inputEmbedded-borderColor);
        border-bottom: 2px solid var(--inputEmbedded-borderColor);
        color: var(--inputEmbedded-color)
    }
    .c-input-embedded-label{
        position: absolute;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .c-input-embedded-label-text{
        margin-top: -10px;
        padding: 0 8px;
        background: var(--inputEmbedded-bg);
        border-bottom: 2px solid var(--inputEmbedded-borderColor);
        border-bottom: 2px solid var(--inputEmbedded-borderColor);
        color: var(--inputEmbedded-color)
    }
    .c-input-embedded{
        height: 48px;
        font-size: 16px;
        color: var(--text-color);
        margin: 8px;
        padding: 0 16px;
        border: 2px solid transparent;
        border-radius: 12px;
        outline-width: 0;
        outline-style: none;
        outline-color: transparent;
        box-shadow: none;
        background: transparent;
        background-color: transparent;
        border-width: 0;
        margin: 0;
        padding-left: 20px;
        z-index: 1
    }
    .c-input-disabled{
        background: var(--inputDisabled-bg);
        border: 2px solid var(--inputDisabled-borderColor);
        color: var(--inputDisabled-color);
        pointer-event: none
    }
    .c-input-embedded-wrapper{
        position: relative;
        min-width: 120px;
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 8px;
        margin-bottom: 8px
    }
    .c-input{
        height: 48px;
        font-size: 16px;
        color: var(--text-color);
        margin: 8px;
        padding: 0 16px;
        border: 2px solid transparent;
        border-radius: 12px;
        outline-width: 0;
        outline-style: none;
        outline-color: transparent;
        box-shadow: none;
        background: transparent
    }
    .c-bubble-error-alt{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px;
        background: var(--bubbleErrorAlt-bg);
        border: 2px solid var(--bubbleErrorAlt-borderColor);
        color: var(--bubbleErrorAlt-color)
    }
    .c-pile{
        position: relative;
        background: var(--pile-bg);
        min-height: 68px;
        border: 2px solid var(--pile-borderColor);
        color: var(--pile-color);
        border-radius: 12px;
        margin: 8px
    }
    .c-modal-wrapper{
        position: fixed;
        background-color: rgba(0,0,0,0.2);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .c-modal{
        position: relative;
        background: var(--modal-bg);
        border: 2px solid var(--modal-borderColor);
        color: var(--modal-color);
        padding: 16px;
        border-radius: 16px
    }
    .c-bubble-success{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px;
        background: var(--bubbleSuccess-bg);
        border: 2px solid var(--bubbleSuccess-borderColor);
        color: var(--bubbleSuccess-color)
    }
    .c-bubble-error{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px;
        background: var(--bubbleError-bg);
        border: 2px solid var(--bubbleError-borderColor);
        color: var(--bubbleError-color)
    }
    .c-function-menu{
        background: var(--functionMenu-bg);
        border: 2px solid var(--functionMenu-borderColor);
        color: var(--functionMenu-color);
        border-radius: 16px
    }
    .c-bubble-primary{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px;
        background: var(--bubblePrimary-bg);
        border: 2px solid var(--bubblePrimary-borderColor);
        color: var(--bubblePrimary-color)
    }
    .c-kanban-column{
        position: relative;
        width: 256px;
        max-height: 100%;
        background: var(--kanbanColumn-bg);
        border: 2px solid var(--kanbanColumn-borderColor);
        color: var(--kanbanColumn-color);
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        margin: 8px;
        padding: 8px
    }
    .c-list{
        width: 100%;
        background: var(--list-bg);
        border: 2px solid var(--list-borderColor);
        color: var(--list-color);
        border-radius: 16px
    }
    .c-list-second-cell{
        background: var(--listSecondCell-bg);
        color: var(--listSecondCell-color)
    }
    .c-list-header-cell{
        border: 2px solid var(--listeHeaderCell-borderColor);
        color: var(--listHeaderCell-color);
        font-weight: 600;
        margin: 0;
        padding-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .c-dropdown{
        min-width: 100%;
        position: absolute;
        background: var(--dropdown-bg);
        border: 2px solid var(--dropdown-borderColor);
        color: var(--dropdown-color);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        margin-top: 4px
    }
    .c-dropdown-element{
        background: var(--dropdownElement-bg);
        border: 2px solid var(--dropdownElement-borderColor);
        color: var(--dropdownElement-color);
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
        cursor: pointer
    }
    .c-dropdown-element:hover{
        background: var(--dropdownElementHover-bg);
        border: 2px solid var(--dropdownElementHover-borderColor);
        color: var(--dropdownElementHover-color)
    }
    .c-search{
        display: flex;
        height: 48px;
        align-items: center;
        background: var(--search-bg);
        border: 2px solid var(--search-borderColor);
        color: var(--search-color);
        border-radius: 1000px
    }
    .c-search-results{
        position: relative;
        width: 100%;
        max-width: 898px;
        background: var(--searchResults-bg);
        color: var(--searchResults-color);
        border-top-width: 0;
        border-left-width: 2px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-style: solid;
        border-color: var(--searchResults-borderColor);
        margin-top: -14px;
        margin-left: -22px;
        margin-bottom: 16px;
        border-radius: 0 0 24px 24px;
        overflow: hidden
    }
    .c-search-results:hover{
        background: var(--searchResultsHover-bg);
        border: 2px solid var(--searchResultsHover-borderColor);
        color: var(--searchResultsHover-color)
    }
    .c-radio{
        width: 24px;
        height: 24px;
        cursor: pointer;
        background: var(--checkbox-bg);
        border: 2px solid var(--checkbox-borderColor);
        color: var(--checkbox-color);
        border-radius: 100%;
        padding: 2px
    }
    .c-checkbox{
        width: 24px;
        height: 24px;
        cursor: pointer;
        background: var(--checkbox-bg);
        border: 2px solid var(--checkbox-borderColor);
        color: var(--checkbox-color);
        border-radius: 4px
    }
    .c-checkbox-selected{
        background: var(--checkboxSelected-bg);
        border: 2px solid var(--checkboxSelected-borderColor);
        color: var(--checkboxSelected-color)
    }
    .c-radio-selected{
        border: 2px solid var(--checkboxSelected-borderColor);
        color: var(--checkboxSelected-color)
    }
    .c-radio-dot-selected{
        background: var(--checkboxSelected-bg);
        border: 2px solid var(--checkboxSelected-borderColor);
        color: var(--checkboxSelected-color);
        border-radius: 100%
    }
    .c-button-primary-alt{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonPrimaryAlt-bg);
        border: 2px solid var(--buttonPrimaryAlt-borderColor);
        color: var(--buttonPrimaryAlt-color)
    }
    @media (min-width: 600px){
        .c-button-primary-alt{
            min-width: 96px
        }
    }
    .c-badge-menu{
        height: 48px;
        cursor: pointer;
        display: flex;
        align-items: center;
        background: var(--badgeMenu-bg);
        border: 2px solid var(--badgeMenu-borderColor);
        color: var(--badgeMenu-color);
        border-radius: 24px;
        padding: 8px
    }
    .c-bubble-neutral{
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 8px;
        padding: 8px;
        background: var(--bubbleNeutral-bg);
        border: 2px solid var(--bubbleNeutral-borderColor);
        color: var(--bubblePrimary-color)
    }
    .c-button-primary{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonPrimary-bg);
        border: 2px solid var(--buttonPrimary-borderColor);
        color: var(--buttonPrimary-color)
    }
    @media (min-width: 600px){
        .c-button-primary{
            min-width: 96px
        }
    }
    .c-button-secondary{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonSecondary-bg);
        border: 2px solid var(--buttonSecondary-borderColor);
        color: var(--buttonSecondary-color)
    }
    @media (min-width: 600px){
        .c-button-secondary{
            min-width: 96px
        }
    }
    .c-button-secondary-alt{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonSecondaryAlt-bg);
        border: 2px solid var(--buttonSecondaryAlt-borderColor);
        color: var(--buttonSecondaryAlt-color)
    }
    @media (min-width: 600px){
        .c-button-secondary-alt{
            min-width: 96px
        }
    }
    .c-button-error{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonError-bg);
        border: 2px solid var(--buttonError-borderColor);
        color: var(--buttonError-color)
    }
    @media (min-width: 600px){
        .c-button-error{
            min-width: 96px
        }
    }
    .c-button-error-alt{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonErrorAlt-bg);
        border: 2px solid var(--buttonErrorAlt-borderColor);
        color: var(--buttonErrorAlt-color)
    }
    @media (min-width: 600px){
        .c-button-error-alt{
            min-width: 96px
        }
    }
    .c-toast-info{
        animation: pop-in-pop-out 4s ease-in-out;
        position: absolute;
        display: flex;
        min-width: 200px;
        width: 100%;
        min-height: 50px;
        max-height: 100px;
        top: 20px;
        left: 0;
        margin-left: 0;
        padding: 8px;
        border-radius: 16px;
        align-items: center;
        justify-content: center;
        opacity: 0;
        z-index: -1;
        background: var(--toastInfo-bg);
        border: 2px solid var(--toastInfo-borderColor);
        color: var(--toastInfo-color)
    }
    .c-toast-success{
        animation: pop-in-pop-out 4s ease-in-out;
        position: absolute;
        display: flex;
        min-width: 200px;
        width: 100%;
        min-height: 50px;
        max-height: 100px;
        top: 20px;
        left: 0;
        margin-left: 0;
        padding: 8px;
        border-radius: 16px;
        align-items: center;
        justify-content: center;
        opacity: 0;
        z-index: -1;
        background: var(--toastSuccess-bg);
        border: 2px solid var(--toastSuccess-borderColor);
        color: var(--toastSuccess-color)
    }
    .c-toast-warning{
        animation: pop-in-pop-out 4s ease-in-out;
        position: absolute;
        display: flex;
        min-width: 200px;
        width: 100%;
        min-height: 50px;
        max-height: 100px;
        top: 20px;
        left: 0;
        margin-left: 0;
        padding: 8px;
        border-radius: 16px;
        align-items: center;
        justify-content: center;
        opacity: 0;
        z-index: -1;
        background: var(--toastWarning-bg);
        border: 2px solid var(--toastWarning-borderColor);
        color: var(--toastWarning-color)
    }
    .c-toast-error{
        animation: pop-in-pop-out 4s ease-in-out;
        position: absolute;
        display: flex;
        min-width: 200px;
        width: 100%;
        min-height: 50px;
        max-height: 100px;
        top: 20px;
        left: 0;
        margin-left: 0;
        padding: 8px;
        border-radius: 16px;
        align-items: center;
        justify-content: center;
        opacity: 0;
        z-index: -1;
        background: var(--toastError-bg);
        border: 2px solid var(--toastError-borderColor);
        color: var(--toastError-color)
    }
    .c-button-success-alt{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonSuccessAlt-bg);
        border: 2px solid var(--buttonSuccessAlt-borderColor);
        color: var(--buttonSuccessAlt-color)
    }
    @media (min-width: 600px){
        .c-button-success-alt{
            min-width: 96px
        }
    }
    .c-button-disabled{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonDisabled-bg);
        border: 2px solid var(--buttonDisabled-borderColor);
        color: var(--buttonDisabled-color);
        cursor: default
    }
    @media (min-width: 600px){
        .c-button-disabled{
            min-width: 96px
        }
    }
    .c-button-disabled-alt{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonDisabledAlt-bg);
        border: 2px solid var(--buttonDisabledAlt-borderColor);
        color: var(--buttonDisabledAlt-color);
        cursor: default
    }
    @media (min-width: 600px){
        .c-button-disabled-alt{
            min-width: 96px
        }
    }
    .c-button-neutral{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonNeutral-bg);
        border: 2px solid var(--buttonNeutral-borderColor);
        color: var(--buttonNeutral-color)
    }
    @media (min-width: 600px){
        .c-button-neutral{
            min-width: 96px
        }
    }
    .c-button-neutral-alt{
        min-width: 64px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 1000px;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        background: var(--buttonNeutralAlt-bg);
        border: 2px solid var(--buttonNeutralAlt-borderColor);
        color: var(--buttonNeutralAlt-color)
    }
    @media (min-width: 600px){
        .c-button-neutral-alt{
            min-width: 96px
        }
    }
}
@layer combokit\/colors\.css {
    .color-light-red{
        color: var(--palette-light-red)
    }
    .color-primary-main{
        color: var(--primary-main)
    }
    .borderColor-primary-main{
        border-color: var(--primary-main)
    }
    .color-yellow{
        color: var(--palette-yellow)
    }
    .color-light-blue{
        color: var(--palette-light-blue)
    }
    .color-light-orange{
        color: var(--palette-light-orange)
    }
    .bg-primary-lightest{
        background: var(--primary-lightest)
    }
    .bg-primary-darker{
        background: var(--primary-darker)
    }
    .color-red{
        color: var(--palette-red)
    }
    .bg-primary-main{
        background: var(--primary-main)
    }
    .borderColor-red{
        border-color:  var(--palette-red)
    }
    .color-primary-black{
        color: var(--primary-black)
    }
    .borderColor-primary-mid{
        border-color: var(--primary-mid)
    }
    .bg-green{
        background: var(--palette-green)
    }
    .bg-mint{
        background: var(--palette-mint)
    }
    .bg-red{
        background: var(--palette-red)
    }
    .bg-yellow{
        background: var(--palette-yellow)
    }
    .bg-primary-mid{
        background: var(--primary-mid)
    }
    .color-orange{
        color: var(--palette-orange)
    }
    .bg-primary-light{
        background: var(--primary-light)
    }
    .color-light-mint{
        color: var(--palette-light-mint)
    }
    .color-primary-white{
        color: var(--primary-white)
    }
    .color-primary-dark{
        color: var(--primary-dark)
    }
    .color-green{
        color: var(--palette-green)
    }
    .bg-primary-white{
        background: var(--primary-white)
    }
    .bg-primary-black{
        background: var(--primary-black)
    }
    .bg-primary-dark{
        background: var(--primary-dark)
    }
    .borderColor-primary-light{
        border-color: var(--primary-light)
    }
    .color-purple{
        color: var(--palette-purple)
    }
    .color-mint{
        color: var(--palette-mint)
    }
    .borderColor-dark-green{
        border-color:  var(--palette-dark-green)
    }
    .borderColor-dark-red{
        border-color:  var(--palette-dark-red)
    }
}
.min-h-100vh{
    min-height: 100vh
}
.alignItems-center{
    align-items: center
}
.width-100\%{
    width: 100%
}
.w-calc\(100\%_-_0px\){
    width: calc(100% - 0px)
}
.w-calc\(100\%_-_16px\){
    width: calc(100% - 16px)
}
.w-calc\(100\%_-_68px\){
    width: calc(100% - 68px)
}
.w-calc\(100\%_-_328px\){
    width: calc(100% - 328px)
}
.p-8px{
    padding: 8px
}
.ph-8px{
    padding-left: 8px;
    padding-right: 8px
}
.pb-8px{
    padding-bottom: 8px
}
.ml-auto{
    margin-left: auto
}
.h-48px{
    height: 48px
}
.h-32px{
    height: 32px
}
.justifyContent-center{
    justify-content: center
}
.color-var\(--primary-white\){
    color: var(--primary-white)
}
.ph-16px{
    padding-left: 16px;
    padding-right: 16px
}
.w-32px{
    width: 32px
}
.fontSize-18px{
    font-size: 18px
}
.w-40px{
    width: 40px
}
.h-40px{
    height: 40px
}
.fontSize-20px{
    font-size: 20px
}
.ml-0{
    margin-left: 0
}
.mr-16px{
    margin-right: 16px
}
.m-none{
    margin: none
}
.width-48px{
    width: 48px
}
.height-48px{
    height: 48px
}
.ml-16px{
    margin-left: 16px
}
.min-w-32px{
    min-width: 32px
}
.roundness-16px{
    border-radius: 16px
}
.m-0{
    margin: 0
}
.m-8px{
    margin: 8px
}
.mt-6px{
    margin-top: 6px
}
.mr-4px{
    margin-right: 4px
}
.mb-0{
    margin-bottom: 0
}
.fontSize-24px{
    font-size: 24px
}
.width-lg{
    width: lg
}
.mv-0{
    margin-top: 0;
    margin-bottom: 0
}
.mt-0{
    margin-top: 0
}
.fontSize-16px{
    font-size: 16px
}
.transform-rotate\(45deg\){
    transform: rotate(45deg)
}
.display-inlineBlock{
    display: inline-block
}
.-ml-13px{
    margin-left: -13px
}
.fontWeight-800{
    font-weight: 800
}
.fontSize-12px{
    font-size: 12px
}
.height-128px{
    height: 128px
}
.width-full{
    width: full
}
.overflow-x-auto{
    overflow: x auto
}
.max-width-lg{
    max: width lg
}
.mv-4px{
    margin-top: 4px;
    margin-bottom: 4px
}
.mr-32px{
    margin-right: 32px
}
.min-width-xl{
    min: width xl
}
.width-320px{
    width: 320px
}
.pv-8px{
    padding-top: 8px;
    padding-bottom: 8px
}
.p-0{
    padding: 0
}
.border-none{
    border: none
}
.w-24px{
    width: 24px
}
.h-24px{
    height: 24px
}
.mt-0px{
    margin-top: 0px
}
.fontWeight-600{
    font-weight: 600
}
.width-79px{
    width: 79px
}
.ml-8px{
    margin-left: 8px
}
.mt-16px{
    margin-top: 16px
}
.ph-12px{
    padding-left: 12px;
    padding-right: 12px
}
.-mb-8px{
    margin-bottom: -8px
}
.color-whote{
    color: whote
}
.index-2{
    index: 2
}
.index-3{
    index: 3
}
.bg-var\(--cardUnfolded-bg\){
    background: var(--cardUnfolded-bg)
}
.h-100\%{
    height: 100%
}
.mr-8px{
    margin-right: 8px
}
.max-w-100\%{
    max-width: 100%
}
.max-h-100\%{
    max-height: 100%
}
.roundness-50\%{
    border-radius: 50%
}
.objectFit-cover{
    object-fit: cover
}
.objectPosition-center{
    object-position: center
}
.overflow-hidden{
    overflow: hidden
}
.color-var\(--text-color\){
    color: var(--text-color)
}
.-mr-8px{
    margin-right: -8px
}
.color-var{
    color: var
}
.w-160px{
    width: 160px
}
.w-144px{
    width: 144px
}
.opacity-0{
    opacity: 0
}
.weight-medium{
    weight: medium
}
.mv-none{
    margin-top: none;
    margin-bottom: none
}
.text-link{
    text: link
}
.mt-none{
    margin-top: none
}
.mb-none{
    margin-bottom: none
}
.height-100\%{
    height: 100%
}
.height-full{
    height: full
}
.text-ellipses{
    text: ellipses
}
.alignItems-flexEnd{
    align-items: flex-end
}
.justifyConent-center{
    justify-conent: center
}
.min-w-100px{
    min-width: 100px
}
.min-width-lg{
    min: width lg
}
.width-seventh{
    width: seventh
}
.height-fit{
    height: fit
}
.bg-dark{
    background: dark
}
.color-var\(--primary-dark\){
    color: var(--primary-dark)
}
.fontSize-14px{
    font-size: 14px
}
.w-48px{
    width: 48px
}
.color-var\(--card-color\){
    color: var(--card-color)
}
.textOverflow-ellipsis{
    text-overflow: ellipsis
}
.wordBreak-breakWord{
    word-break: break-word
}
.color-var\(--primary-light\){
    color: var(--primary-light)
}
.index-1{
    index: 1
}
.min-height-lg{
    min: height lg
}
.position-absolute{
    position: absolute
}
.left-calc\(100\%_-_44px\){
    left: calc(100% - 44px)
}
.z-2{
    z-index: 2
}
.mh-0{
    margin-left: 0;
    margin-right: 0
}
.mr-none{
    margin-right: none
}
.mh-8px{
    margin-left: 8px;
    margin-right: 8px
}
.w-100\%{
    width: 100%
}
.h-2px{
    height: 2px
}
.mt-4px{
    margin-top: 4px
}
.bgc-var\(--tabHover-color\){
    background-color: var(--tabHover-color)
}
.p-none{
    padding: none
}
.height-40px{
    height: 40px
}
.borderWidth-0{
    border-width: 0
}
.-ml-12px{
    margin-left: -12px
}
.width-calc\(100\%_\+_24px\){
    width: calc(100% + 24px)
}
.top-8px{
    top: 8px
}
.mr-0{
    margin-right: 0
}
.width-480px{
    width: 480px
}
.max-h-calc\(100vh_-_16px\){
    max-height: calc(100vh - 16px)
}
.width-calc\(480px_-_16px\){
    width: calc(480px - 16px)
}
.overflowY-auto{
    overflow-y: auto
}
.max-w-calc\(100\%_-_488px\){
    max-width: calc(100% - 488px)
}
.mr-48px{
    margin-right: 48px
}
.borde-blue{
    borde: blue
}
.color-var\(--error-main\){
    color: var(--error-main)
}
.opacity-1{
    opacity: 1
}
.bottom-0{
    bottom: 0
}
.-bottom-8px{
    bottom: -8px
}
.-bottom-16px{
    bottom: -16px
}
.-mt-16px{
    margin-top: -16px
}
.z-0{
    z-index: 0
}
.max-w-160px{
    max-width: 160px
}
.ml-none{
    margin-left: none
}
.width-calc\(100\%_-_16px\){
    width: calc(100% - 16px)
}
.width-calc\(65\%_-_16px\){
    width: calc(65% - 16px)
}
.width-calc\(35\%_-_16px\){
    width: calc(35% - 16px)
}
.c-input-embedded-left{
    c: input embedded left
}
.c-input-embedded-right{
    c: input embedded right
}
.flexShrink-0{
    flex-shrink: 0
}
.max-w-calc\(100\%_-_56px\){
    max-width: calc(100% - 56px)
}
.half-tablet{
    half: tablet
}
.overflow-x-hidden{
    overflow: x hidden
}
.max-h-100px{
    max-height: 100px
}
.fifth-tablet{
    fifth: tablet
}
.four-fifths-tablet{
    four: fifths tablet
}
.ph-0{
    padding-left: 0;
    padding-right: 0
}
.text-regular{
    text: regular
}
.mb-4px{
    margin-bottom: 4px
}
.width-400px{
    width: 400px
}
.top-0{
    top: 0
}
.height-lg{
    height: lg
}
.all-cente{
    all: cente
}
.max-width-160px{
    max: width 160px
}
.horizontal-right{
    horizontal: right
}
.alignItems-flexStart{
    align-items: flex-start
}
.display-flex{
    display: flex
}
.flexDirection-column{
    flex-direction: column
}
.flexGrow-1{
    flex-grow: 1
}
.bg-\#282c34{
    background: #282c34
}
.overflowY-hidden{
    overflow-y: hidden
}
.width-32px{
    width: 32px
}
.height-32px{
    height: 32px
}
.width-calc\(50\%_-_8px\){
    width: calc(50% - 8px)
}
.-top-2px{
    top: -2px
}
.-left-2px{
    left: -2px
}
.fontSize-48px{
    font-size: 48px
}
.borderRadius-12px{
    border-radius: 12px
}
.color-var\(--primary-mid\){
    color: var(--primary-mid)
}
.-top-24px{
    top: -24px
}
.-right-24px{
    right: -24px
}
.h-64px{
    height: 64px
}
.width-calc\(100\%_-_32px\){
    width: calc(100% - 32px)
}
.ph-4px{
    padding-left: 4px;
    padding-right: 4px
}
.floating-badge{
    floating: badge
}
.min-width{
    min: width
}
.ml-4px{
    margin-left: 4px
}
.ml-2px{
    margin-left: 2px
}
.text-nowrap{
    text: nowrap
}
.width-half{
    width: half
}
.justifyContent-flexEnd{
    justify-content: flex-end
}
.z-4{
    z-index: 4
}
.overflowX-visible{
    overflow-x: visible
}
.max-h-calc\(100vh_-_272px\){
    max-height: calc(100vh - 272px)
}
.borderTopLeftRadius-0{
    border-top-left-radius: 0
}
.borderBottomLeftRadius-0{
    border-bottom-left-radius: 0
}
.borderTopRightRadius-8px{
    border-top-right-radius: 8px
}
.borderBottomRightRadius-8px{
    border-bottom-right-radius: 8px
}
.width-16px{
    width: 16px
}
.display-block{
    display: block
}
.w-320px{
    width: 320px
}
.maxHeight-calc\(100\%_-_88px\){
    max-height: calc(100% - 88px)
}
.mt-88px{
    margin-top: 88px
}
.maxHeight-calc\(100vh_-_8px\){
    max-height: calc(100vh - 8px)
}
.height-100vh{
    height: 100vh
}
.top-128px{
    top: 128px
}
.left-0px{
    left: 0px
}
.icon-selection-dropdown{
    icon: selection dropdown
}
.textWrap-nowrap{
    text-wrap: nowrap
}
.icon-selection-value{
    icon: selection value
}
.icon-selection-current{
    icon: selection current
}
.icon-selection-placeholder{
    icon: selection placeholder
}
.icon-selection-chevron{
    icon: selection chevron
}
.icon-selection-panel{
    icon: selection panel
}
.icon-selection-search-wrapper{
    icon: selection search wrapper
}
.icon-selection-search-icon{
    icon: selection search icon
}
.icon-selection-search{
    icon: selection search
}
.icon-selection-grid{
    icon: selection grid
}
.icon-selection-tile{
    icon: selection tile
}
.icon-selection-tile-icon{
    icon: selection tile icon
}
.icon-selection-tile-name{
    icon: selection tile name
}
.icon-selection-empty{
    icon: selection empty
}
.icon-selection-field--disabled{
    icon: selection field  disabled
}
.text-field-{
    text: field 
}
.color-var\(--inputDisabled-color\){
    color: var(--inputDisabled-color)
}
.icon-selection-chevron--open{
    icon: selection chevron  open
}
.icon-selection-tile--selected{
    icon: selection tile  selected
}
.alignContent-flexStart{
    align-content: flex-start
}
.bg-white{
    background: white
}
.opacity-0\.3{
    opacity: 0.3
}
.height-512px{
    height: 512px
}
.mt-8px{
    margin-top: 8px
}
.mb-8px{
    margin-bottom: 8px
}
.roundness-8px{
    border-radius: 8px
}
.-top-8px{
    top: -8px
}
.left-0{
    left: 0
}
.bg-black{
    background: black
}
.height-200\%{
    height: 200%
}
.opacity-0\.1{
    opacity: 0.1
}
.widht-100\%{
    widht: 100%
}
.bgc-transparent{
    background-color: transparent
}
.no-shrink{
    no: shrink
}
.height-calc\(100vh_-_88px\){
    height: calc(100vh - 88px)
}
.maxHeight-100\%{
    max-height: 100%
}
.mh-none{
    margin-left: none;
    margin-right: none
}
.overflow-y-auto{
    overflow: y auto
}
.height-calc\(100\%_-_48px\){
    height: calc(100% - 48px)
}
.index-10{
    index: 10
}
.two-thirds-tablet{
    two: thirds tablet
}
.half-tablet-pc{
    half: tablet pc
}
.third-pc{
    third: pc
}
.index-4{
    index: 4
}
.height-xs{
    height: xs
}
.mv-8px{
    margin-top: 8px;
    margin-bottom: 8px
}
.overflowX-clip{
    overflow-x: clip
}
.borderTopWidth-0{
    border-top-width: 0
}
.borderLeftWidth-0{
    border-left-width: 0
}
.borderRightWidth-0{
    border-right-width: 0
}
.borderBottomWidth-2px{
    border-bottom-width: 2px
}
.borderStyle-solid{
    border-style: solid
}
.borderColor-var\(--list-borderColor\){
    border-color: var(--list-borderColor)
}
.z-1{
    z-index: 1
}
.-mt-48px{
    margin-top: -48px
}
.max-w-300px{
    max-width: 300px
}
.mt-44px{
    margin-top: 44px
}
.c-list-row{
    c: list row
}
.w-8px{
    width: 8px
}
.height-46px{
    height: 46px
}
.ph-6px{
    padding-left: 6px;
    padding-right: 6px
}
.overflowX-hidden{
    overflow-x: hidden
}
.overflowX-auto{
    overflow-x: auto
}
.c-list-filler-row{
    c: list filler row
}
.mr-64px{
    margin-right: 64px
}
.flexDirection-unset{
    flex-direction: unset
}
.long-text-value{
    long: text value
}
.width-sm{
    width: sm
}
.height-sm{
    height: sm
}
.reference-dropdown__single{
    reference: dropdown__single
}
.reference-dropdown{
    reference: dropdown
}
.reference-dropdown__preview{
    reference: dropdown__preview
}
.reference-dropdown__item{
    reference: dropdown__item
}
.reference-dropdown__link{
    reference: dropdown__link
}
.text-light{
    text: light
}
.is-open{
    is: open
}
.borderRadius-16px{
    border-radius: 16px
}
.minWidth-48px{
    min-width: 48px
}
.height-16px{
    height: 16px
}
.ph-2px{
    padding-left: 2px;
    padding-right: 2px
}
.justifyContent-spaceEvenly{
    justify-content: space-evenly
}
.mb-16px{
    margin-bottom: 16px
}
.height-xxs{
    height: xxs
}
.p-2px{
    padding: 2px
}
.min-h-auto{
    min-height: auto
}
.borderColor-transparent{
    border-color: transparent
}
.sort-piles{
    sort: piles
}
.-ml-8px{
    margin-left: -8px
}
.width-100vw{
    width: 100vw
}
.right-12px{
    right: 12px
}
.height-auto{
    height: auto
}
.height-90vh{
    height: 90vh
}
.z-5{
    z-index: 5
}
.z-3{
    z-index: 3
}
.max-h-200px{
    max-height: 200px
}
.minWidth-auto{
    min-width: auto
}
.bg-var\(--dropdownElementHover-bg\){
    background: var(--dropdownElementHover-bg)
}
.scroll-h{
    scroll: h
}
.maxWidth-600px{
    max-width: 600px
}
.width-xxl{
    width: xxl
}
.display-grid{
    display: grid
}
.-mt-8px{
    margin-top: -8px
}
.mh-2{
    margin-left: 2;
    margin-right: 2
}
.bg-color{
    background: color
}
.right-0{
    right: 0
}
.max-w-320px{
    max-width: 320px
}
.display-inlineFlex{
    display: inline-flex
}
.display-contents{
    display: contents
}
.color-initial{
    color: initial
}
.pt-4px{
    padding-top: 4px
}
.borderTopLeftRadius-16px{
    border-top-left-radius: 16px
}
.bg-var\(--primary-light\){
    background: var(--primary-light)
}
.bg-var\(--secondary-light\){
    background: var(--secondary-light)
}
.borderRadius-0px{
    border-radius: 0px
}
.bg-var\(--primary-lightest\){
    background: var(--primary-lightest)
}
.bg-var\(--secondary-lightest\){
    background: var(--secondary-lightest)
}
.borderBottom-4px-solid-var\(--primary-light\){
    border-bottom: 4px solid var(--primary-light)
}
.borderBottom-4px-solid-var\(--secondary-light\){
    border-bottom: 4px solid var(--secondary-light)
}
.min-w-160px{
    min-width: 160px
}
.min-w-auto{
    min-width: auto
}
.whiteSpace-nowrap{
    white-space: nowrap
}
.borderColor-var\(--error-main\){
    border-color: var(--error-main)
}
.minHeight-48px{
    min-height: 48px
}
.ml-32px{
    margin-left: 32px
}
.mt-12px{
    margin-top: 12px
}
.mv-0px{
    margin-top: 0px;
    margin-bottom: 0px
}
.width-24px{
    width: 24px
}
.height-24px{
    height: 24px
}
.fontSize-10px{
    font-size: 10px
}
.pl-5px{
    padding-left: 5px
}
.mt-13px{
    margin-top: 13px
}
.h-auto{
    height: auto
}
.max-h-500px{
    max-height: 500px
}
.alignItem-center{
    align-item: center
}
.mv-32px{
    margin-top: 32px;
    margin-bottom: 32px
}
.w-64px{
    width: 64px
}
.mh-32px{
    margin-left: 32px;
    margin-right: 32px
}
.roundness-1000px{
    border-radius: 1000px
}
.ml-10px{
    margin-left: 10px
}
.ml-40px{
    margin-left: 40px
}
.bg-var\(--error-main\){
    background: var(--error-main)
}
.bg-var\(--success-main\){
    background: var(--success-main)
}
.pv-2px{
    padding-top: 2px;
    padding-bottom: 2px
}
.color-white{
    color: white
}
.roundness-4px{
    border-radius: 4px
}
.textAlign-center{
    text-align: center
}
.z-10{
    z-index: 10
}
.minHeight-72px{
    min-height: 72px
}
.max-w-898px{
    max-width: 898px
}
.marginLeft-8px{
    margin-left: 8px
}
.paddingBottom-0{
    padding-bottom: 0
}
.mr-auto{
    margin-right: auto
}
.hide-branches-icon-wrapper{
    hide: branches icon wrapper
}
.bg-none{
    background: none
}
.color-primary-lighty{
    color: primary lighty
}
.h-100vh{
    height: 100vh
}
.fontSize-32px{
    font-size: 32px
}
.mv-16px{
    margin-top: 16px;
    margin-bottom: 16px
}
.mt-32px{
    margin-top: 32px
}
.min-w-320px{
    min-width: 320px
}
.responsive-buttons{
    responsive: buttons
}
.responsive-buttons__row{
    responsive: buttons__row
}
.responsive-buttons__measure{
    responsive: buttons__measure
}
.responsive-buttons__measure-item{
    responsive: buttons__measure item
}
.min-w-200px{
    min-width: 200px
}
.border-roundness-sm{
    border: roundness sm
}
.m-1{
    margin: 1
}
.width-240px{
    width: 240px
}
.width-40\%{
    width: 40%
}
.center-block{
    center: block
}
.roundness-0{
    border-radius: 0
}
.mt-42px{
    margin-top: 42px
}
.pointerEvents-none{
    pointer-events: none
}
.width-360px{
    width: 360px
}
.border-2px-solid-var\(--inputEmbedded-borderColor\){
    border: 2px solid var(--inputEmbedded-borderColor)
}
.bg-var\(--modal-bg\){
    background: var(--modal-bg)
}
.width-30px{
    width: 30px
}
.height-60px{
    height: 60px
}
.ml-20px{
    margin-left: 20px
}
.caretColor-transparent{
    caret-color: transparent
}
.height-80px{
    height: 80px
}
.letterSpacing-40px{
    letter-spacing: 40px
}
.background-transparent{
    background: transparent
}
.width-40px{
    width: 40px
}
.height-120px{
    height: 120px
}
.w-360px{
    width: 360px
}
.text-primary-main{
    text: primary main
}
.max-w-240px{
    max-width: 240px
}
.width-160px{
    width: 160px
}
.width-200px{
    width: 200px
}
.c-secondary-primary-alt{
    c: secondary primary alt
}
.text-darkergrey{
    text: darkergrey
}
.height-calc\(100\%_-_112px\){
    height: calc(100% - 112px)
}
.padding-4px{
    padding: 4px
}
.-mv-0{
    margin-top: -0;
    margin-bottom: -0
}
.maxWidth-160px{
    max-width: 160px
}
.w-400px{
    width: 400px
}
.color-var\(--primary-main\){
    color: var(--primary-main)
}
.maxHeight-480px{
    max-height: 480px
}
.third-tablet-pc{
    third: tablet pc
}
.maxHeight-35vh{
    max-height: 35vh
}
.active-result{
    active: result
}
.selected-result{
    selected: result
}
.mt-1{
    margin-top: 1
}
.bg-white-themed{
    background: white themed
}
.text-white-themed{
    text: white themed
}
.pl-0{
    padding-left: 0
}
.max-w-1024px{
    max-width: 1024px
}
.width-50\%{
    width: 50%
}
.color-var\(--button-primary-color\){
    color: var(--button-primary-color)
}
.color-var\(--button-primary-alt-color\){
    color: var(--button-primary-alt-color)
}
.color-var\(--button-secondary-color\){
    color: var(--button-secondary-color)
}
.color-var\(--button-secondary-alt-color\){
    color: var(--button-secondary-alt-color)
}
.fontSize-26px{
    font-size: 26px
}
.pl-48px{
    padding-left: 48px
}
.width-1280px{
    width: 1280px
}
.max-w-1280px{
    max-width: 1280px
}
.pr-40px{
    padding-right: 40px
}
.bg-var\(--primary-mid\){
    background: var(--primary-mid)
}
@media (min-width: 600px){
    .tablet\:flexDirection-row{
        flex-direction: row
    }
}
@media (min-width: 1024px){
    .tabletAndPC\:width-400px{
        width: 400px
    }
}
@media (min-width: 600px){
    .tablet\:w-480px{
        width: 480px
    }
}
@media (min-width: 1024px){
    .tabletAndPC\:width-1280px{
        width: 1280px
    }
}