// (C) 2020-2025 GoodData Corporation
@use "zIndexes";
@use "@gooddata/sdk-ui-kit/styles/scss/Bubble/variables" as bubble-variables;
@use "@gooddata/sdk-ui-kit/styles/scss/Button/variables" as button-variables;

.gd-drill-modal-picker-overlay-mask {
    position: absolute;
    z-index: zIndexes.$drill-select;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.gd-drill-modal-picker-dropdown {
    overflow: hidden;
    max-width: 230px;
    width: 230px;
    background-color: var(--gd-palette-complementary-0, #fff);
    border-radius: 3px;
    border: 1px solid
        var(--gd-palette-complementary-3-from-theme, button-variables.$default-button-normal-border-color);
    box-shadow: bubble-variables.$bubble-boxShadow;

    .gd-drill-modal-picker-title {
        font-weight: 400;
        font-size: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 10px 10px 0 10px;
        line-height: 16px;
        white-space: nowrap;
        color: var(--gd-palette-complementary-6, #94a1ad);
        text-transform: uppercase;
    }

    .gd-drill-modal-picker-body {
        max-height: 160px;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 0 0 10px 0;
    }
}

.gd-drill-to-url-modal-picker {
    padding: 2px 0 0 10px;
}

.gd-drill-modal-wrapper-mask {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    height: 100%;

    &:first-child {
        .gd-bubble-trigger-zoom-out {
            z-index: zIndexes.$drill-dialog-basic;
            top: -30px;
            right: 30px;
        }
    }
}