@layer combokit\/main\.css, combokit\/_basic\.css, combokit\/_color\.css, combokit\/_custom\.css;
@layer combokit\/_color\.css {
    .color-white{
        color: #f0f2ff
    }
    .color-black{
        color: #0d0c1a
    }
    .bg-black-transparent{
        background: #0d0c1aaa
    }
    .color-red{
        color: #ff7a78
    }
    .color-green{
        color: #79ffc5
    }
    .borderColor-green{
        border-color: #79ffc5
    }
    .bg-white{
        background: #f0f2ff
    }
    .borderColor-white{
        border-color: #f0f2ff
    }
    .bg-grey{
        background: #a3a9cc
    }
    .bg-dark{
        background: #121a40
    }
    .bg-black{
        background: #0d0c1a
    }
    .bg-pink{
        background: #ff78cd
    }
    .bg-yellow{
        background: #fffa78
    }
    .bg-red{
        background: #ff7a78
    }
    .bg-green{
        background: #79ffc5
    }
    .borderColor-grey{
        border-color: #a3a9cc
    }
    .borderColor-dark{
        border-color: #121a40
    }
    .borderColor-black{
        border-color: #0d0c1a
    }
    .borderColor-pink{
        border-color: #ff78cd
    }
    .borderColor-yellow{
        border-color: #fffa78
    }
    .borderColor-red{
        border-color: #ff7a78
    }
    .color-grey{
        color: #a3a9cc
    }
    .color-dark{
        color: #121a40
    }
    .color-pink{
        color: #ff78cd
    }
    .color-yellow{
        color: #fffa78
    }
}
@layer combokit\/_custom\.css {
    .flex{
        display: flex
    }
    .click{
        cursor: pointer
    }
    .all-center{
        align-items: center;
        justify-content: center
    }
    .relative{
        position: relative
    }
    .block{
        display: block
    }
    .wrap{
        flex-wrap: wrap
    }
    .column{
        flex-direction: column
    }
    .absolute{
        position: absolute
    }
}
@layer combokit\/main\.css{
    .modal-wrapper{
        position: fixed;
        background-color: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .modal{
        position: relative;
        padding: 16px;
        border-radius: 16px
    }
}
.background-black{
    background: black
}
.min-h-100vh{
    min-height: 100vh
}
.width-100\%{
    width: 100%
}
.p-8px{
    padding: 8px
}
.borderWidth-1px{
    border-width: 1px
}
.borderStyle-solid{
    border-style: solid
}
.borderRadius-4px{
    border-radius: 4px
}
.overflow-hidden{
    overflow: hidden
}
.width-50\%{
    width: 50%
}
.height-2px{
    height: 2px
}
.mb-2px{
    margin-bottom: 2px
}
.height-100\%{
    height: 100%
}
.width-2px{
    width: 2px
}
.height-50\%{
    height: 50%
}
.-mt-2px{
    margin-top: -2px
}
.mr-2px{
    margin-right: 2px
}
.min-w-16px{
    min-width: 16px
}
.min-h-16px{
    min-height: 16px
}
.p-4px{
    padding: 4px
}
.borderRadius-0-4px-0-4px{
    border-radius: 0 4px 0 4px
}
.height-calc\(100\%_-_8px\){
    height: calc(100% - 8px)
}
.ml-2px{
    margin-left: 2px
}
.flexShrink-0{
    flex-shrink: 0
}
.mt-auto{
    margin-top: auto
}
.-mt-6px{
    margin-top: -6px
}
.ml-auto{
    margin-left: auto
}
.backdropFilter-blur\(25px\){
    backdrop-filter: blur(25px)
}
.max-w-1024px{
    max-width: 1024px
}
.min-w-384px{
    min-width: 384px
}
.z-2{
    z-index: 2
}
.fa-times{
    fa: times
}
.z-1{
    z-index: 1
}
.display-none{
    display: none
}
.fontSize-20px{
    font-size: 20px
}
.fontWeight-600{
    font-weight: 600
}
.mt-8px{
    margin-top: 8px
}
.alignItems-center{
    align-items: center
}
.width-128px{
    width: 128px
}
.height-48px{
    height: 48px
}
.bg-transparent{
    background: transparent
}
.borderWidth-2px{
    border-width: 2px
}
.mb-8px{
    margin-bottom: 8px
}
.fontSize-24px{
    font-size: 24px
}
.justifyContent-center{
    justify-content: center
}
.mt-24px{
    margin-top: 24px
}
.mt-32px{
    margin-top: 32px
}
.mr-8px{
    margin-right: 8px
}
.alignSelf-stretch{
    align-self: stretch
}
.width-300px{
    width: 300px
}
.height-calc\(300px_\/_16_\*_9_\+_8px\){
    height: calc(300px / 16 * 9 + 8px)
}
.borderWidth-0{
    border-width: 0
}
.min-h-100px{
    min-height: 100px
}
.width-50px{
    width: 50px
}
.height-32px{
    height: 32px
}
.fontSize-14px{
    font-size: 14px
}
.mv-0{
    margin-top: 0;
    margin-bottom: 0
}
.fa-solid{
    fa: solid
}
.fa-gear{
    fa: gear
}
.width-calc\(100\%_-_16px\){
    width: calc(100% - 16px)
}
.borderRadius-0-0-4px-4px{
    border-radius: 0 0 4px 4px
}
.mt-16px{
    margin-top: 16px
}
.fa-chevron-left{
    fa: chevron left
}
.fa-chevron-right{
    fa: chevron right
}
.fa-heart{
    fa: heart
}
.ml-16px{
    margin-left: 16px
}
.fa-bookmark{
    fa: bookmark
}
.alignItems-flexEnd{
    align-items: flex-end
}
.mb-4px{
    margin-bottom: 4px
}
.fa-plus{
    fa: plus
}
.fontSize-16px{
    font-size: 16px
}
.fontSize-12px{
    font-size: 12px
}
.-mt-8px{
    margin-top: -8px
}
.-ml-4px{
    margin-left: -4px
}
.mr-sm{
    margin-right: sm
}
.fa-minus{
    fa: minus
}
.height-60px{
    height: 60px
}
.height-100vh{
    height: 100vh
}
.height-256px{
    height: 256px
}
.fontSize-32px{
    font-size: 32px
}
.height-612px{
    height: 612px
}
.zIndex-2{
    z-index: 2
}
.width-100vw{
    width: 100vw
}
.mb-16px{
    margin-bottom: 16px
}
.width-64px{
    width: 64px
}
.height-64px{
    height: 64px
}
.width-48px{
    width: 48px
}
.width-32px{
    width: 32px
}