/*

Base

 */

/*

Builder

 */

/* Background */
.filament-forms-builder-component > ul > li.bg-white {
    background: rgba(0, 0, 0, 0.012);
}

/* Border on hover */
.filament-forms-builder-component > ul > li.bg-white:hover,
.filament-forms-builder-component > ul > li.bg-white:focus,
.filament-forms-builder-component > ul > li.bg-white:focus-within {
    border-color: rgba(0, 0, 0, 0.24);
}

/* Picker */
.filament-forms-builder-component-block-picker.w-52 {
    width: 18rem;
}

/*

Repeater

 */

/* Background */
.filament-forms-repeater-component > ul > li.bg-white {
    background: rgba(0, 0, 0, 0.012);
}

/* Border / focus */
.filament-forms-repeater-component > ul > li.bg-white:hover,
.filament-forms-repeater-component > ul > li.bg-white:focus,
.filament-forms-repeater-component > ul > li.bg-white:focus-within {
    border-color: rgba(0, 0, 0, 0.24);
}

/*

Section

 */

/* Section - Center title */
.filament-forms-section-component > div {
    align-items: center;
}

/* Section - heading size */
.filament-forms-section-component > div:first-child > div:first-child > h3 {
    font-size: 1rem;
}

/* Section - Collapsible Toggle Size */
.filament-forms-section-component > div:first-child > button {
    height: 1.5rem;
    width: 1.5rem;
}

/* Section - Collapsible Icon Size */
.filament-forms-section-component > div:first-child > button > svg {
    height: 1rem;
    width: 1rem;
}

/*

Blueprint HR

 */
.blueprint-hr {
    margin-top: 16px;
    margin-bottom: 16px;
}

/*

Dropdown panel

 */

.fi-dropdown-panel {
    height: 40vh;
    overflow-y: scroll;
    min-height: 320px;
}

/*

Combined Buttons

 */

.button-group-left {
    margin-right: -11px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.button-group-right {
    border-left-width: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.button-icon-only {
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 0 !important;
}

/*

Fixed Header

*/

@media (min-width: 1600px) {
    .fi-sidebar {
        z-index: 1 !important;
    }

    .fi-header {
        width: calc(100vw - 320px);
        position: sticky;
        background: rgba(var(--gray-50),var(--tw-bg-opacity));
        border-bottom: 1px solid rgb(var(--gray-200));
        z-index: 1;
        margin-top: -2rem;
        margin-left: calc(-50vw + 768px);
        padding-top: 2rem;
        padding-left: calc(50vw - 768px);
        padding-right: calc(50vw - 768px);
        padding-bottom: 2rem;
        top: 64px;
    }

    html.dark .fi-header {
        background: rgba(var(--gray-950),var(--tw-bg-opacity));
    }
}