{"mappings":"ACcE;;;;;;;;;;;;AAcA;;;;;;;;AAOE;;;;AAIF;;;;;AAOA;;;;;;;;AAME;;;;;;;AASF;;;;;AAMA;;;;AAIE;;;;;;;;AAQF;;;;AAIA;;;;AAGE;;;;AAGE","sources":["2af822753a87ff89","src/styles/_ace-diff-base.scss"],"sourcesContent":["@import \"13fec042aec69198\";\n@import \"4af5c04ee1f8944a\";\n","@use \"sass:color\";\n\n$connectorBackground: #d8f2ff !default;\n$connectorBorder: #a2d7f2 !default;\n$gutterBackground: #efefef !default;\n$copyArrowsColor: #000 !default;\n$mergeRightColor: #c98100 !default;\n$mergeLeftColor: #004ea0 !default;\n\n.acediff {\n  // .acediff class itself got no styles\n\n  // We have to provide some dimensions for the ACE editor\n  // This will expand to whatever space is available\n  &__wrap {\n    display: flex;\n    flex-direction: row;\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n    top: 0px;\n    left: 0px;\n\n    // these 3 lines are to prevents an unsightly scrolling bounce affect on Safari\n    height: 100%;\n    overflow: auto;\n  }\n\n  &__gutter {\n    flex: 0 0 60px;\n    border-left: 1px solid color.adjust($gutterBackground, $lightness: -20%);\n    border-right: 1px solid color.adjust($gutterBackground, $lightness: -20%);\n    background-color: $gutterBackground;\n    overflow: hidden;\n\n    svg {\n      background-color: $gutterBackground;\n    }\n  }\n  &__left,\n  &__right {\n    height: 100%;\n    flex: 1;\n  }\n\n  // The line that's rendered in ACE editor under diffed lines\n  &__diffLine {\n    background-color: $connectorBackground;\n    border-top: 1px solid $connectorBorder;\n    border-bottom: 1px solid $connectorBorder;\n    position: absolute;\n    z-index: 4;\n    &.targetOnly {\n      height: 0px !important;\n      border-top: 1px solid $connectorBorder;\n      border-bottom: 0px;\n      position: absolute;\n    }\n  }\n\n  // SVG connector\n  &__connector {\n    fill: $connectorBackground;\n    stroke: $connectorBorder;\n  }\n\n  // Arrows for merging diffs\n  &__copy--right,\n  &__copy--left {\n    position: relative;\n\n    div {\n      color: $copyArrowsColor;\n      text-shadow: 1px 1px rgba(color.invert($copyArrowsColor), 0.7);\n      position: absolute;\n      margin: 2px 3px;\n      cursor: pointer;\n    }\n  }\n  &__copy--right div:hover {\n    color: $mergeLeftColor;\n  }\n\n  &__copy--left {\n    float: right;\n\n    div {\n      right: 0px;\n\n      &:hover {\n        color: $mergeRightColor;\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"ace-diff.min.css.map"}