/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */

.pixelated {
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
}

.instructionsImage {
  vertical-align: text-bottom;
  height: 25px;
}

#soft-buttons.soft-buttons-compact {
  margin-left: 0;
}
#soft-buttons.soft-buttons-compact button {
  margin: 0;
}

@media screen and (max-width: 1000px), screen and (max-height: 600px) {
  #soft-buttons {
    margin: 0 -5px 0 0;
  }
  #soft-buttons button {
    margin: 0;
  }
}
body {
  background-color: #646464;
  -ms-content-zooming: none;
  -ms-touch-action: none;
}

.workspace-header {
  background-color: #3b3b3b;
}

#headers {
  background-color: #3b3b3b !important;
}

.blocklySvg {
  background-color: rgb(161, 161, 161);
}
.csf-top-instructions .blocklySvg {
  background-color: #3b3b3b;
}

.blocklyFlyoutBackground {
  fill: #4e4e4e !important;
  fill-opacity: 1;
}

#bubble {
  background-color: transparent !important;
}

.small-footer-base,
#copyright-flyout,
#more-menu {
  background-color: #646464;
  color: #969292;
}
.small-footer-base h4,
#copyright-flyout h4,
#more-menu h4 {
  color: #969292;
}
.small-footer-base a:link,
#copyright-flyout a:link,
#more-menu a:link {
  color: #e7e8ea;
}
.small-footer-base a:visited,
#copyright-flyout a:visited,
#more-menu a:visited {
  color: #e7e8ea;
}
.small-footer-base a:hover,
#copyright-flyout a:hover,
#more-menu a:hover {
  color: #fff;
}
.small-footer-base a:active,
#copyright-flyout a:active,
#more-menu a:active {
  color: #fff;
}

#codeApp {
  top: 75px !important;
}
#codeApp.hide-source {
  top: 0 !important;
}
#codeApp .loading {
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  background: url(/blockly/media/craft/Sliced_Parts/MC_Loading_Spinner.gif) no-repeat center center;
}

#codeWorkspace.pin_bottom {
  border: none;
  border-top: 1px solid #3b3b3b;
}

#visualizationResizeBar {
  color: #4f4f4f;
}

#belowVisualization p {
  color: white;
}

/* 'Look' icon */
#look > path {
  display: none;
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-opacity: 0.7;
}

/* Sprited icons. */
.icon21 {
  height: 21px;
  width: 21px;
  background-image: url(/blockly/media/craft/icons.png);
}

.code {
  background-position: -21px 0;
}

.link {
  background-position: 0 0;
}

#phaser-game canvas {
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
}

#phaser-game {
  margin-left: 17px;
  margin-top: 61px;
  display: inline-block;
}
html[dir=rtl] #phaser-game {
  margin-left: 0;
  margin-right: 17px;
}

#minecraft-frame {
  width: 434px;
  height: 477px;
  background-image: url(/blockly/media/craft/Sliced_Parts/Frame_Large_Plus_Logo.png);
  background-size: 100%;
}

#right-button-cell {
  display: none;
  vertical-align: top;
}
#right-button-cell.right-button-cell-enabled {
  display: inline-block;
}

.reference_area a.video_link {
  color: var(--text-neutral-black-fixed);
}

#visualizationColumn.pin_bottom {
  width: 100%;
  top: -11px;
}

/**
 * Define a handful of media-query visualization size changes, the focus being:
 *
 * 1. Always show enough of the blocks to play via min-width
 * 2. Always show enough of the instructions to see there are instructions via
 *    min-height
 */
@media screen and (min-height: 0) {
  #visualization.responsive {
    max-height: 200px;
    max-width: 181.9706498952px;
  }

  #visualizationColumn.responsive {
    max-width: 181.9706498952px;
  }

  .small-footer-base.responsive {
    max-width: 181.9706498952px;
  }

  .editor-column {
    left: 181.9706498952px;
  }

  html[dir=rtl] .editor-column {
    right: 181.9706498952px;
  }

  html[dir=rtl] body.readonly .editor-column {
    right: 0;
  }

  div#visualizationResizeBar {
    left: 181.9706498952px;
    line-height: 200px;
  }

  html[dir=rtl] div#visualizationResizeBar {
    right: 181.9706498952px;
  }

  #visualization.responsive > * {
    -webkit-transform: scale(0.4192872117);
    -ms-transform: scale(0.4192872117);
    transform: scale(0.4192872117);
  }
}
@media screen and (min-height: 560px) {
  #visualization.responsive {
    max-height: 277px;
    max-width: 252.0293501048px;
  }

  #visualizationColumn.responsive {
    max-width: 252.0293501048px;
  }

  .small-footer-base.responsive {
    max-width: 252.0293501048px;
  }

  .editor-column {
    left: 252.0293501048px;
  }

  html[dir=rtl] .editor-column {
    right: 252.0293501048px;
  }

  html[dir=rtl] body.readonly .editor-column {
    right: 0;
  }

  div#visualizationResizeBar {
    left: 252.0293501048px;
    line-height: 277px;
  }

  html[dir=rtl] div#visualizationResizeBar {
    right: 252.0293501048px;
  }

  #visualization.responsive > * {
    -webkit-transform: scale(0.5807127883);
    -ms-transform: scale(0.5807127883);
    transform: scale(0.5807127883);
  }
}
@media screen and (min-width: 850px) and (min-height: 642px) {
  #visualization.responsive {
    max-height: 377px;
    max-width: 343.0146750524px;
  }

  #visualizationColumn.responsive {
    max-width: 343.0146750524px;
  }

  .small-footer-base.responsive {
    max-width: 343.0146750524px;
  }

  .editor-column {
    left: 343.0146750524px;
  }

  html[dir=rtl] .editor-column {
    right: 343.0146750524px;
  }

  html[dir=rtl] body.readonly .editor-column {
    right: 0;
  }

  div#visualizationResizeBar {
    left: 343.0146750524px;
    line-height: 377px;
  }

  html[dir=rtl] div#visualizationResizeBar {
    right: 343.0146750524px;
  }

  #visualization.responsive > * {
    -webkit-transform: scale(0.7903563941);
    -ms-transform: scale(0.7903563941);
    transform: scale(0.7903563941);
  }
}
@media screen and (min-width: 1050px) and (min-height: 732px) {
  #visualization.responsive {
    max-height: 450px;
    max-width: 409.4339622642px;
  }

  #visualizationColumn.responsive {
    max-width: 409.4339622642px;
  }

  .small-footer-base.responsive {
    max-width: 409.4339622642px;
  }

  .editor-column {
    left: 409.4339622642px;
  }

  html[dir=rtl] .editor-column {
    right: 409.4339622642px;
  }

  html[dir=rtl] body.readonly .editor-column {
    right: 0;
  }

  div#visualizationResizeBar {
    left: 409.4339622642px;
    line-height: 450px;
  }

  html[dir=rtl] div#visualizationResizeBar {
    right: 409.4339622642px;
  }

  #visualization.responsive > * {
    -webkit-transform: scale(0.9433962264);
    -ms-transform: scale(0.9433962264);
    transform: scale(0.9433962264);
  }
}
@media screen and (min-width: 1150px) and (min-height: 832px) {
  #visualization.responsive {
    max-height: 515px;
    max-width: 468.5744234801px;
  }

  #visualizationColumn.responsive {
    max-width: 468.5744234801px;
  }

  .small-footer-base.responsive {
    max-width: 468.5744234801px;
  }

  .editor-column {
    left: 468.5744234801px;
  }

  html[dir=rtl] .editor-column {
    right: 468.5744234801px;
  }

  html[dir=rtl] body.readonly .editor-column {
    right: 0;
  }

  div#visualizationResizeBar {
    left: 468.5744234801px;
    line-height: 515px;
  }

  html[dir=rtl] div#visualizationResizeBar {
    right: 468.5744234801px;
  }

  #visualization.responsive > * {
    -webkit-transform: scale(1.0796645702);
    -ms-transform: scale(1.0796645702);
    transform: scale(1.0796645702);
  }
}
#visualization {
  height: 677px !important;
}
.legacy-share-view #visualization {
  height: auto !important;
}

#code-connection-log {
  width: 400px;
  height: 400px;
  margin-left: 17px;
  margin-top: 61px;
  overflow-y: scroll;
  display: inline-block;
  background-color: #333;
  color: #f2f2f2;
}
#code-connection-log #log-text {
  line-height: 50px;
  font-size: 22px;
  color: #e7e8ea;
}

.craft-popup {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: auto;
  background-color: #3c3c3c;
  border-style: solid;
  border-width: 18px 21px 22px 19px;
  box-shadow: none;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 fill stretch;
}
.craft-popup .x-close {
  visibility: hidden;
}
.craft-popup #modal-body {
  background-color: #3c3c3c;
}
.craft-popup .modal-content.no-modal-icon {
  margin-left: 0;
}
html[dir=rtl] .craft-popup .modal-content.no-modal-icon {
  margin-right: 0;
}
.craft-popup .minecraft-big-yellow-header, .craft-popup #craft-popup-error .minecraft-big-gray-header, #craft-popup-error .craft-popup .minecraft-big-gray-header, .craft-popup #craft-popup-import .minecraft-big-gray-header, #craft-popup-import .craft-popup .minecraft-big-gray-header, .craft-popup #craft-popup-house-selection .minecraft-big-gray-header, #craft-popup-house-selection .craft-popup .minecraft-big-gray-header, .craft-popup #craft-popup-connect .minecraft-big-gray-header, #craft-popup-connect .craft-popup .minecraft-big-gray-header, .craft-popup .minecraft-big-gray-header {
  text-shadow: 2px 2px #565656 !important;
  color: #f4d00b;
  line-height: 11px;
  font-size: 30px;
}
.craft-popup .minecraft-big-gray-header {
  /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
  color: #e7e8ea;
  margin-bottom: 23px;
}

#craft-popup-connect {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: auto;
  background-color: #3c3c3c;
  border-style: solid;
  border-width: 18px 21px 22px 19px;
  box-shadow: none;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 fill stretch;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 540px;
  margin: -258px 0 0 -270px;
}
#craft-popup-connect .x-close {
  visibility: hidden;
}
#craft-popup-connect #modal-body {
  background-color: #3c3c3c;
}
#craft-popup-connect .modal-content.no-modal-icon {
  margin-left: 0;
}
html[dir=rtl] #craft-popup-connect .modal-content.no-modal-icon {
  margin-right: 0;
}
#craft-popup-connect .minecraft-big-yellow-header, #craft-popup-connect .minecraft-big-gray-header {
  text-shadow: 2px 2px #565656 !important;
  color: #f4d00b;
  line-height: 11px;
  font-size: 30px;
}
#craft-popup-connect .minecraft-big-gray-header {
  /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
  color: #e7e8ea;
  margin-bottom: 23px;
}
@media screen and (max-height: 630px) {
  #craft-popup-connect {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 540px;
    margin: -200px 0 0 -270px;
  }
}
#craft-popup-connect #download-text {
  line-height: 50px;
  font-size: 22px;
  color: #e7e8ea;
}
#craft-popup-connect #close-popup {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  background: url(/blockly/media/craft/Sliced_Parts/X_Button.png) no-repeat center center;
  background-size: 100% auto;
  top: -35px;
  right: -35px;
  width: 50px;
  height: 50px;
}
html[dir=rtl] #craft-popup-connect #close-popup {
  right: auto;
  left: -35px;
}
#craft-popup-connect .download-button {
  border-style: solid !important;
  border-width: 4px 5px 6px 5px !important;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 stretch !important;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 stretch !important;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 stretch !important;
  border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 fill stretch !important;
  text-shadow: 2px 2px #565656 !important;
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-semi-bold);
  font-style: normal;
  font-family: var(--font-family-main) !important;
  color: #f1f1f1 !important;
  font-size: 26px;
  line-height: 26px;
  display: inline-block;
  padding: 5px;
}
#craft-popup-connect .download-button:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#craft-popup-connect .download-button:active {
  outline: none;
  border-image-slice: 2 3 4 3 fill;
  border-image-width: 10px 20px 20px 20px;
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 stretch !important;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 stretch !important;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 stretch !important;
  border-image-source: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 fill stretch !important;
}

#craft-popup-house-selection {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: auto;
  background-color: #3c3c3c;
  border-style: solid;
  border-width: 18px 21px 22px 19px;
  box-shadow: none;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 fill stretch;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 654px;
  margin: -255px 0 0 -327px;
}
#craft-popup-house-selection .x-close {
  visibility: hidden;
}
#craft-popup-house-selection #modal-body {
  background-color: #3c3c3c;
}
#craft-popup-house-selection .modal-content.no-modal-icon {
  margin-left: 0;
}
html[dir=rtl] #craft-popup-house-selection .modal-content.no-modal-icon {
  margin-right: 0;
}
#craft-popup-house-selection .minecraft-big-yellow-header, #craft-popup-house-selection .minecraft-big-gray-header {
  text-shadow: 2px 2px #565656 !important;
  color: #f4d00b;
  line-height: 11px;
  font-size: 30px;
}
#craft-popup-house-selection .minecraft-big-gray-header {
  /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
  color: #e7e8ea;
  margin-bottom: 23px;
}
#craft-popup-house-selection .modal-content {
  margin-left: 0;
}
html[dir=rtl] #craft-popup-house-selection .modal-content {
  margin-right: 0;
}
@media screen and (max-height: 630px) {
  #craft-popup-house-selection {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 654px;
    margin: -150px 0 0 -327px;
  }
}
#craft-popup-house-selection #getting-started-header {
  margin-left: 125px;
  margin-bottom: 25px;
}
#craft-popup-house-selection #select-house-text {
  line-height: 50px;
  font-size: 22px;
  color: #e7e8ea;
}
#craft-popup-house-selection .minecraft-house {
  float: left;
  width: 167px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 8px;
}
@media screen and (max-height: 630px) {
  #craft-popup-house-selection .minecraft-house {
    padding-left: 5px;
    padding-right: 5px;
  }
}
#craft-popup-house-selection .house-outline-container {
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  background: url(/blockly/media/craft/Sliced_Parts/House_Selection_Box.png) no-repeat;
  display: table;
  margin: 23px auto 16px;
  width: 167px;
  height: 168px;
}
@media screen and (max-height: 630px) {
  #craft-popup-house-selection .house-outline-container {
    width: 83.5px;
    height: 91px;
    background-size: 83.5px 91px;
  }
}
#craft-popup-house-selection .house-photo {
  margin: 0 auto 10px auto;
  background-size: 100% auto;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: no-repeat;
}
#craft-popup-house-selection #house-a-picture {
  background-image: url(/blockly/media/craft/Sliced_Parts/House_Option_A_v3.png);
  width: 112px;
  height: 111px;
  margin-top: 33.5px;
  margin-bottom: -33.5px;
}
@media screen and (max-height: 630px) {
  #craft-popup-house-selection #house-a-picture {
    width: 56px;
    height: 55.5px;
    margin-top: 16.75px;
    margin-bottom: -16.75px;
  }
}
#craft-popup-house-selection #house-c-picture {
  background-image: url(/blockly/media/craft/Sliced_Parts/House_Option_B_v3.png);
  width: 127px;
  height: 129px;
  margin-top: 24.5px;
  margin-bottom: -24.5px;
}
@media screen and (max-height: 630px) {
  #craft-popup-house-selection #house-c-picture {
    width: 63.5px;
    height: 64.5px;
    margin-top: 12.25px;
    margin-bottom: -12.25px;
  }
}
#craft-popup-house-selection #house-b-picture {
  background-image: url(/blockly/media/craft/Sliced_Parts/House_Option_C_v3.png);
  width: 98px;
  height: 152px;
  margin-top: 13px;
  margin-bottom: -13px;
}
@media screen and (max-height: 630px) {
  #craft-popup-house-selection #house-b-picture {
    width: 49px;
    height: 76px;
    margin-top: 6.5px;
    margin-bottom: -6.5px;
  }
}
#craft-popup-house-selection #choose-house-container {
  display: table;
  margin: 0 auto;
  cursor: pointer;
}
@media screen and (max-height: 630px) {
  #craft-popup-house-selection #choose-house-container {
    margin-top: -18px;
  }
}
#craft-popup-house-selection #close-house-select {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  background: url(/blockly/media/craft/Sliced_Parts/X_Button.png) no-repeat center center;
  background-size: 100% auto;
  top: -35px;
  right: -35px;
  width: 50px;
  height: 50px;
}
html[dir=rtl] #craft-popup-house-selection #close-house-select {
  right: auto;
  left: -35px;
}
#craft-popup-house-selection .choose-house-button {
  border-style: solid !important;
  border-width: 4px 5px 6px !important;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 stretch !important;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 stretch !important;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 stretch !important;
  border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 fill stretch !important;
  text-shadow: 2px 2px #565656 !important;
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-semi-bold);
  font-style: normal;
  font-family: var(--font-family-main) !important;
  color: #f1f1f1 !important;
  font-size: 26px;
  line-height: 26px;
  display: inline-block;
  padding: 5px;
}
#craft-popup-house-selection .choose-house-button:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#craft-popup-house-selection .choose-house-button:active {
  outline: none;
  border-image-slice: 2 3 4 3 fill;
  border-image-width: 10px 20px 20px 20px;
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 stretch !important;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 stretch !important;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 stretch !important;
  border-image-source: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 fill stretch !important;
}

#craft-popup-import {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: auto;
  background-color: #3c3c3c;
  border-style: solid;
  border-width: 18px 21px 22px 19px;
  box-shadow: none;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 fill stretch;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 540px;
  margin: -258px 0 0 -270px;
}
#craft-popup-import .x-close {
  visibility: hidden;
}
#craft-popup-import #modal-body {
  background-color: #3c3c3c;
}
#craft-popup-import .modal-content.no-modal-icon {
  margin-left: 0;
}
html[dir=rtl] #craft-popup-import .modal-content.no-modal-icon {
  margin-right: 0;
}
#craft-popup-import .minecraft-big-yellow-header, #craft-popup-import .minecraft-big-gray-header {
  text-shadow: 2px 2px #565656 !important;
  color: #f4d00b;
  line-height: 11px;
  font-size: 30px;
}
#craft-popup-import .minecraft-big-gray-header {
  /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
  color: #e7e8ea;
  margin-bottom: 23px;
}
@media screen and (max-height: 630px) {
  #craft-popup-import {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 540px;
    margin: -200px 0 0 -270px;
  }
}
#craft-popup-import #close-popup {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  background: url(/blockly/media/craft/Sliced_Parts/X_Button.png) no-repeat center center;
  background-size: 100% auto;
  top: -35px;
  right: -35px;
  width: 50px;
  height: 50px;
}
html[dir=rtl] #craft-popup-import #close-popup {
  right: auto;
  left: -35px;
}
#craft-popup-import h2 {
  line-height: 50px;
  font-size: 22px;
  color: #e7e8ea;
}
#craft-popup-import input {
  width: 300px;
  padding: 10px;
  margin-right: 10px;
}
#craft-popup-import .button {
  border-style: solid !important;
  border-width: 4px 5px 6px !important;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 stretch !important;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 stretch !important;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 stretch !important;
  border-image: url(/blockly/media/craft/Sliced_Parts/Button_Grey_Slice.png) 4 5 6 fill stretch !important;
  text-shadow: 2px 2px #565656 !important;
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-semi-bold);
  font-style: normal;
  font-family: var(--font-family-main) !important;
  color: #f1f1f1 !important;
  font-size: 26px;
  line-height: 26px;
  display: inline-block;
  padding: 5px;
}
#craft-popup-import .button:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#craft-popup-import .button:active {
  outline: none;
  border-image-slice: 2 3 4 3 fill;
  border-image-width: 10px 20px 20px 20px;
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 stretch !important;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 stretch !important;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 stretch !important;
  border-image-source: url(/blockly/media/craft/Sliced_Parts/MC_Button_Pressed.png) 2 3 4 3 fill stretch !important;
}

#craft-popup-error {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: auto;
  background-color: #3c3c3c;
  border-style: solid;
  border-width: 18px 21px 22px 19px;
  box-shadow: none;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 fill stretch;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 540px;
  margin: -258px 0 0 -270px;
}
#craft-popup-error .x-close {
  visibility: hidden;
}
#craft-popup-error #modal-body {
  background-color: #3c3c3c;
}
#craft-popup-error .modal-content.no-modal-icon {
  margin-left: 0;
}
html[dir=rtl] #craft-popup-error .modal-content.no-modal-icon {
  margin-right: 0;
}
#craft-popup-error .minecraft-big-yellow-header, #craft-popup-error .minecraft-big-gray-header {
  text-shadow: 2px 2px #565656 !important;
  color: #f4d00b;
  line-height: 11px;
  font-size: 30px;
}
#craft-popup-error .minecraft-big-gray-header {
  /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
  color: #e7e8ea;
  margin-bottom: 23px;
}
@media screen and (max-height: 630px) {
  #craft-popup-error {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 540px;
    margin: -200px 0 0 -270px;
  }
}
#craft-popup-error #close-popup {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  background: url(/blockly/media/craft/Sliced_Parts/X_Button.png) no-repeat center center;
  background-size: 100% auto;
  top: -35px;
  right: -35px;
  width: 50px;
  height: 50px;
}
html[dir=rtl] #craft-popup-error #close-popup {
  right: auto;
  left: -35px;
}
#craft-popup-error h2 {
  line-height: 50px;
  font-size: 22px;
  color: #e7e8ea;
}

#prompt-icon {
  width: 100%;
}

.qtip {
  max-width: 340px;
}

.qtip-content {
  color: white;
}

.qtip-default {
  padding: 10px;
  border: 0;
  border-radius: 0;
  color: white;
  border-color: transparent;
  background-color: transparent;
  border-style: solid;
  border-width: 18px 21px 22px 19px;
  box-shadow: none;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  -moz-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -webkit-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  -o-border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 stretch;
  border-image: url(/blockly/media/craft/Sliced_Parts/Pop_Up_Slice.png) 18 21 22 19 fill stretch;
}
.ieVersion9 .qtip-default, .ieVersion10 .qtip-default {
  background-color: rgb(88, 88, 88) !important;
  border-radius: 8px;
  border-color: #3b3b3b;
  border-width: 15px;
}

.tooltip-x-close.qtip-icon {
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  position: absolute;
  cursor: pointer;
  z-index: 1;
  background: url(/blockly/media/craft/Sliced_Parts/X_Button.png) no-repeat center center;
  background-size: 100% auto;
  top: -35px;
  right: -35px;
  width: 50px;
  height: 50px;
}
.tooltip-x-close.qtip-icon:hover {
  top: -35px;
  right: -35px;
  width: 50px;
  height: 50px;
}

.ieVersion9 #open-workspace {
  background-color: #3b3b3b;
}

.cdo-qtips .qtip-tip {
  background: url(/blockly/media/craft/Sliced_Parts/Callout_Tail.png) no-repeat center center;
  width: 66px !important;
  height: 66px !important;
}
.cdo-qtips .qtip-tip canvas {
  display: none;
  opacity: 0;
}

.qtip-pos-lc .qtip-tip {
  -webkit-transform: translateX(2px) translateY(0) rotate(-90deg);
  -moz-transform: translateX(2px) translateY(0) rotate(-90deg);
  -ms-transform: translateX(2px) translateY(0) rotate(-90deg);
  -o-transform: translateX(2px) translateY(0) rotate(-90deg);
  transform: translateX(2px) translateY(0) rotate(-90deg);
  margin-top: -33px !important;
  left: -66px !important;
}

.qtip-pos-rc .qtip-tip {
  -webkit-transform: translateX(-5px) translateY(0) rotate(90deg);
  -moz-transform: translateX(-5px) translateY(0) rotate(90deg);
  -ms-transform: translateX(-5px) translateY(0) rotate(90deg);
  -o-transform: translateX(-5px) translateY(0) rotate(90deg);
  transform: translateX(-5px) translateY(0) rotate(90deg);
  margin-top: -33px !important;
  right: -66px !important;
}

.qtip-pos-tc .qtip-tip {
  -webkit-transform: translateX(0) translateY(1px) rotate(0deg);
  -moz-transform: translateX(0) translateY(1px) rotate(0deg);
  -ms-transform: translateX(0) translateY(1px) rotate(0deg);
  -o-transform: translateX(0) translateY(1px) rotate(0deg);
  transform: translateX(0) translateY(1px) rotate(0deg);
  top: -66px !important;
  left: 66px !important;
}

.qtip-pos-bc .qtip-tip {
  -webkit-transform: translateX(0) translateY(-5px) rotate(180deg);
  -moz-transform: translateX(0) translateY(-5px) rotate(180deg);
  -ms-transform: translateX(0) translateY(-5px) rotate(180deg);
  -o-transform: translateX(0) translateY(-5px) rotate(180deg);
  transform: translateX(0) translateY(-5px) rotate(180deg);
  bottom: -66px !important;
  margin-left: -33px !important;
}

.csf-top-instructions p,
.instructions-markdown p {
  color: #fff;
}

.minecraft-events code {
  background-color: #d78c01;
  border: 1px solid #ffb72f;
  color: #fff;
}
.minecraft-events #toolbox-header {
  border-right: none !important;
}
.minecraft-events #codeWorkspace {
  border: none !important;
}
.minecraft-events #headers {
  border-radius: 6px 6px 0 0;
}
.minecraft-events #codeWorkspace > svg.blocklySvg {
  border-radius: 0 0 6px 6px;
}
.minecraft-events .small-footer-base {
  border-radius: 0 6px 0 0;
}
.minecraft-events #score-container {
  float: left;
  position: relative;
  left: 50%;
  height: 0;
  margin-bottom: -100%;
}
.minecraft-events #score-container #score-inner {
  background: #6a6a6a;
  border-style: solid !important;
  border-width: 1px 7px 7px 7px !important;
  -moz-border-image: url(/blockly/media/craft/Events/MC_HoC_Score_9Slice.png) 7 stretch !important;
  -webkit-border-image: url(/blockly/media/craft/Events/MC_HoC_Score_9Slice.png) 7 stretch !important;
  -o-border-image: url(/blockly/media/craft/Events/MC_HoC_Score_9Slice.png) 7 stretch !important;
  border-image: url(/blockly/media/craft/Events/MC_HoC_Score_9Slice.png) 7 fill stretch !important;
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  image-rendering: crisp-edges;
  /* CSS4 Proposed */
  image-rendering: pixelated;
  /* CSS4 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
  top: -411px;
  height: 25px;
  float: left;
  position: relative;
  left: -50%;
  font-size: 15px;
  color: #fff !important;
  text-shadow: 2px 2px #5a5a5a !important;
}