.root {
    --uui-dropdown_container-bg: var(--uui-surface-main);
    --uui-dropdown_container-shadow: var(--uui-shadow-level-2);

    --uui-dropdown_container-border-radius: 6px;

    &:global(.uui-dropdown-body) {
        display: flex;
        flex-direction: column;
        min-width: 150px;
        box-sizing: border-box;
        box-shadow: var(--uui-dropdown_container-shadow);
        background-color: var(--uui-dropdown_container-bg);
        border: 0;
        border-radius: var(--uui-dropdown_container-border-radius);
        overflow: hidden;

        @media (max-width: 720px) {
            border-radius: 0;
        }

        &:focus-visible {
            outline: none;
        }
    }

    :global(.uui-popover-arrow) {
        position: absolute;
        width: 12px;
        height: 12px;
        overflow: hidden;
    }

    :global(.uui-popover-arrow)::after {
        content: '';
        position: absolute;
        background: var(--uui-dropdown_container-bg);
        width: 8px;
        height: 8px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    }

    &:global(.padding-6) {
        padding-left: 6px;
        padding-right: 6px;
    }

    &:global(.padding-12) {
        padding-left: 12px;
        padding-right: 12px;
    }

    &:global(.padding-18) {
        padding-left: 18px;
        padding-right: 18px;
    }

    &:global(.padding-24) {
        padding-left: 24px;
        padding-right: 24px;
    }

    &:global(.padding-30) {
        padding-left: 30px;
        padding-right: 30px;
    }

    &:global(.vPadding-6) {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    &:global(.vPadding-12) {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    &:global(.vPadding-18) {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    &:global(.vPadding-24) {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    &:global(.vPadding-30) {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    &:global(.vPadding-48) {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}
