.ydb-drawer {
    &__drawer-container {
        --gn-drawer-item-position: absolute;
        position: relative;

        display: flex;
        overflow: hidden;
        flex: 1 1 0;
        flex-direction: column;

        width: 100%;
        min-width: 0;
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

    &__drawer-container > :not(&__item-container) {
        flex: 1 1 auto;

        min-width: 0;
        min-height: 0;
    }

    &__container {
        position: absolute !important;
        z-index: var(--ydb-drawer-veil-z-index);
        inset-block: 0 !important;
        inset-inline: 0 auto !important;

        overflow: hidden;

        width: 100%;
    }

    &__container[data-floating-ui-status='initial'] {
        pointer-events: none;
    }

    &__item {
        z-index: var(--gn-drawer-item-z-index);

        height: 100%;
    }

    &__item-container {
        position: absolute;
        inset-block: 0;
        inset-inline-start: 0;

        width: 100%;

        pointer-events: none;
    }

    &__controls {
        margin-left: auto;
    }

    &__header-wrapper {
        position: sticky;
        z-index: 3;
        top: 0;
        left: 0;

        padding: var(--g-spacing-4) var(--g-spacing-4) 0 var(--g-spacing-4);

        background-color: var(--g-color-base-background);
    }

    &__content-wrapper {
        display: flex;
        overflow: auto;
        flex-direction: column;

        height: 100%;
    }
    &__click-handler {
        display: contents;
    }
}