@use 'variables';
@use 'common-mixins';

.monaco-diff-editor {
    .editor.original {
        right: 30px !important; // diffOverviewRuler size
        left: unset !important;
    }

    .editor.modified {
        left: 0 !important;
        width: unset !important;
    }

    .diffOverview {
        .diffOverviewRuler.original {
            left: 15px !important;
        }

        .diffOverviewRuler.modified {
            right: 15px !important;
        }
    }
}

.monaco-editor.disabled {
    cursor: default;

    .monaco-mouse-cursor-text {
        cursor: default;
    }

    .cursors-layer > .cursor {
        display: none !important;
    }
}

.changed-row-marker {
    background: rgba(variables.$primary, 0.1);
}

.too-short-marker {
    background: rgba(variables.$primary, 0.5);
}

.search-marker {
    background: rgba(variables.$blue-5, 0.3);
}

.editor-container {
    width: 100%;
}

.changes-box {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    bottom: 40px;
    right: 40px;
    border-radius: 8px;
    padding: 16px 32px 16px 16px;
    background-color: var(--iqser-background);
    z-index: 5000;
    @include common-mixins.drop-shadow;

    > *:not(:last-child) {
        margin-right: 24px;
    }

    &.offset {
        right: calc(50% + 40px);
    }
}
