/*outer overlay*/
.starship-v2 {
    .ant-drawer-mask {
        background: var(--base-0) !important;
        opacity: 0.8 !important;
        box-shadow: none !important;
    }
    /*outer overlay*/
    .ant-drawer-content-wrapper {
        background-color: var(--base-translucent) !important;
        background: var(--base-translucent) !important;
        box-shadow:
            0px 6px 4px 0px rgba(0, 0, 0, 0.04),
            0px 8px 8px 0px rgba(0, 0, 0, 0.04),
            0px 4px 4px 0px rgba(0, 0, 0, 0.04) !important;
        backdrop-filter: blur(2px) !important;
        border-radius: 24px 24px 0px 0px;
    }
    .starship-drawer {
        background: transparent !important;
        .ant-drawer-wrapper-body {
            background-color: transparent !important;
            background: transparent !important;
            box-shadow: none !important;
            color: var(--base-700) !important;
            border: 0px !important;
            outline: none;
            padding: 0px;
            .ant-drawer-header {
                background-color: transparent !important;
                color: var(--base-800) !important;
                border: 0px !important;
                padding: 16px !important;
                .ant-drawer-close {
                    color: var(--base-700);
                    &:hover,
                //&:focus,
                &:hover:focus,
                &:active,
                &.active {
                        color: var(--base-800);
                    }
                }
            }
            .ant-drawer-body {
                background-color: transparent !important;
                padding: 0px 16px 16px 16px;
            }
            .ant-drawer-title {
                font-size: 20px;
                font-weight: 600;
                line-height: 24px;
                letter-spacing: -0.8px;
                font-feature-settings:
                    "ss04" on,
                    "calt" off,
                    "liga" off;
                color: var(--base-800);
            }
            .ant-drawer-close {
                order: 2;
                margin: 0px;
                padding: 0px;
                line-height: 0;
            }
        }
        /*  later if we will have any tooltip
        .ve-c-tool-tip,
        .ve-c-tool-tip:focus {

            &:hover,
            &.active {

            }
        }  */
    }
}