@layer combokit\/_basic\.css, combokit\/_custom\.css, combokit\/_elements\.css, combokit\/colors\.css;
@layer combokit\/_custom\.css {
    .mv-lg{
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .text-center{
        text-align: center;
    }
    .mt-lg{
        margin-top: 32px;
    }
    .mb-lg{
        margin-bottom: 32px;
    }
    .text-xl{
        text: 24px;
    }
    .text-sm{
        text: 14px;
    }
    .mt-md{
        margin-top: 24px;
    }
    .text-medium{
        font-weight: 600;
    }
    .click{
        cursor: pointer;
    }
    .column{
        flex-direction: column;
    }
    .mt-sm{
        margin-top: 16px;
    }
    .flex{
        display: flex;
    }
    .all-center{
        align-items: center;
        justify-content: center;
    }
    .column{
        flex-direction: column;
    }
    .mv-lg{
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .text-medium{
        font-weight: 600;
    }
    .text-center{
        text-align: center;
    }
    .mt-lg{
        margin-top: 32px;
    }
    .click{
        cursor: pointer;
    }
    .pl-xs{
        padding-left: 8px;
    }
    .ph-xs{
        padding-left: 8px;
        padding-right: 8px;
    }
    .wrap{
        flex-wrap: wrap;
    }
    .relative{
        position: relative;
    }
    .mb-lg{
        margin-bottom: 32px;
    }
    .text-bold{
        font-weight: 700;
    }
    .text-ellipsis{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .mr-xs{
        margin-right: 8px;
    }
    .mt-sm{
        margin-top: 16px;
    }
    .text-xl{
        text: 24px;
    }
    .text-lg{
        text: 20px;
    }
    .absolute{
        position: absolute;
    }
    .mb-sm{
        margin-bottom: 16px;
    }
    .mr-xxs{
        margin-right: 4px;
    }
    .ml-xxs{
        margin-left: 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;
    }
    .pt-sm{
        padding-top: 16px;
    }
    .mt-xxl{
        margin-top: 64px;
    }
    .text-xs{
        text: 12px;
    }
    .p-xs{
        padding: 8px;
    }
    .ml-xs{
        margin-left: 8px;
    }
    .p-sm{
        padding: 16px;
    }
    .mv-xs{
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .mt-xs{
        margin-top: 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;
    }
    .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;
    }
    .hidden{
        display: hidden;
    }
    .invisible{
        opacity: 0;
    }
    .text-green{
        color: #79f297;
    }
    .block{
        display: block;
    }
    .row{
        flex-direction: row;
    }
    .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;
    }
    .text-white-themed{
        text: white themed;
    }
}
@layer combokit\/_elements\.css {
    .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-app-bg{
        opacity: 1;
        background: var(--appBg-bg);
    }
    .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-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-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-text-lowlight{
        background: var(--textLowlight-bg);
        border: 2px solid var(--textLowlight-borderColor);
        color: var(--textLowlight-color);
    }
    .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:hover{
        background: var(--calendarTileHover-bg);
        border: 2px solid var(--calendarTileHover-borderColor);
        color: var(--calendarTileHover-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-tab{
        font-size: 20px;
        background: var(--tab-bg);
        border: 2px solid var(--tab-borderColor);
        color: var(--tab-color);
        cursor: pointer;
    }
    .c-tab\:hover:hover{
        background: var(--tabHover-bg);
        border: 2px solid var(--tabHover-borderColor);
        color: var(--tabHover-color);
    }
    .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: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: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{
        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);
        border: 0px solid var(--listSecondCell-borderColor);
        color: var(--listSecondCell-color);
    }
    .c-list-header-cell{
        background: var(--listHeaderCell-bg);
        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: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: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-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-button-primary-alt{
        min-width: 96px;
        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);
    }
    .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: 96px;
        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);
    }
    .c-button-secondary{
        min-width: 96px;
        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);
    }
    .c-button-secondary-alt{
        min-width: 96px;
        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);
    }
    .c-button-error{
        min-width: 96px;
        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);
    }
    .c-button-error-alt{
        min-width: 96px;
        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);
    }
    .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: 96px;
        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);
    }
    .c-button-disabled{
        min-width: 96px;
        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;
    }
    .c-button-disabled-alt{
        min-width: 96px;
        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;
    }
    .c-button-neutral{
        min-width: 96px;
        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);
    }
    .c-button-neutral-alt{
        min-width: 96px;
        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);
    }
}
@layer combokit\/colors\.css {
    .borderColor-dark-green{
        border-color:  var(--palette-dark-green);
    }
    .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-red{
        color: var(--palette-red);
    }
    .color-light-orange{
        color: var(--palette-light-orange);
    }
    .bg-primary-main{
        background: var(--primary-main);
    }
    .borderColor-red{
        border-color:  var(--palette-red);
    }
    .color-primary-black{
        color: var(--primary-black);
    }
    .bg-green{
        background: var(--palette-green);
    }
    .bg-mint{
        background: var(--palette-mint);
    }
    .bg-red{
        background: var(--palette-red);
    }
    .bg-yellow{
        background: var(--palette-yellow);
    }
    .borderColor-primary-mid{
        border-color: var(--primary-mid);
    }
    .bg-primary-mid{
        background: var(--primary-mid);
    }
    .color-orange{
        color: var(--palette-orange);
    }
    .bg-primary-light{
        background: var(--primary-light);
    }
    .color-light-red{
        color: var(--palette-light-red);
    }
    .color-light-mint{
        color: var(--palette-light-mint);
    }
    .bg-primary-darker{
        background: var(--primary-darker);
    }
    .color-primary-white{
        color: var(--primary-white);
    }
    .color-primary-dark{
        color: var(--primary-dark);
    }
    .color-green{
        color: var(--palette-green);
    }
    .bg-primary-lightest{
        background: var(--primary-lightest);
    }
    .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);
    }
}
.flexShrink-1 {
    flex-shrink: 1;
}
.borderRadius-16px{
    border-radius: 16px;
}
.width-24px{
    width: 24px;
}
.height-24px{
    height: 24px;
}
.height-full{
    height: full;
}
.width-100\%{
    width: 100%;
}
.min-h-100vh{
    min-height: 100vh;
}
.alignItems-center{
    align-items: center;
}
.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);
}
.width-100\%{
    width: 100%;
}
.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;
}
.w-32px{
    width: 32px;
}
.fontSize-18px{
    font-size: 18px;
}
.width-full{
    width: full;
}
.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;
}
.fontSize-16px{
    font-size: 16px;
}
.min-w-32px{
    min-width: 32px;
}
.roundness-16px{
    border-radius: 16px;
}
.m-0{
    margin: 0;
}
.overflow-x-auto{
    overflow: x auto;
}
.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;
}
.max-width-lg{
    max: width lg;
}
.mv-4px{
    margin-top: 4px;
    margin-bottom: 4px;
}
.mv-0{
    margin-top: 0;
    margin-bottom: 0;
}
.mt-0{
    margin-top: 0;
}
.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;
}
.justifyContent-center{
    justify-content: center;
}
.mr-32px{
    margin-right: 32px;
}
.min-width-xl{
    min: width xl;
}
.width-320px{
    width: 320px;
}
.ph-16px{
    padding-left: 16px;
    padding-right: 16px;
}
.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;
}
.color-whote{
    color: whote;
}
.-mb-8px{
    margin-bottom: -8px;
}
.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;
}
.w-160px{
    width: 160px;
}
.w-144px{
    width: 144px;
}
.opacity-0{
    opacity: 0;
}
.height-48px{
    height: 48px;
}
.weight-medium{
    weight: medium;
}
.mv-none{
    margin-top: none;
    margin-bottom: none;
}
.text-link{
    text: link;
}
.mt-none{
    margin-top: none;
}
.min-width-lg{
    min: width lg;
}
.width-seventh{
    width: seventh;
}
.height-fit{
    height: fit;
}
.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;
}
.color-var\(--primary-dark\){
    color: var(--primary-dark);
}
.fontSize-14px{
    font-size: 14px;
}
.color-var\(--primary-light\){
    color: var(--primary-light);
}
.w-48px{
    width: 48px;
}
.color-var\(--card-color\){
    color: var(--card-color);
}
.textOverflow-ellipsis{
    text-overflow: ellipsis;
}
.wordBreak-breakWord{
    word-break: break-word;
}
.index-1{
    index: 1;
}
.min-height-lg{
    min: height lg;
}
.max-w-calc\(100\%_-_488px\){
    max-width: calc(100% - 488px);
}
.mr-48px{
    margin-right: 48px;
}
.mh-0{
    margin-left: 0;
    margin-right: 0;
}
.mr-none{
    margin-right: none;
}
.borde-blue{
    borde: blue;
}
.mh-8px{
    margin-left: 8px;
    margin-right: 8px;
}
.color-var\(--error-main\){
    color: var(--error-main);
}
.w-100\%{
    width: 100%;
}
.h-2px{
    height: 2px;
}
.mt-4px{
    margin-top: 4px;
}
.bgc-var\(--tabHover-color\){
    background-color: var(--tabHover-color);
}
.opacity-1{
    opacity: 1;
}
.p-none{
    padding: none;
}
.height-40px{
    height: 40px;
}
.borderWidth-0{
    border-width: 0;
}
.z-2{
    z-index: 2;
}
.-ml-12px{
    margin-left: -12px;
}
.width-calc\(100\%_\+_24px\){
    width: calc(100% + 24px);
}
.bottom-0{
    bottom: 0;
}
.-bottom-8px{
    bottom: -8px;
}
.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;
}
.-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);
}
.flexShrink-0{
    flex-shrink: 0;
}
.half-tablet{
    half: tablet;
}
.overflow-x-hidden{
    overflow: x hidden;
}
.ph-0{
    padding-left: 0;
    padding-right: 0;
}
.max-h-100px{
    max-height: 100px;
}
.fifth-tablet{
    fifth: tablet;
}
.four-fifths-tablet{
    four: fifths tablet;
}
.max-width-160px{
    max: width 160px;
}
.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;
}
.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-calc\(50\%_-_8px\){
    width: calc(50% - 8px);
}
.align-Items-center{
    align: -items center;
}
.width-32px{
    width: 32px;
}
.height-32px{
    height: 32px;
}
.-top-2px{
    top: -2px;
}
.-left-2px{
    left: -2px;
}
.fontSize-48px{
    font-size: 48px;
}
.h-64px{
    height: 64px;
}
.borderRadius-12px{
    border-radius: 12px;
}
.color-var\(--primary-mid\){
    color: var(--primary-mid);
}
.-top-24px{
    top: -24px;
}
.-right-24px{
    right: -24px;
}
.width-calc\(100\%_-_32px\){
    width: calc(100% - 32px);
}
.ph-4px{
    padding-left: 4px;
    padding-right: 4px;
}
.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;
}
.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;
}
.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;
}
.width-48px{
    width: 48px;
}
.w-320px{
    width: 320px;
}
.height-calc\(100vh_-_88px\){
    height: calc(100vh - 88px);
}
.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;
}
.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;
}
.mv-8px{
    margin-top: 8px;
    margin-bottom: 8px;
}
.height-xs{
    height: xs;
}
.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-48px{
    margin-top: 48px;
}
.height-52px{
    height: 52px;
}
.w-8px{
    width: 8px;
}
.pr-16px{
    padding-right: 16px;
}
.pr-8px{
    padding-right: 8px;
}
.overflowX-hidden{
    overflow-x: hidden;
}
.overflowX-auto{
    overflow-x: auto;
}
.mr-64px{
    margin-right: 64px;
}
.text-light{
    text: light;
}
.width-sm{
    width: sm;
}
.height-sm{
    height: sm;
}
.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;
}
.height-auto{
    height: auto;
}
.height-90vh{
    height: 90vh;
}
.right-12px{
    right: 12px;
}
.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;
}
.bg-var\(--primary-light\){
    background: var(--primary-light);
}
.bg-var\(--secondary-light\){
    background: var(--secondary-light);
}
.borderRadius-0px{
    border-radius: 0px;
}
.pt-4px{
    padding-top: 4px;
}
.borderTopLeftRadius-16px{
    border-top-left-radius: 16px;
}
.bg-var\(--primary-lightest\){
    background: var(--primary-lightest);
}
.bg-var\(--secondary-lightest\){
    background: var(--secondary-lightest);
}
.min-w-160px{
    min-width: 160px;
}
.min-w-auto{
    min-width: auto;
}
.color-var\(--primary-white\){
    color: var(--primary-white);
}
.borderColor-var\(--error-main\){
    border-color: var(--error-main);
}
.whiteSpace-nowrap{
    white-space: nowrap;
}
.textWrap-nowrap{
    text-wrap: nowrap;
}
.color-var\(--inputDisabled-color\){
    color: var(--inputDisabled-color);
}
.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;
}
.ml-16px{
    margin-left: 16px;
}
.roundness-1000px{
    border-radius: 1000px;
}
.bg-var\(--error-main\){
    background: var(--error-main);
}
.bg-var\(--success-main\){
    background: var(--success-main);
}
.ml-10px{
    margin-left: 10px;
}
.ml-40px{
    margin-left: 40px;
}
.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;
}
.marginLeft-8px{
    margin-left: 8px;
}
.paddingBottom-0{
    padding-bottom: 0;
}
.max-w-898px{
    max-width: 898px;
}
.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;
}
.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;
}
.mt-1{
    margin-top: 1;
}
.bg-white-themed{
    background: white themed;
}
.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;
}
.max-w-calc\(100\%_-_56px\){
    max-width: calc(100% - 56px);
}
.pr-40px{
    padding-right: 40px;
}
.border-none\:before:before{
    border: none;
}
.border-none\:after:after{
    border: none;
}
@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;
    }
}