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

.panel {
    background: var(--uui-picker_input-bg);
    box-shadow: var(--uui-dropdown-container-shadow);

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

.footer-wrapper {
    border-top: 1px solid var(--uui-divider);
    padding: 0 12px;
    display: flex;

    &.footer-size-24 {
        min-height: 24px;
    }

    &.footer-size-30 {
        min-height: 30px;

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

    &.footer-size-36 {
        min-height: 36px;
    }

    &.footer-size-42 {
        min-height: 42px;

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

    &.footer-size-48 {
        min-height: 48px;

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