.container {
    width: 100%
}
@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.bottom-0 {
    bottom: 0px
}
.left-0 {
    left: 0px
}
.right-0 {
    right: 0px
}
.top-0 {
    top: 0px
}
.z-10 {
    z-index: 10
}
.z-\[499\] {
    z-index: 499
}
.z-editor {
    z-index: 310
}
.-mx-7 {
    margin-left: -28px;
    margin-right: -28px
}
.-mx-7\.5 {
    margin-left: -30px;
    margin-right: -30px
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mb-1 {
    margin-bottom: 4px
}
.mb-4 {
    margin-bottom: 16px
}
.mb-6 {
    margin-bottom: 24px
}
.ml-2 {
    margin-left: 8px
}
.ml-5 {
    margin-left: 20px
}
.mr-2 {
    margin-right: 8px
}
.mr-auto {
    margin-right: auto
}
.mt-4 {
    margin-top: 16px
}
.block {
    display: block
}
.flex {
    display: flex
}
.grid {
    display: grid
}
.h-60 {
    height: 240px
}
.h-full {
    height: 100%
}
.min-h-full {
    min-height: 100%
}
.w-80 {
    width: 320px
}
.w-\[340px\] {
    width: 340px
}
.w-full {
    width: 100%
}
.w-min {
    width: min-content
}
.min-w-0 {
    min-width: 0px
}
.min-w-\[320px\] {
    min-width: 320px
}
.min-w-\[calc\(100\%\+60px\)\] {
    min-width: calc(100% + 60px)
}
.max-w-\[calc\(100\%\+60px\)\] {
    max-width: calc(100% + 60px)
}
.flex-1 {
    flex: 1 1 0%
}
.flex-grow {
    flex-grow: 1
}
.grow {
    flex-grow: 1
}
.flex-col {
    flex-direction: column
}
.items-end {
    align-items: flex-end
}
.items-center {
    align-items: center
}
.justify-start {
    justify-content: flex-start
}
.justify-end {
    justify-content: flex-end
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.justify-stretch {
    justify-content: stretch
}
.overflow-auto {
    overflow: auto
}
.overflow-hidden {
    overflow: hidden
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.border-b {
    border-bottom-width: 1px
}
.border-r {
    border-right-width: 1px
}
.border-solid {
    border-style: solid
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}
.bg-black\/20 {
    background-color: rgb(0 0 0 / 0.2)
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.p-6 {
    padding: 24px
}
.px-4 {
    padding-left: 16px;
    padding-right: 16px
}
.px-6 {
    padding-left: 24px;
    padding-right: 24px
}
.py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.duration-200 {
    transition-duration: 200ms
}
.after\:mx-2::after {
    content: var(--tw-content);
    margin-left: 8px;
    margin-right: 8px
}
.after\:my-2::after {
    content: var(--tw-content);
    margin-top: 8px;
    margin-bottom: 8px
}
.after\:flex::after {
    content: var(--tw-content);
    display: flex
}
.after\:h-4::after {
    content: var(--tw-content);
    height: 16px
}
.after\:w-px::after {
    content: var(--tw-content);
    width: 1px
}
.after\:bg-slate-200::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity))
}
.first\:ml-2:first-child {
    margin-left: 8px
}
.last\:mb-0:last-child {
    margin-bottom: 0px
}
.last\:ml-3:last-child {
    margin-left: 12px
}