.bera-collection-slot .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.bera-collection-slot .fixed {
    position: fixed
}
.bera-collection-slot .absolute {
    position: absolute
}
.bera-collection-slot .relative {
    position: relative
}
.bera-collection-slot .z-20 {
    z-index: 20
}
.bera-collection-slot .col-span-2 {
    grid-column: span 2 / span 2
}
.bera-collection-slot .mb-1\.5 {
    margin-bottom: 0.375rem
}
.bera-collection-slot .mt-1 {
    margin-top: 0.25rem
}
.bera-collection-slot .mt-1\.5 {
    margin-top: 0.375rem
}
.bera-collection-slot .block {
    display: block
}
.bera-collection-slot .flex {
    display: flex
}
.bera-collection-slot .table {
    display: table
}
.bera-collection-slot .grid {
    display: grid
}
.bera-collection-slot .hidden {
    display: none
}
.bera-collection-slot .h-12 {
    height: 3rem
}
.bera-collection-slot .h-6 {
    height: 1.5rem
}
.bera-collection-slot .max-h-64 {
    max-height: 16rem
}
.bera-collection-slot .w-6 {
    width: 1.5rem
}
.bera-collection-slot .w-full {
    width: 100%
}
.bera-collection-slot .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.bera-collection-slot .gap-3 {
    gap: 0.75rem
}
.bera-collection-slot :is(.space-y-1\.5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
}
.bera-collection-slot :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.bera-collection-slot :is(.space-y-3 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.bera-collection-slot :is(.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))
}
.bera-collection-slot :is(.space-y-5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}
.bera-collection-slot .overflow-y-auto {
    overflow-y: auto
}
.bera-collection-slot .rounded-lg {
    border-radius: 0.5rem
}
.bera-collection-slot .rounded-xl {
    border-radius: 0.75rem
}
.bera-collection-slot .border {
    border-width: 1px
}
.bera-collection-slot .border-brand-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 230 236 / var(--tw-border-opacity, 1))
}
.bera-collection-slot .bg-amber-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1))
}
.bera-collection-slot .bg-brand-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 240 244 / var(--tw-bg-opacity, 1))
}
.bera-collection-slot .bg-brand-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1))
}
.bera-collection-slot .bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}
.bera-collection-slot .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bera-collection-slot .p-1 {
    padding: 0.25rem
}
.bera-collection-slot .p-3 {
    padding: 0.75rem
}
.bera-collection-slot .p-4 {
    padding: 1rem
}
.bera-collection-slot .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.bera-collection-slot .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.bera-collection-slot .text-left {
    text-align: left
}
.bera-collection-slot .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.bera-collection-slot .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.bera-collection-slot .font-bold {
    font-weight: 700
}
.bera-collection-slot .font-semibold {
    font-weight: 600
}
.bera-collection-slot .text-amber-900 {
    --tw-text-opacity: 1;
    color: rgb(120 53 15 / var(--tw-text-opacity, 1))
}
.bera-collection-slot .text-brand-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(154 163 178 / var(--tw-text-opacity, 1))
}
.bera-collection-slot .text-brand-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 117 133 / var(--tw-text-opacity, 1))
}
.bera-collection-slot .text-brand-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(51 59 73 / var(--tw-text-opacity, 1))
}
.bera-collection-slot .text-brand-navy {
    --tw-text-opacity: 1;
    color: rgb(30 58 95 / var(--tw-text-opacity, 1))
}
.bera-collection-slot .text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}
.bera-collection-slot .text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1))
}
.bera-collection-slot .text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
.bera-collection-slot .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.bera-collection-slot .outline {
    outline-style: solid
}
.bera-collection-slot .hover\:bg-brand-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1))
}
@media (min-width: 640px) {
    .bera-collection-slot .sm\:gap-4 {
        gap: 1rem
    }
}