{"mappings":";AEcA;;;;;AAKA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AFzEA;;;;;;;;;AASE;;;;;;;AAOD;;;;AEVC;EFUD;;;;;AAOA;;;;;;;;;AASE;;;;AAGD;;;;AASA;;;;;AAKE;;;;AAQA;;;;AAQA;;;;;;;AAKD;;;;AAIA;;;;AAIA;;;;AAQA;;;;;;AAQD;;;;;AAME;;;;AAIA;;;;;AAOH;;;;;;;;;AAQE;;;;;;AAOD;;;;;AAKA;;;;;AAMC;;;;;;;;;;AAWD;;;;;;;;AAUA;;;;;;;AASE;;;;AAMD;;;;;;;;;;;;AAYC;;;;AAKF;;;;;;;;;;;;;;AAeE;;;;AAIA;;;;AAIA;;;;;AAMA;;;;AAYA;;;;AAIA;;;;;;AAMD;;;;AAMC;;;;;;;;;;;AAYD;;;;;;AAKE;;;;;;AAMD;;;;;AAaA;;;;;AAUF;;;;;;;;;AAUD;;;;;AAKA;;;;;;;;;AAUA;;;;AAQD;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;;;;;;AAUA;;;;;;;;;;AAWE;;;;;AAKA;;;;AAKF;;;;;;;;;AASE;;;;;;;AAOD;;;;AAIA;;;;AAIE;;;;AAaD;;;;;AAYC;;;;AAcA;;;;;;AAOA;;;;;;;;AAMD;;;;AAKA;;;;AAIA;;;;;AASF;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;AAYE;;;;;AAKA","sources":["admin/css/src/ub-admin-settings.scss","admin/css/src/base/themes/_admin-menu-theme.scss","admin/css/src/base/_common.scss","admin/css/src/base/_colors.scss"],"sourcesContent":["@import \"./base/common\";\n@import \"./base/themes/admin-menu-theme\";\n\n.ub-admin-menu-wrapper {\n  @extend %size-full;\n  font-family: $font-family;\n  font-size: $font-size;\n  position: absolute;\n  background-color: $gray-300;\n  color: $text-color;\n  z-index: 10;\n\n  .ub-admin-menu-container {\n\t@extend %size-full;\n\tbackground-color: $white;\n\tdisplay: grid;\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: auto 1fr;\n\n\t& > div {\n\t  padding: 0 100px 0 100px;\n\t  @include screen-max($screen-2xl) {\n\t\tpadding: 0 50px 0 50px;\n\t  }\n\t}\n\n\t.menu-header {\n\t  padding-top: 10px;\n\t  padding-bottom: 10px;\n\t  @extend %box-shadow-lg;\n\t  display: flex;\n\t  align-items: center;\n\t  justify-content: space-between;\n\t  background-color: $gray-100;\n\n\t  .logo-container {\n\t\theight: $logo-height;\n\n\t\timg {\n\t\t  height: 100%;\n\t\t}\n\t  }\n\n\t  .right-container {\n\t\t@extend %flex-center-all-row;\n\t\theight: 100%;\n\n\t\t.right-container-item {\n\t\t  @extend %flex-center-all;\n\t\t  height: 100%;\n\t\t  padding: 0 10px;\n\n\t\t  &:not(.right-container-item:last-of-type) {\n\t\t\tborder-right: 2px solid $gray-300;\n\t\t  }\n\t\t}\n\n\t\t.version-control-container {\n\t\t  @extend %flex-center-all-row;\n\n\t\t  & > div {\n\t\t\tpadding: 0 5px;\n\t\t  }\n\n\t\t  .version-control-text {\n\t\t\t@extend %unselectable;\n\t\t  }\n\n\t\t  .version-control-status-indicator {\n\t\t\t@include size(15);\n\t\t\tborder-radius: 100%;\n\t\t\tpadding: 0 !important;\n\n\t\t\t&[data-level='none'] {\n\t\t\t  background-color: $green-500;\n\t\t\t}\n\n\t\t\t&[data-level='medium'] {\n\t\t\t  background-color: $yellow-500;\n\t\t\t}\n\n\t\t\t&[data-level='high'] {\n\t\t\t  background-color: $red-500;\n\t\t\t}\n\t\t  }\n\n\t\t  .version-control-button {\n\t\t\t@extend %pointer;\n\n\t\t\t&[data-disabled='true'] {\n\t\t\t  color: $gray-300;\n\t\t\t  cursor: default;\n\t\t\t  pointer-events: none;\n\t\t\t}\n\t\t  }\n\t\t}\n\n\t\t.blog-info-toggle {\n\t\t  @extend %default-transition;\n\t\t  @extend %pointer;\n\t\t  padding: 5px;\n\t\t  color: $gray-300;\n\n\t\t  &[data-light-it-up='true'] {\n\t\t\tcolor: $yellow-500;\n\t\t  }\n\n\t\t  & svg {\n\t\t\t@include size(25);\n\t\t  }\n\t\t}\n\t  }\n\t}\n\n\t.menu-content {\n\t  display: grid;\n\t  grid-template-columns: 1fr;\n\t  grid-template-rows: auto auto 1fr;\n\t  justify-content: center;\n\t  justify-items: center;\n\t  overflow: auto;\n\n\t  .content-phrase {\n\t\t@extend %flex-center-all;\n\t\t@extend %unselectable;\n\t\tflex-direction: column;\n\t\tfont-size: $phrase-font-size;\n\t\tmargin: 60px 0;\n\n\t\t.line-wrapper {\n\t\t  margin: 15px 0;\n\t\t  font-weight: 400;\n\t\t}\n\n\t\t.text-indicate {\n\t\t  color: $red-500;\n\t\t  font-weight: 500;\n\t\t}\n\t  }\n\n\t  .block-status-filter-control {\n\t\t@extend %default-border;\n\t\t@extend %pill;\n\t\tposition: relative;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t\tgrid-template-rows: 1fr;\n\t\tpadding: 5px;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\n\t\t.active-indicator {\n\t\t  @extend %default-transition;\n\t\t  @extend %pill;\n\t\t  position: absolute;\n\t\t  width: 10px;\n\t\t  height: 30px;\n\t\t  background-color: $red-500;\n\t\t  z-index: 9;\n\t\t}\n\n\t\t.filter-control-item {\n\t\t  @extend %flex-center-all;\n\t\t  @extend %default-transition;\n\t\t  @extend %unselectable;\n\t\t  cursor: pointer;\n\t\t  padding: 5px 20px;\n\t\t  text-transform: capitalize;\n\t\t  z-index: 10;\n\n\t\t  &[data-active=\"true\"] {\n\t\t\tcolor: $white;\n\t\t  }\n\t\t}\n\t  }\n\n\t  .controls-container {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: flex-start;\n\t\tflex-wrap: wrap;\n\t\twidth: 100%;\n\t\theight: fit-content;\n\t\tmargin: 30px 0;\n\t\tborder-radius: 5px;\n\n\t\t&[data-show-info=\"false\"] .block-control {\n\n\t\t  & > div:not(.block-title) {\n\t\t\tdisplay: none;\n\t\t  }\n\t\t}\n\n\t\t.block-control {\n\t\t  @extend %box-shadow-md;\n\t\t  @extend %default-transition;\n\t\t  @extend %default-border;\n\t\t  overflow: hidden;\n\t\t  width: $block-control-width;\n\t\t  max-width: $block-control-width;\n\t\t  height: $block-control-height;\n\t\t  border-radius: $block-control-border-radius;\n\t\t  margin: $block-control-y-margin $block-control-x-margin;\n\t\t  display: grid;\n\t\t  grid-template-columns: 1fr;\n\t\t  grid-template-rows: auto 1fr auto;\n\t\t  grid-template-areas: \"title\" \"info\" \"howTo\";\n\n\t\t  &[data-initial-animation=\"true\"] {\n\t\t\ttransition: none;\n\t\t  }\n\n\t\t  &[data-enabled='false'] {\n\t\t\tborder-color: $gray-500;\n\t\t  }\n\n\t\t  &[data-enabled='false'] .block-title {\n\t\t\tbackground-color: $gray-400;\n\t\t\tcolor: $gray-500;\n\n\t\t  }\n\n\t\t  &[data-enabled='false'] .title-icon {\n\t\t\tfill: $gray-500;\n\n\t\t\tsvg {\n\t\t\t  fill: $gray-500;\n\n\t\t\t  * {\n\t\t\t\tfill: $gray-500;\n\t\t\t  }\n\t\t\t}\n\t\t  }\n\n\t\t  &[data-enabled='false'] .block-info {\n\t\t\tcolor: $gray-500;\n\t\t  }\n\n\t\t  .block-info {\n\t\t\t@extend %flex-center-all;\n\t\t\tgrid-area: info;\n\t\t\tpadding: 10px;\n\t\t\toverflow: auto;\n\n\t\t\t.info-line {\n\t\t\t  //@extend %flex-center-all;\n\t\t\t  text-align: center;\n\t\t\t}\n\t\t  }\n\n\t\t  .block-title {\n\t\t\t@extend %default-transition;\n\t\t\t@extend %unselectable;\n\t\t\tgrid-area: title;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: center;\n\t\t\tpadding: $block-control-padding;\n\t\t\tbackground-color: $block-title-bg;\n\t\t\tfont-size: $block-title-font-size;\n\t\t\tcolor: $block-title-color;\n\n\t\t\t.block-title-left-container {\n\t\t\t  display: flex;\n\t\t\t  justify-content: flex-start;\n\t\t\t  align-items: center;\n\n\t\t\t  .title-icon {\n\t\t\t\t@extend %default-transition;\n\t\t\t\twidth: $block-title-icon-size;\n\t\t\t\theight: $block-title-icon-size;\n\t\t\t\tmargin-right: 10px;\n\n\t\t\t\tsvg {\n\t\t\t\t  @extend %default-transition;\n\t\t\t\t  width: $block-title-icon-size;\n\t\t\t\t  height: $block-title-icon-size;\n\n\t\t\t\t  * {\n\t\t\t\t\t@extend %default-transition;\n\t\t\t\t  }\n\t\t\t\t}\n\t\t\t  }\n\t\t\t}\n\t\t  }\n\n\t\t  .block-howto {\n\t\t\t@extend %flex-center-all;\n\t\t\tpadding: $block-control-padding;\n\t\t\tgrid-area: howTo;\n\t\t  }\n\t\t}\n\t  }\n\t}\n  }\n\n  .ub-toggle-control {\n\t@extend %default-transition;\n\t@extend %pill;\n\tposition: relative;\n\twidth: 42px;\n\theight: 20px;\n\tbackground-color: $red-500;\n\tborder: 2px solid $red-500;\n\tcursor: pointer;\n\n\t&[data-enabled='false'] {\n\t  background-color: $gray-500;\n\t  border: 2px solid $gray-500;\n\t}\n\n\t.knob {\n\t  @extend %default-transition;\n\t  position: absolute;\n\t  left: 0;\n\t  width: 20px;\n\t  height: 20px;\n\t  border-radius: 100%;\n\t  background-color: $white;\n\t}\n\n\t&[data-enabled='true'] .knob {\n\t  left: calc(100% - 20px);\n\t}\n  }\n\n\n}\n\n.block-control-transition-enter {\n  opacity: 0\n}\n\n.block-control-transition-enter-active {\n  opacity: 1;\n  transition: opacity 0.5s ease-out;\n}\n\n.block-control-transition-exit {\n  opacity: 1;\n}\n\n.block-control-transition-exit-active {\n  opacity: 0;\n  transition: opacity 0.5s ease-out;\n}\n\n@keyframes appear {\n  from {\n\topacity: 0;\n  }\n\n  to {\n\topacity: 1;\n  }\n}\n\n@keyframes disappear {\n  from {\n\topacity: 1;\n  }\n\n  to {\n\topacity: 0;\n  }\n}\n\n.visibility-wrapper {\n  &[data-visible='true'] {\n\tdisplay: block !important;\n\tanimation: appear 0.2s ease-out forwards;\n  }\n\n  &[data-visible='false'] {\n\tanimation: disappear 0.2s ease-out forwards;\n  }\n}\n\n.version-control-popup {\n  @extend %flex-center-all;\n  position: fixed;\n  inset: 0;\n  background-color: $version-control-popup-bg;\n  z-index: 10000;\n  font-family: $font-family;\n  font-size: $version-control-general-font-size;\n\n  .modal-container {\n\t@extend %default-border;\n\tbackground-color: $white;\n\tborder-radius: $block-control-border-radius;\n\toverflow: hidden;\n\tpadding: 20px 60px;\n\n\t& > div {\n\t  margin: 10px 0;\n\t}\n\n\t.version-content {\n\t  @extend %flex-center-all;\n\t  margin-top: 30px;\n\n\t  & > div {\n\t\tmargin-top: 20px;\n\n\t\t& > div:not(div:first-child) {\n\t\t  margin-top: 20px;\n\t\t}\n\n\t\t& > div {\n\t\t  @extend %flex-center-all;\n\t\t}\n\t  }\n\n\t  .operation-finished-wrapper {\n\t\t.version-control-response {\n\t\t  font-weight: bold;\n\t\t  color: $positive;\n\n\t\t  &[data-resp-type='error'] {\n\t\t\t@extend .ub-negative-color;\n\t\t  }\n\n\t\t}\n\n\t  }\n\n\t  .version-warning {\n\t\t@extend %flex-center-all;\n\t\tflex-direction: column;\n\t\t@extend %unselectable;\n\t  }\n\n\t  .version-rollback-button-container {\n\t\t@extend %flex-center-all-row;\n\t  }\n\t}\n\n\t.rollback-versions {\n\t  @extend %flex-center-all;\n\n\t  .version-id {\n\t\t@extend %unselectable;\n\t\tfont-size: $versions-font-size;\n\t\tfont-weight: bold;\n\t\tmargin: 0 40px;\n\t  }\n\n\t  .version-icon {\n\t\t@extend %flex-center-all;\n\t\twidth: fit-content;\n\t\theight: fit-content;\n\t\toverflow: hidden;\n\n\t\t&[data-in-progress='true'] .version-icon-inner-wrapper {\n\t\t  @extend %default-transition;\n\t\t  animation: stay-a-while-and-listen 2s ease-out infinite;\n\t\t}\n\n\t\t.version-icon-inner-wrapper {\n\t\t  padding: 0 10px;\n\t\t}\n\n\t\tsvg {\n\t\t  width: 2.5rem;\n\t\t  height: 2.5rem;\n\t\t}\n\t  }\n\t}\n  }\n}\n\n@keyframes stay-a-while-and-listen {\n  0% {\n\ttransform: translateX(-100%);\n  }\n\n  40% {\n\ttransform: translateX(0);\n  }\n\n  60% {\n\ttransform: translateX(0);\n  }\n\n  100% {\n\ttransform: translateX(100%);\n  }\n}\n\n.ub-menu-button {\n  @extend %flex-center-all;\n  @extend %default-transition;\n  @extend %unselectable;\n  padding: 10px 20px;\n  background-color: $red-500;\n  color: $white;\n  font-size: 0.8rem;\n  cursor: pointer;\n  border-radius: 5px;\n  margin: 10px 20px;\n\n  &[data-enabled='false'] {\n\tbackground-color: $gray-800 !important;\n\tcursor: default;\n  }\n\n  &[data-enabled='true']:active {\n\ttransform: scale(0.8);\n  }\n}\n",null,null,null],"names":[],"version":3,"file":"ub-admin-settings.css.map","sourceRoot":"../"}