.introjs-tooltipReferenceLayer,
.introjs-helperLayer,
.introjs-tooltip {
  background-color: #EAEAEA;
  color: black;
}

.figure-wrapper {
  background-color: #EAEAEA;
  color: black;
}

.swiper-content {
  background-color: #EAEAEA;
  color: black;
}

.title,
#inspector .title-active {
  color: black;
}

.icon_empty,
.icon_trash,
.icon_gif,
.button--light.savethumbnail,
.wallpapercontrols .button--light,
.swiper-content .button--light,
.introjs-button {
  background-color: #204CFE;
  border-radius: 6px;
  color: white;
  border: transparent;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 24px;
}
.icon_empty:hover,
.icon_trash:hover,
.icon_gif:hover,
.button--light.savethumbnail:hover,
.wallpapercontrols .button--light:hover,
.swiper-content .button--light:hover,
.introjs-button:hover {
  background-color: #204CFE;
}

.introjs-tooltiptext,
.introjs-tooltip,
.introjs-tooltiptext p {
  font-weight: 400;
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
  border: none;
  color: white;
}

.image-container img {
  border-radius: 6px;
  background-color: black;
}

.modeSwitch a {
  color: black;
}

a.keymode {
  color: #204CFE;
}

.wallpaper .keymode,
.wallpapermode {
  color: black;
}

.wallpaper .wallpapermode {
  color: #204CFE;
}

.select-css:hover,
#controls select:hover,
.button--light:hover,
a:hover {
  border-color: inherit;
  background-color: inherit;
  text-decoration: inherit;
  box-shadow: inherit;
}

a.keymode:hover,
.wallpaper a.keymode:hover {
  text-decoration: underline;
}

.block__list_words li {
  border-bottom: 1px solid #C8C8C8;
}
.block__list_words li.selected {
  background: #DBDBDB;
}

.js.invisible,
.js-visible.js-invisible {
  background-size: contain;
}

.figure-wrapper figure {
  border-right: 4px solid white;
}

#controls > div:not(.title), #library > div:not(.title), .gif-inspector > div:not(.title), .thumbnailContainer {
  font-weight: 400;
}

.swiper-tabs {
  margin-left: 0;
}

input[type=text], input[type=color], input[type=number] {
  background: #C8C8C8;
  border-radius: 4px;
  border: transparent;
  color: black;
  font-weight: 400 !important;
}

input[type=color] {
  padding-left: 5px;
  padding-right: 5px;
}

select:not(.smallheader),
#controls select,
.select-css,
.smallheader.text-input {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACiSURBVHgBtZTZEYUgDEXJe41QkPZgJ8aeLMhC1GhER1QCweXOMGzhHPjBmDm2oNoWI3FvXsrGBDcZad8C7FpozIO4ixLy+OeWyAMSPnmJD+fAvjHMi+CB819yhvPF4VhwXxKCd+0f4VqYL5Hgy+nwAb0kBhcFWkkKHhWkJBp4UiBJViCm4CpBWOJHhqsFsiQOzw5L3J/FjYUfxJZU2bKvtPUTFP2BerdYeJQAAAAASUVORK5CYII=");
  background-color: transparent;
  color: #204CFE;
  border: 1px solid #204CFE;
  border-radius: 15px;
  font-weight: 400;
  padding: 0.4em 1.5em 0.4em 0.8em;
  height: 28px;
  max-height: 32px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 12px 7px, 100%;
  line-height: 1;
}

.smallheader.text-input {
  margin-top: 16px;
}

.button--light.scaleobject.scalewidth,
.button--light.scaleobject.scaleheight {
  color: #204CFE;
  border: 1px solid #204CFE;
  border-radius: 4px;
  background-color: transparent;
}

.gotoslide {
  color: #646464;
  background: #C8C8C8;
  border-radius: 4px 4px 0px 0px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: transparent;
  font-size: 16px;
  font-weight: 400;
}

.library .gotoslide:nth-child(1),
.keys .gotoslide:nth-child(2) {
  background-color: transparent;
  color: black;
  border-color: #111111;
}

.figure-wrapper {
  margin-bottom: 2px;
}

.figure-wrapper.compositing {
  border-radius: 12px 12px 0px 0px;
}

.outclass.outcontainer.swiper-content,
.poolimages.figure-wrapper.swiper-content {
  border-radius: 0px 0px 12px 12px;
}