@use  '../../assets/styles/index' as *;

.header {
    font-family: var(--uui-filters-panel-header-font);
    font-weight: var(--uui-filters-panel-header-font-weight, normal);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 12px 0;
    margin-bottom: 9px;

    button.removeButton {
        padding-left: 24px;
        margin-left: auto;

        :global(.uui-caption) {
            font-size: 14px;
        }
    }

    &.with-search {
        margin-bottom: 0;
    }
}

.panel {
    display: block;

    @media screen and (max-width: 720px) {
        height: var(--app-mobile-height);
    }

    :global(.-scrolled-top) {
        border-top: 1px solid var(--uui-divider);
    }
}
