/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/iconsPanel/iconsPanel.css ***!
  \*****************************************************************************************************************************************************************************/
.iconsPanel__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.iconsPanel__iconWrapper {
  margin: 1px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s;
}

.iconsPanel__iconWrapper--opacity {
  opacity: 0.3;
}

@media (max-width: 1920px), (max-height: 1080px) {
  .iconsPanel__iconWrapper {
    height: 16px;
    width: 16px;
  }
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./sharedComponents/src/uniHelper/uniHelper.css ***!
  \*********************************************************************************************************************************************************************************/
.uniHelper__wrap {
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: inherit;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.uniHelper__backBtn:hover {
  background-color: #898989;
}

.uniHelper__closeBtn:hover {
  background-color: #bf5353;
}

.uniHelper__head {
  height: 20px;
  width: 100%;
  display: flex;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom: 1px solid silver;
  font-size: 14px;
  justify-content: space-between;
  background: #dddcdc;
}

.uniHelper__drag {
  flex: 1;
  height: 100%;
}

.uniHelper__closeBtn,
.uniHelper__backBtn {
  width: 50px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.5s;
}

.uniHelper__backBtn {
  border-top-left-radius: inherit;
  border-right: 1px solid silver;
}

.uniHelper__closeBtn {
  border-top-right-radius: inherit;
  border-left: 1px solid silver;
}

.uniHelper__content {
  margin: 3px;
  border-radius: inherit;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: auto;
  flex: 1;
}

.uniHelper__resize {
  z-index: 10001;
  position: absolute;
  --pointHeight: 10px;
  --pointWidth: 10px ;
}

.uniHelper__resize--unable {
  pointer-events: none;
}

.uniHelper__resize--right,
.uniHelper__resize--left {
  width: 4px;
  height: calc(100% - var(--pointHeight) * 2);
  top: calc(var(--pointHeight));
}

.uniHelper__resize--right {
  right: 0;
  cursor: w-resize;
}

.uniHelper__resize--left {
  left: 0;
  cursor: e-resize;
}

.uniHelper__resize--botright,
.uniHelper__resize--botleft,
.uniHelper__resize--topright,
.uniHelper__resize--topleft {
  height: var(--pointHeight);
  width: var(--pointWidth);
}

.uniHelper__resize--botright {
  right: 0;
  bottom: 0;
  cursor: nw-resize;
}

.uniHelper__resize--botleft {
  left: 0;
  bottom: 0;
  cursor: ne-resize;
}

.uniHelper__resize--topright {
  right: 0;
  top: 0;
  cursor: ne-resize;
}

.uniHelper__resize--topleft {
  left: 0;
  top: 0;
  cursor: nw-resize;
}

.uniHelper__resize--top,
.uniHelper__resize--bot {
  position: absolute;
  height: 4px;
  width: calc(100% - var(--pointWidth) * 2);
  left: calc(var(--pointWidth));
}

.uniHelper__resize--top {
  top: 0;
  cursor: n-resize;
}

.uniHelper__resize--bot {
  bottom: 0;
  cursor: s-resize;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./sharedComponents/src/scrollBar/styles.css ***!
  \******************************************************************************************************************************************************************************/
@charset "UTF-8";
.scrollBar__wrap {
  &:hover .scrollBar__panel {
    opacity: 1;
  }
  --scrollBar-vPanelSize: 20px;
  --scrollBar-hPanelSize: 20px;
  --scrollBar-vSliderSize: 100%;
  --scrollBar-hSliderSize: 100%;
  --scrollBar-vSliderPos: 0px;
  --scrollBar-hSliderPos: 0px;
  --scrollBar-vSliderColor: #2209095b;
  --scrollBar-hSliderColor: #2209095b;
  --scrollBar-vPanelColor: transparent;
  --scrollBar-hPanelColor: transparent;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: inherit;
  &.scrollBar__wrap--overflowed {
    overflow: visible;
  }
  & .scrollBar__panel {
    z-index: 10000;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: all;
    position: absolute;
    border-radius: 5px;
    & .scrollBar__slider {
      border-radius: inherit;
    }
    &.scrollBar__panel--vertical {
      height: 100%;
      width: var(--scrollBar-vPanelSize);
      background-color: var(--scrollBar-vPanelColor);
      & .scrollBar__slider {
        width: 100%;
        height: var(--scrollBar-vSliderSize);
        transform: translateY(var(--scrollBar-vSliderPos));
        background-color: var(--scrollBar-vSliderColor);
      }
    }
    &.scrollBar__panel--horizontal {
      height: var(--scrollBar-hPanelSize);
      width: 100%;
      background-color: var(--scrollBar-hPanelColor);
      & .scrollBar__slider {
        width: var(--scrollBar-hSliderSize);
        height: 100%;
        transform: translateX(var(--scrollBar-hSliderPos));
        background-color: var(--scrollBar-hSliderColor);
      }
    }
    &.scrollBar__panel--hidden {
      opacity: 0 !important;
      pointer-events: none;
    }
    &.scrollBar__panel--marginTop {
      top: var(--scrollBar-hPanelSize);
      height: calc(100% - var(--scrollBar-hPanelSize));
    }
    &.scrollBar__panel--marginBottom {
      bottom: var(--scrollBar-hPanelSize);
      height: calc(100% - var(--scrollBar-hPanelSize));
    }
    &.scrollBar__panel--marginLeft {
      left: var(--scrollBar-vPanelSize);
      width: calc(100% - var(--scrollBar-vPanelSize));
    }
    &.scrollBar__panel--marginRight {
      right: var(--scrollBar-vPanelSize);
      width: calc(100% - var(--scrollBar-vPanelSize));
    }
    &.scrollBar__panel--attachRight {
      right: 0;
      &.scrollBar__panel--outside {
        right: calc(-1 * var(--scrollBar-vPanelSize));
      }
    }
    &.scrollBar__panel--attachLeft {
      left: 0;
      &.scrollBar__panel--outside {
        left: calc(-1 * var(--scrollBar-vPanelSize));
      }
    }
    &.scrollBar__panel--attachBottom {
      bottom: 0;
      &.scrollBar__panel--outside {
        bottom: calc(-1 * var(--scrollBar-hPanelSize));
      }
    }
    &.scrollBar__panel--attachTop {
      top: 0;
      &.scrollBar__panel--outside {
        top: calc(-1 * var(--scrollBar-hPanelSize));
      }
    }
    &:hover,
    &:active {
      opacity: 1;
    }
  }
  & > :last-child {
    /* ВАЖНО - принудительно ставим деф поведение браузера при оверфлоу */
    overflow: auto !important;
    /* ВАЖНО - скрываем браузерный скрол, т.к. нам нужно деф поведение от мауз вил и мауз бтн 3 */
    &::-webkit-scrollbar {
      width: 0px;
      height: 0px;
    }
  }
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./sharedComponents/src/dialog/dialog.css ***!
  \***************************************************************************************************************************************************************************/
.wrap_dialog {
  position: fixed;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
  border-radius: 10px;
  z-index: 50000;
  opacity: 0.9;
  width: -moz-min-content;
  width: min-content;
  height: -moz-min-content;
  height: min-content;
}

.catch_dialog {
  position: fixed;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 50000;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./platform/icons/icons.css ***!
  \*************************************************************************************************************************************************************/
@charset "UTF-8";
.icon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-folder {
  background-image: url(assets/folder.f5c4cb5265535210de3e.svg);
}

.icon-rotate90 {
  transform: rotate(90deg);
}

.icon_trash {
  background-image: url(assets/trash.1e78f5a53a04718091eb.svg);
}

.icon_file {
  background-image: url(assets/file.64b21b2e7556391ec1f1.png);
}

.icon_swapLeft {
  background-image: url(assets/%D0%A1%D1%82%D1%80%D0%B5%D0%BB%D0%BA%D0%B0%D0%92%D0%BB%D0%B5%D0%B2%D0%BE.f91cdba77692d0289f7d.svg);
}

.icon_swapRight {
  background-image: url(assets/%D0%A1%D1%82%D1%80%D0%B5%D0%BB%D0%BA%D0%B0%D0%92%D0%BF%D1%80%D0%B0%D0%B2%D0%BE.51c23a6eed2049450e24.svg);
}

.icon_minimizeLayer {
  background-image: url(assets/%D0%A1%D0%B6%D0%B0%D1%82%D0%B8%D0%B5.78dcb6d5597db30aa328.svg);
}

.icon_minimizeLayer--mini {
  background-size: 70%;
}

.icon_addLayer {
  background-image: url(assets/%D0%9F%D0%BB%D1%8E%D1%81.d1963289ad8db1f818b2.svg);
}

.icon_map {
  background-image: url(assets/map.0bd6b7e4e9b62b71702f.png);
}

.icon_notAuth {
  background-image: url(assets/notAuth.e1c013928415107fb2e1.png);
}

.icon_auth {
  background-image: url(assets/auth.194b040f4e9c57fbdabc.png);
}

.icon_authDef {
  background-image: url(assets/authDef.7cfe3d78be3ce3da2e5b.png);
}

.icon_save {
  background-image: url(assets/save.8e5024df99697e1468d5.png);
}

.icon_timeLine {
  background-image: url(assets/timeLine.cba75d47e7848f6bc677.png);
}

.icon_cssEditor {
  background-image: url(assets/css.1f7f9392c3b476914da8.png);
}

.icon_settings {
  background-image: url(assets/settings.5e61c10ec112476674f6.svg);
}

.icon_timeBack {
  background-image: url(assets/timeBack.e1ddf4b3f729092a2676.svg);
}

.icon_pdf {
  background-image: url(assets/pdf.fd09d28428b529ee18e4.svg);
}

.icon_link {
  background-image: url(assets/link.70469c5f5a3aa8143692.svg);
}

.icon_txt {
  background-image: url(assets/txt.2234b9971235efd4ef14.svg);
}

.icon_doc {
  background-image: url(assets/doc.d5220b7a950e386a05bf.svg);
}

.icon_iso {
  background-image: url(assets/iso.d089df5f653a92e79915.svg);
}

.icon_db {
  background-image: url(assets/db.1d586f8a40383aacc663.svg);
}

.icon_html {
  background-image: url(assets/html.0fec52fa448e4daa9890.svg);
}

.icon_xls {
  background-image: url(assets/xls.08dbf5be6fa785710e61.svg);
}

.icon_png {
  background-image: url(assets/png.a368c6867d0913583567.svg);
}

.icon_zip {
  background-image: url(assets/zip.c96e999f57aa2b408ca8.svg);
}

.icon_ppt {
  background-image: url(assets/ppt.1654ae42e7e92f64caa2.svg);
}

.icon_docx {
  background-image: url(assets/docx.56ce5c754117a9816bc2.svg);
}

.icon_jpg {
  background-image: url(assets/jpg.918a64a8b41ed515491f.svg);
}

.icon_xlsx {
  background-image: url(assets/xlsx.958ceab47212371b306b.svg);
}

.icon_mp3 {
  background-image: url(assets/mp3.d010ba40b87d9cf4851b.svg);
}

.icon_exe {
  background-image: url(assets/exe.721aed356a00ee299d7f.svg);
}

.icon_php {
  background-image: url(assets/php.3a9aa4d6da43597b5887.svg);
}

.icon_rar {
  background-image: url(assets/rar.04452b3c45a82b1c0ee7.svg);
}

.icon_gif {
  background-image: url(assets/gif.71955e645d945129bbca.svg);
}

.icon_dwg {
  background-image: url(assets/dwg.d7e3aa94d1a3f8b641c8.svg);
}

.icon_rtf {
  background-image: url(assets/rtf.aa8c7d12ab20c1b40d3a.svg);
}

.icon_js {
  background-image: url(assets/js.a75825e05762dd18d64d.svg);
}

.icon_svg {
  background-image: url(assets/svg.8e397d53b6bc5db8522f.svg);
}

.icon_cad {
  background-image: url(assets/cad.33693ad8ae49ceef36df.svg);
}

.icon_java {
  background-image: url(assets/java.70f9e66661cdb43b7eff.svg);
}

.icon_mp4 {
  background-image: url(assets/mp4.568244b64fae10511dc0.svg);
}

.icon_bmp {
  background-image: url(assets/bmp.743472d2387e7be3a10c.svg);
}

.icon_cdr {
  background-image: url(assets/cdr.0fe4e73868e51b0d9701.svg);
}

.icon_sys {
  background-image: url(assets/sys.aff804918a870fe3bfb1.svg);
}

.icon_tiff {
  background-image: url(assets/tiff.00847d386d43f4c2f24a.svg);
}

.icon_avi {
  background-image: url(assets/avi.ba24dd9d1bb6694f051c.svg);
}

.icon_css {
  background-image: url(assets/css.cc137b2d9b5bfebd9f20.svg);
}

.icon_ini {
  background-image: url(assets/ini.4be5631b76abdd771cd8.svg);
}

.icon_psd {
  background-image: url(assets/psd.bae20e9f2da36f1a089b.svg);
}

.icon_mkv {
  background-image: url(assets/mkv.9f9b5c7888cd7044245c.svg);
}

.icon_mpg {
  background-image: url(assets/mpg.515d3d8e89a851022e54.svg);
}

.icon_eps {
  background-image: url(assets/eps.a29dc5e12934cab9bc3a.svg);
}

.icon_ace {
  background-image: url(assets/ace.70e98232b6fac3c0484d.svg);
}

.icon_rss {
  background-image: url(assets/rss.76eeb9104c767027283e.svg);
}

.icon_bin {
  background-image: url(assets/bin.485d40b610c6853812ea.svg);
}

.icon_flac {
  background-image: url(assets/flac.cbeb3ce155438682399b.svg);
}

.icon_ps {
  background-image: url(assets/ps.f686e2a0acba5c656d96.svg);
}

.icon_htm {
  background-image: url(assets/htm.676466aa22e09dfe0847.svg);
}

.icon_ai {
  background-image: url(assets/ai.5ad9b639018fd324b63b.svg);
}

.icon_hlp {
  background-image: url(assets/hlp.df684486861dc87f7e55.svg);
}

.icon_mov {
  background-image: url(assets/mov.5a3858fa0cb79f502525.svg);
}

.icon_dwf {
  background-image: url(assets/dwf.1001943c48fbdead284f.svg);
}

.icon_aut {
  background-image: url(assets/aut.5e5ff6770a9080d29666.svg);
}

.icon_swf {
  background-image: url(assets/swf.e2ac0e741f931adb4982.svg);
}

.icon_aac {
  background-image: url(assets/aac.c169f782c1a00bb12ed0.svg);
}

.icon_dmg {
  background-image: url(assets/dmg.2f4823d49331ae42db71.svg);
}

.icon_plus {
  background-image: url(assets/plus.f116af08f66e12ab33bb.svg);
}

.icon_presentation {
  background-image: url(assets/presentation.6c28ac3ef2b2fb251b13.svg);
}

.icon_presentation_bw {
  background-image: url(assets/presentation_bw.c2f4f3e43f9404c77d9b.svg);
}

.icon_close {
  background-image: url(assets/close.f2d28b80eb567307110a.svg);
}

.icon_play {
  background-image: url(assets/play.2a47e3310032156f1853.svg);
}

.icon_playM {
  background-image: url(assets/playM.9dd3a6307004f2263bd0.svg);
}

.icon_next {
  background-image: url(assets/next.97dbe592c27390b17a7c.svg);
}

.icon_back {
  background-image: url(assets/back.0d5ec1bf1aca042856f1.svg);
}

.icon_back2 {
  background-image: url(assets/back2.849ebccac89303aa0303.svg);
}

.icon_stop {
  background-image: url(assets/stop.fcd6174bb11ff998867f.svg);
}

.icon_pause {
  background-image: url(assets/pause.155c84481186a65de478.svg);
}

.icon_sortirovat-2 {
  background-image: url(assets/sortirovat-2.70816c5f62da70e30215.svg);
}

.icon_sortirovat- {
  background-image: url(assets/sortirovat-.5478c3ccc69f63c526ba.svg);
}

.icon_treugol-nik {
  background-image: url(assets/treugol-nik.a0b2efa85f69011715f6.svg);
}

.icon_strelkavpravo {
  background-image: url(assets/strelkavpravo.db25ace1cffb2361dbfa.svg);
}

.icon_strelkavlevo {
  background-image: url(assets/strelkavlevo.4f0dc6235e396626c368.svg);
}

.icon_plyus {
  background-image: url(assets/plyus.1e37e841b4228891e546.svg);
}

.icon_szhatie {
  background-image: url(assets/szhatie.884d4532b8e1d4b5fc9e.svg);
}

.icon_kollaps {
  background-image: url(assets/kollaps.1cf4e0f139d844ce701b.svg);
}

.icon_plyuskrug {
  background-image: url(assets/plyuskrug.15b642122584a3e57c81.svg);
}

.icon_zaversheno {
  background-image: url(assets/zaversheno.3456dd15e98398ebe26b.svg);
}

.icon_diagrama {
  background-image: url(assets/diagrama.fd0f7acba9a699fcf531.svg);
}

.icon_dokument {
  background-image: url(assets/dokument.75484f7a78fd8aebf708.svg);
}

.icon_vhodyashie {
  background-image: url(assets/vhodyashie.6738c267ee96c504d604.svg);
}

.icon_otstavanie {
  background-image: url(assets/otstavanie.4495a53d676fbb102ec5.svg);
}

.icon_ideya {
  background-image: url(assets/ideya.78deba48e9b154073412.svg);
}

.icon_dizajn {
  background-image: url(assets/dizajn.d8293933a1fc46ee9ddd.svg);
}

.icon_pisat- {
  background-image: url(assets/pisat-.e8ee52ede5ec6707beed.svg);
}

.icon_obsuzhdenie {
  background-image: url(assets/obsuzhdenie.fc51561f433e7201218a.svg);
}

.icon_kalendar- {
  background-image: url(assets/kalendar-.54a3435f48373ce9350c.svg);
}

.icon_chasy {
  background-image: url(assets/chasy.c412f83a07d21a3a246c.svg);
}

.icon_cel- {
  background-image: url(assets/cel-.00c4fe4e4f982d88e0a4.svg);
}

.icon_otzyv {
  background-image: url(assets/otzyv.dcc684ef03f0e6d09bc0.svg);
}

.icon_opasnost- {
  background-image: url(assets/opasnost-.74e17f6989befca9ef26.svg);
}

.icon_otlozheno {
  background-image: url(assets/otlozheno.1d220b90eebb5bcadef1.svg);
}

.icon_zaderzhivaetsya {
  background-image: url(assets/zaderzhivaetsya.64177e11c329c3424df6.svg);
}

.icon_obratnaya-svyaz- {
  background-image: url(assets/obratnaya-svyaz-.911cf24554010635ce07.svg);
}

.icon_povestka-dnya {
  background-image: url(assets/povestka-dnya.ee653b717fe3f49d8605.svg);
}

.icon_oshibka {
  background-image: url(assets/oshibka.e348a68be07edd1e14a7.svg);
}

.icon_peredacha {
  background-image: url(assets/peredacha.a57023c9f9a6d2306027.svg);
}

.icon_uluchshenie {
  background-image: url(assets/uluchshenie.8600c40a1271b3b55aca.svg);
}

.icon_vybor {
  background-image: url(assets/vybor.279dfb367bae67867fd0.svg);
}

.icon_sleduyushij {
  background-image: url(assets/sleduyushij.cc2bfa9374a58ec54223.svg);
}

.icon_volna {
  background-image: url(assets/volna.00ff07d971755b2dc045.svg);
}

.icon_reshenie {
  background-image: url(assets/reshenie.5e3a8fa42df4c6bf0da2.svg);
}

.icon_priostanovleno {
  background-image: url(assets/priostanovleno.be97c41dbb4679d81d72.svg);
}

.icon_v-processe {
  background-image: url(assets/v-processe.e163cc05778cf89da4e5.svg);
}

.icon_sajt {
  background-image: url(assets/sajt.79c12e7b61e41df91e7f.svg);
}

.icon_video {
  background-image: url(assets/video.bef5aefd420b8464efda.svg);
}

.icon_rabochij-stol {
  background-image: url(assets/rabochij-stol.b3f049d6979e28611d01.svg);
}

.icon_disketa {
  background-image: url(assets/disketa.585dbf121305461e5d75.svg);
}

.icon_papka {
  background-image: url(assets/papka.c98657d8caf981a1fb5a.svg);
}

.icon_igra {
  background-image: url(assets/igra.ee1201595e033f89b771.svg);
}

.icon_telefon {
  background-image: url(assets/telefon.c76a6fbd7fb794a3c0db.svg);
}

.icon_mozhno-nosit- {
  background-image: url(assets/mozhno-nosit-.46cc3761c1e044f9031b.svg);
}

.icon_komp-yuter {
  background-image: url(assets/komp-yuter.79fe344b4d0cd6e6ce4a.svg);
}

.icon_foto {
  background-image: url(assets/foto.8dd659f1cb55bfcb834e.svg);
}

.icon_televidenie {
  background-image: url(assets/televidenie.deec227f5132cf129076.svg);
}

.icon_pis-mo {
  background-image: url(assets/pis-mo.94b72eb04f94bd3293c7.svg);
}

.icon_ios {
  background-image: url(assets/ios.bc59374dba9196c160df.svg);
}

.icon_android {
  background-image: url(assets/android.635265720cd515352c0e.svg);
}

.icon_windows {
  background-image: url(assets/windows.db3b11f57d181325f649.svg);
}

.icon_oblako {
  background-image: url(assets/oblako.2952acee7825315213d6.svg);
}

.icon_zvonok {
  background-image: url(assets/zvonok.957a688e20168b633511.svg);
}

.icon_prilozhenie {
  background-image: url(assets/prilozhenie.39fea390ec12dce8ed72.svg);
}

.icon_email {
  background-image: url(assets/email.bed50e48af725b5d860a.svg);
}

.icon_wifi {
  background-image: url(assets/wifi.044911b942fb7bf64ae1.svg);
}

.icon_velosiped {
  background-image: url(assets/velosiped.84810964ff61e2163d0e.svg);
}

.icon_pohod {
  background-image: url(assets/pohod.8074f8dc7c2900a285a5.svg);
}

.icon_mashina {
  background-image: url(assets/mashina.8cdad5ee59471d950371.svg);
}

.icon_puteshestviya {
  background-image: url(assets/puteshestviya.a1b5afbe908a7968e70a.svg);
}

.icon_shopping {
  background-image: url(assets/shopping.5195d636939d2a096051.svg);
}

.icon_poezd {
  background-image: url(assets/poezd.7dffae25a80495a1608a.svg);
}

.icon_snegovik {
  background-image: url(assets/snegovik.53b02be031253f86c58a.svg);
}

.icon_plavat- {
  background-image: url(assets/plavat-.c7088556c472485ebcb2.svg);
}

.icon_bezhat- {
  background-image: url(assets/bezhat-.0a6c66156db5bd310144.svg);
}

.icon_vesa {
  background-image: url(assets/vesa.8db39b98b438ef65fe00.svg);
}

.icon_tykva {
  background-image: url(assets/tykva.1ff269d9d904f1847dbf.svg);
}

.icon_snezhinka {
  background-image: url(assets/snezhinka.468add3b4a5b28e15a7d.svg);
}

.icon_bat {
  background-image: url(assets/bat.932caa913577f565e13a.svg);
}

.icon_pauk {
  background-image: url(assets/pauk.c0d8a5389131eb9073e5.svg);
}

.icon_chitat- {
  background-image: url(assets/chitat-.d53cc91127c3ac8a78d3.svg);
}

.icon_cchastlivyj {
  background-image: url(assets/cchastlivyj.98dbfffb56a152b29b82.svg);
}

.icon_grustnyj {
  background-image: url(assets/grustnyj.e16a7b7728b5bcac9ef3.svg);
}

.icon_serdce {
  background-image: url(assets/serdce.be672bcf1f1e37b7a131.svg);
}

.icon_tak-derzhat- {
  background-image: url(assets/tak-derzhat-.aae7059ad23fb25d9ff0.svg);
}

.icon_vypusk {
  background-image: url(assets/vypusk.a44b1fd8a648493c6892.svg);
}

.icon_vopros {
  background-image: url(assets/vopros.43c14e0efff46be28804.svg);
}

.icon_zvezda {
  background-image: url(assets/zvezda.c483189f54a32be65aa4.svg);
}

.icon_flag {
  background-image: url(assets/flag.909544b90ef54e1ededf.svg);
}

.icon_kniga {
  background-image: url(assets/kniga.41c84f359dbb95134c94.svg);
}

.icon_podarok {
  background-image: url(assets/podarok.9b0a8818877653816a99.svg);
}

.icon_muzyka {
  background-image: url(assets/muzyka.ba5c24bc8f9f17627080.svg);
}

.icon_glavnaya {
  background-image: url(assets/glavnaya.4e18eb566df37f76beb0.svg);
}

.icon_eksperiment {
  background-image: url(assets/eksperiment.33a91b5ed8a5a5bf5213.svg);
}

.icon_raspolozhenie {
  background-image: url(assets/raspolozhenie.57100dbb15712da67bc4.svg);
}

.icon_obrazovanie {
  background-image: url(assets/obrazovanie.fe97e4198acbed68b712.svg);
}

.icon_srochno {
  background-image: url(assets/srochno.bec0ae0b370998d75b81.svg);
}

.icon_bilet {
  background-image: url(assets/bilet.f0e799bd0b825bcadb84.svg);
}

.icon_ofis {
  background-image: url(assets/ofis.04ed1d3f6172f4248430.svg);
}

.icon_etap {
  background-image: url(assets/etap.dbb188f2526c01a00be5.svg);
}

.icon_ob-yavlenie {
  background-image: url(assets/ob-yavlenie.a3246046099fb76a7092.svg);
}

.icon_den-gi {
  background-image: url(assets/den-gi.f093eaf1eea0094b7a88.svg);
}

.icon_slushat- {
  background-image: url(assets/slushat-.0c607a43badd05085c48.svg);
}

.icon_videt- {
  background-image: url(assets/videt-.7f92d86e2c96059c979d.svg);
}

.icon_prizrak {
  background-image: url(assets/prizrak.a0058368cc77a9da4275.svg);
}

.icon_cherep {
  background-image: url(assets/cherep.4f1a80676fa78a5eca83.svg);
}

.icon_column {
  background-image: url(assets/column.c00f0f88a2d08f5fe086.svg);
}

.icon_mosaic {
  background-image: url(assets/mosaic.4acfd17ec14c870bc2fb.svg);
}

.icon_point {
  background-image: url(assets/point.1fd577f48103289e8a11.svg);
}

.icon_nogrid {
  background-image: url(assets/nogrid.1ea6058e5965fd004e2e.svg);
}

.icon_grid {
  background-image: url(assets/grid.f07abe01d63babda9ac8.svg);
}

.icon_radial {
  background-image: url(assets/radial.cbd98a5a8c023a2179c2.svg);
}

.icon_vertical {
  background-image: url(assets/vertical.ad1435ec147f02477110.svg);
}

.icon_horizontal {
  background-image: url(assets/vertical.ad1435ec147f02477110.svg);
  transform: rotate(90deg);
}

.icon_textsize {
  background-image: url(assets/textsize.bff471aa8828a82bf5b6.svg);
}

.icon_textcolor {
  background-image: url(assets/textcolor.650ceb6e778dc7603388.svg);
}

.icon_fontcolor {
  background-image: url(assets/fontcolor.1a7d91ec27d14bcce634.svg);
}

.icon_clear {
  background-image: url(assets/clear.66541ae9638642a0011c.png);
}

.icon_bold {
  background-image: url(assets/bold.1d89cb5ae3e1b43018a8.png);
}

.icon_italic {
  background-image: url(assets/italic.5d1042addb9d220a08f6.png);
}

.icon_underline {
  background-image: url(assets/underline.2b9b2ca172dc5fc5b60c.png);
}

.icon_justifycenter {
  background-image: url(assets/justifycenter.f49686aa2f360235eb0f.png);
}

.icon_justifyleft {
  background-image: url(assets/justifyleft.d873685faf37f1aafcde.png);
}

.icon_justifyright {
  background-image: url(assets/justifyright.a37e2231623f8dfed4bd.png);
}

.icon_curve {
  background-image: url(assets/curve.4ac7920cbcba96140661.svg);
}

.icon_vector_radius {
  background-image: url(assets/vector_radius.1d2a209b9cf4b9d01fb3.svg);
}

.icon_border_width {
  background-image: url(assets/border_width.096abe045dec540bd856.svg);
}

.icon_text {
  background-image: url(assets/text.36cc4162b6855a393e9a.svg);
}

.icon_text_width {
  background-image: url(assets/text_width.812d9963664b407e7179.svg);
}

.icon_preferences_color {
  background-image: url(assets/preferences_color.f8bfda56b83ab55dd173.svg);
}

.icon_cursor-moving-line {
  background-image: url(assets/cursor-moving-line.14af32eaf89b81e2bd6f.svg);
}

.icon_remove {
  background-image: url(assets/remove.f8b86bf3402ed9c095d8.svg);
}

.icon_gradient {
  background-image: url(assets/gradient.776ca8e2289d10975912.png);
}

.icon_linesegment {
  background-image: url(assets/linesegment.61442f3b15e1c8ff5c0c.svg);
}

.icon_return {
  background-image: url(assets/return.cb220364b1ece612419a.svg);
}

.icon_sync {
  background-image: url(assets/sync.1dc2964235f2b152b892.svg);
}

.icon_visible {
  background-image: url(assets/visible.db42f3b9bb316142816a.svg);
}

.icon_svg_collection {
  background-image: url(assets/svg_collection.0271f2eced2cbfca1e1f.svg);
}

.icon_flash_auto {
  background-image: url(assets/flash_auto.61a31c3492f7bbeb925c.svg);
}

.icon_error {
  background-image: url(assets/error.ccec3aabbd0cc49e6968.png);
}

.icon_info {
  background-image: url(assets/info.f70888915d11552358eb.svg);
}

.icon_addRow {
  background-image: url(assets/addRow.666e4279cd49391ea767.svg);
}

.icon_minus {
  background-image: url(assets/minus.9f1de4869a26b17bfffe.svg);
}

.icon_vertical-minus {
  background-image: url(assets/vertical-minus.5b5d5ade2cbdfe87b223.svg);
}

.icon_window_header_horizontal {
  background-image: url(assets/window_header_horizontal.a7af8c01050f484e9f20.svg);
}

.icon_window_header_vertical {
  background-image: url(assets/window_header_vertical.78043b5dabd35efe9c88.svg);
}

.icon_resize {
  background-image: url(assets/resize.0f8bee52da01661713ed.svg);
}

.icon_avatar {
  background-image: url(assets/avatar.41f75ac7aab3c0aa0efd.svg);
}

.icon_send {
  background-image: url(assets/send.9c95d74dcc979d913d0d.svg);
}

.icon_edit {
  background-image: url(assets/edit.ad048c7244cfbc997fb1.svg);
}

.icon_reply {
  background-image: url(assets/reply.060c49285d13f9df0206.svg);
}

.icon_smile {
  background-image: url(assets/smile.b68f3659c7d6e9a4f5d7.svg);
}

.icon_eye {
  background-image: url(assets/eye.2fff4d5cbfcb3a5d6bea.svg);
}

.icon_users {
  background-image: url(assets/users.f56d275712d829fb75cc.svg);
}

.icon_calendar {
  background-image: url(assets/calendar.eaea94be10459437df16.png);
}

.icon_quote {
  background-image: url(assets/quote.f3eeb8b056981bc8010e.svg);
}

.icon_addLine {
  background-image: url(assets/addLine.154797e091d1540a8d88.svg);
}

.icon_removeLine {
  background-image: url(assets/removeLine.5e7bbf1216dc98224ace.svg);
}

.icon_arrows {
  background-image: url(assets/arrows.920cfda27b6a539fa87e.svg);
}

.icon_brackets {
  background-image: url(assets/brackets.e49ce91ce79b2f1e43fe.svg);
}

.icon_copy {
  background-image: url(assets/copy.e1f9dddd3d4cb31cfb12.svg);
}

.icon_chats {
  background-image: url(assets/chats.4378d7f442d5e3e5e726.svg);
}

.icon_pin {
  background-image: url(assets/pin.c5fb92732e51ce4d8f65.svg);
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./AuModule/src/css/style.css ***!
  \***************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --bg: #f4f5f8;
  --card: #ffffff;
  --primary-1: #5f5cff;
  --primary-2: #7367ff;
  --text: #25283a;
  --muted: #7d8298;
  --border: #e8eaf2;
}

.auth-container {
  width: 100%;
  max-width: 1100px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.card {
  background: var(--card);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 10px 35px rgba(28, 31, 53, 0.06), 0 2px 8px rgba(28, 31, 53, 0.03);
  display: flex;
}

.qrLogin {
  gap: 10px;
  display: flex;
}

/* ---------------- */
/* Табы */
/* ---------------- */
.tabs {
  display: flex;
  gap: 10px;
}

.tab {
  flex: 1;
  height: 40px;
  border: 1px solid var(--border);
  background: white;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  padding: 15px;
}

.tab.active {
  border: none;
  color: white;
  background: linear-gradient(135deg, var(--primary-1), var(--primary-2));
  box-shadow: 0 10px 25px rgba(95, 92, 255, 0.25);
}

/* ---------------- */
/* Email */
/* ---------------- */
.input-block {
  display: flex;
  gap: 9px;
  align-items: center;
}

.icon-btn {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: white;
  font-size: 26px;
  color: var(--text);
  cursor: pointer;
}

.ok-btn {
  height: 40px;
  min-width: 40px;
  border: none;
  border-radius: 10px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  background: linear-gradient(135deg, var(--primary-1), var(--primary-2));
  box-shadow: 0 10px 25px rgba(95, 92, 255, 0.25);
  transition: opacity 0.2s;
  padding: 0 14px;
}

/* ---------------- */
/* Методы */
/* ---------------- */
.method-btn {
  flex: 1;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: white;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: border-color 0.2s;
  padding: 15px;
}

.method-btn:hover {
  border-color: var(--primary-1);
  color: var(--primary-1);
  font-weight: 600;
}

.qrImg {
  border-radius: 10px;
  border: 1px solid var(--primary-1);
}

.au-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.au-icon_reg {
  filter: invert(1);
  background-image: url(assets/reg.034f344b3565dd1d957b.svg);
}

.au-icon_login {
  background-image: url(assets/login.554132cc0c994275a078.svg);
}

.au-icon_back {
  background-image: url(assets/back.fd93e71247d5c46757b2.svg);
}

.au-icon_email {
  background-image: url(assets/email.eafa86818d9fc402cc9f.svg);
}

.au-icon_qr {
  background-image: url(assets/qr.432f59f1d76208c32f14.svg);
}

.au-icon_pin {
  background-image: url(assets/pin.99607440d0febd390e13.svg);
}

.icon-btn .au-icon {
  width: 100%;
  height: 100%;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.au-input--hide {
  -webkit-text-security: disc;
  text-security: disc;
}

.auModule__response {
  padding: 4px;
  text-align: center;
}

.auModule__response--true {
  color: green;
}

.auModule__response--false {
  color: red;
}

.auModule_Login {
  display: flex;
  flex: 1;
  gap: 10px;
}

.qrLogin_text {
  display: flex;
  flex: 1;
  padding: 10px;
}

.auModule_Login__container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.auModule_Login__head {
  font-size: larger;
  font-weight: bold;
  line-height: 40px;
}

.auModule_Login__body {
  display: flex;
  gap: 10px;
  & input {
    flex: 1;
    height: 40px;
    border-radius: 10px;
    border: 2px solid #d9dbff;
    font-size: 16px;
    outline: none;
    &:focus {
      border-color: var(--primary-1);
    }
    &::-moz-placeholder {
      color: var(--muted);
    }
    &::placeholder {
      color: var(--muted);
    }
  }
}

.auth_finish__name:not(:empty) {
  font-size: 16px;
  margin: auto 5px;
  font-weight: 500;
  color: #25283a;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./sharedComponents/src/waitIndicator/waitIndicator.css ***!
  \*****************************************************************************************************************************************************************************************/
.waitIndicator--body {
  position: relative;
}

.waitIndicator {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--minHeight);
  min-width: var(--minHeight);
  z-index: 5000;
  border-radius: inherit;
}

.waitIndicator__icon {
  background: url(assets/loader.001271f6d4abe74b3e0c.svg);
  max-width: 100px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  width: 100%;
  height: 100%;
}

.waitIndicator--background {
  background: rgba(37, 49, 66, 0.7098039216);
}

.waitIndicator--absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.waitIndicator--fixed {
  position: fixed;
  top: 0;
  left: 0;
}

.waitIndicator__text {
  color: rgba(0, 183, 229, 0.9);
  font-size: var(--font-size);
  margin: auto;
}

.circle,
.circle1 {
  position: absolute;
  background-color: transparent;
  border: 5px solid rgba(0, 183, 229, 0.9);
  opacity: 0.9;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
  border-width: var(--border-width);
}

.circle {
  box-shadow: 0 0 35px #2187e7;
  width: var(--maxWH);
  height: var(--maxWH);
  margin: 0 auto;
  animation: spinPulse 1s infinite ease-in-out;
}

.circle1 {
  box-shadow: 0 0 15px #2187e7;
  width: var(--smallCircle);
  height: var(--smallCircle);
  margin: 0 auto;
  animation: spinoffPulse 1s infinite linear;
}

@keyframes spinPulse {
  0% {
    -webkit-transform: rotate(0deg);
    opacity: 1;
    box-shadow: 0 0 1px #2187e7;
  }
  50% {
    -webkit-transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    opacity: 1;
  }
}
@keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./sharedComponents/src/confirmDialog/styles.css ***!
  \**********************************************************************************************************************************************************************************/
.confirmDialog {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.confirmDialog__text {
  word-break: break-word;
  padding: 10px;
}

.confirmDialog__commands {
  display: flex;
  flex: 1;
  padding: 4px;
  justify-content: center;
}

.confirmDialog__button {
  border-top: 1px solid silver;
  text-align: center;
  cursor: pointer;
  flex: 1;
  padding: 8px;
  color: deepskyblue;
  transition: background-color 0.3s;
  font-weight: bold;
}

.confirmDialog__button:not(:first-child) {
  border-left: 1px solid silver;
}

.confirmDialog__button:hover {
  background-color: rgba(192, 192, 192, 0.2901960784);
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./sharedComponents/src/notificator/notificator.css ***!
  \*************************************************************************************************************************************************************************************/
.notificator__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 240px;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 35000;
  opacity: 0.8;
  pointer-events: none;
}

.notificator__element {
  width: 100%;
  min-height: 10px;
  border-radius: 6px;
  border: 1px solid silver;
  background: #ffffff;
  padding: 4px;
  margin-left: -6px;
  margin-bottom: 6px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.notificator__element--success {
  border-top: 3px solid green;
}

.notificator__element--fail {
  border-top: 3px solid red;
}

.notificator__element--neutral {
  border-top: 3px solid #949494;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./AuModule/src/components/pin/inputPin.css ***!
  \*****************************************************************************************************************************************************************************/
.pin-input__values {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: auto;
}

.pin-input__value {
  width: 40px;
  height: 32px;
  font-size: 26px;
  text-align: center;
  background: var(--border);
}

.pin-input__value:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pin-input__value:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.pin-input__panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 302px;
  gap: 1px;
}

.pin-input__digit {
  width: 100px;
  height: 56px;
  font-size: 22px;
  border-radius: 5px;
  text-align: center;
  color: black;
  border: 1px solid var(--border);
  background: white;
  box-shadow: 0 10px 25px rgba(95, 92, 255, 0.25);
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
}

.pin-input__digit:active {
  border: 1px solid var(--border);
}

.pin-input__digit#notByPin,
.pin-input__digit#reset {
  color: black;
  font-size: 15px;
}

.pin-input__container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/notes/styles.css ***!
  \*********************************************************************************************************************************************************/
@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css?family=Roboto+Flex|Roboto&display=swap');
 */
* {
  margin: 0;
  font-family: Prompt, Roboto, sans-serif;
  box-sizing: border-box;
}

:root {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

*::-moz-selection {
  background-color: rgba(0, 0, 0, 0.431372549);
}

*::selection {
  background-color: rgba(0, 0, 0, 0.431372549);
}

body {
  overflow: hidden;
  /* background-image: url('background.png'); */
  background-position: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex: 1;
  min-height: 100vh;
  flex-direction: column;
}

#app {
  display: flex;
  flex: 1;
  max-height: calc(100vh - var(--updaterHeight));
  order: 1;
}

/* Левая часть */
.leftArea {
  display: flex;
  min-width: 150px;
  flex-direction: column;
  position: relative;
  &.leftArea--collapse {
    display: none;
  }
}

.leftArea__resize,
.rightArea__resize {
  position: absolute;
  width: 3px;
  height: 100%;
  z-index: 1;
  cursor: col-resize;
}

.leftArea__resize {
  right: -3px;
}

.rightArea__resize {
  left: -3px;
}

.logo {
  min-height: 30px;
  display: flex;
  flex-direction: row-reverse;
  & > * {
    flex: 1;
  }
}

/* Центральная часть */
.middleArea {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
  position: relative;
}

.objectPanel {
  margin: 5px;
}

#history {
  margin-top: 2px;
  height: 24px;
}

@media print {
  #history,
  .rightArea,
  .leftArea,
  .list__wrap,
  .names__corner,
  .slider__wrap,
  #minimap,
  .chatFabric_wrp {
    display: none !important;
  }
  #noteModule {
    border: unset !important;
    --zoomScale: 1 !important;
  }
  .layerModule__scrollArea {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
  /*  #app,
      .layerModule__overFlow,
      .layerCollection,
      .layerCollection__element,
      .noteLayer__body {
          display: block !important;
      } */
  #noteModule:before,
  #noteModule:after {
    display: none !important;
  }
}
/* Правая часть */
.rightArea {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  position: relative;
  &.rightArea--collapse {
    min-width: unset !important;
    width: 30px !important;
    & .rightArea__resize,
    & .splitted {
      display: none;
    }
  }
}

#treeModule {
  --currentColor: black;
  flex: 1;
  overflow: hidden;
}

#channelModule {
  flex: 1;
  overflow: hidden;
}

.splitted {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.splitted__bar {
  height: 3px;
  width: 100%;
}

#userGroups {
  max-height: 50%;
  flex: 1;
  border-bottom: 3px solid silver;
  border-color: var(--color);
  overflow: hidden;
}

.hidden {
  visibility: hidden !important;
}

.opacity {
  opacity: 0 !important;
}

.noDisplay {
  display: none !important;
}

.noAnimate {
  transition: unset !important;
}

.blured {
  filter: blur(3px);
  background: rgba(11, 11, 11, 0.5);
  pointer-events: none;
}

.pointer {
  cursor: pointer;
}

.absolute {
  position: absolute !important;
}

.col_resized {
  cursor: col-resize;
}

.row_resized {
  cursor: row-resize;
}

i,
i * {
  padding-right: 0.08em;
}

.scrollBar__wrap {
  & .scrollBar__panel--vertical {
    &.scrollBar__panel--attachRight {
      & .scrollBar__slider {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
      }
    }
    &.scrollBar__panel--attachLeft {
      & .scrollBar__slider {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
      }
    }
  }
  & .scrollBar__panel--horizontal {
    &.scrollBar__panel--attachBottom {
      & .scrollBar__slider {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
      }
    }
    &.scrollBar__panel--attachTop {
      & .scrollBar__slider {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
      }
    }
  }
}
