.absolute {
    position: absolute
}
.relative {
    position: relative
}
.z-20 {
    z-index: 20
}
.block {
    display: block
}
.flex {
    display: flex
}
.aspect-square {
    aspect-ratio: 1 / 1
}
.h-4 {
    height: 1rem
}
.w-max {
    width: -moz-max-content;
    width: max-content
}
.w-4 {
    width: 1rem
}
.flex-none {
    flex: none
}
.cursor-pointer {
    cursor: pointer
}
.flex-row {
    flex-direction: row
}
.flex-wrap {
    flex-wrap: wrap
}
.gap-2 {
    gap: 0.5rem
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.rounded-lg {
    border-radius: 0.5rem
}
.rounded-xl {
    border-radius: 0.75rem
}
.rounded-md {
    border-radius: 0.375rem
}
.border {
    border-width: 1px
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.p-4 {
    padding: 1rem
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.pt-2 {
    padding-top: 0.5rem
}
.text-center {
    text-align: center
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}