/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/device-screenshots/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.wp-block-tactus-device-screenshots.screenshots,
.wp-block-tactus-device-screenshots .screenshots {
  position: relative;
  align-self: center;
  padding: 1px;
  margin: 0 auto 1rem;
  pointer-events: none;
}
.wp-block-tactus-device-screenshots.screenshots.iphone,
.wp-block-tactus-device-screenshots .screenshots.iphone {
  max-width: 250px;
}
@media (min-width: 576px) {
  .wp-block-tactus-device-screenshots.screenshots.iphone,
  .wp-block-tactus-device-screenshots .screenshots.iphone {
    max-width: none;
  }
}
.wp-block-tactus-device-screenshots.screenshots.with-hands,
.wp-block-tactus-device-screenshots .screenshots.with-hands {
  align-self: flex-end;
}
.wp-block-tactus-device-screenshots.screenshots .screen,
.wp-block-tactus-device-screenshots .screenshots .screen {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.wp-block-tactus-device-screenshots.screenshots .screen:before,
.wp-block-tactus-device-screenshots .screenshots .screen:before {
  content: "";
  display: block;
  width: 100%;
}
.wp-block-tactus-device-screenshots.screenshots .screen .screen-inner,
.wp-block-tactus-device-screenshots .screenshots .screen .screen-inner {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  display: flex;
}
.wp-block-tactus-device-screenshots.screenshots .screen .screen-inner .carousel,
.wp-block-tactus-device-screenshots .screenshots .screen .screen-inner .carousel {
  display: flex;
  width: 100%;
}
.wp-block-tactus-device-screenshots.screenshots .screen .screen-inner .carousel .carousel-item-next, .wp-block-tactus-device-screenshots.screenshots .screen .screen-inner .carousel .carousel-item-prev, .wp-block-tactus-device-screenshots.screenshots .screen .screen-inner .carousel .carousel-item.active,
.wp-block-tactus-device-screenshots .screenshots .screen .screen-inner .carousel .carousel-item-next,
.wp-block-tactus-device-screenshots .screenshots .screen .screen-inner .carousel .carousel-item-prev,
.wp-block-tactus-device-screenshots .screenshots .screen .screen-inner .carousel .carousel-item.active {
  display: flex;
}
.wp-block-tactus-device-screenshots.screenshots .screen .screen-inner .carousel .carousel-item,
.wp-block-tactus-device-screenshots .screenshots .screen .screen-inner .carousel .carousel-item {
  height: 100%;
}
.wp-block-tactus-device-screenshots.screenshots .screen .screen-inner .carousel .carousel-item figure,
.wp-block-tactus-device-screenshots.screenshots .screen .screen-inner .carousel .carousel-item .wp-block-image,
.wp-block-tactus-device-screenshots .screenshots .screen .screen-inner .carousel .carousel-item figure,
.wp-block-tactus-device-screenshots .screenshots .screen .screen-inner .carousel .carousel-item .wp-block-image {
  margin: 0px auto;
}
.wp-block-tactus-device-screenshots.screenshots .screen .screen-inner .carousel .carousel-item img,
.wp-block-tactus-device-screenshots .screenshots .screen .screen-inner .carousel .carousel-item img {
  width: 100%;
  height: auto;
  max-width: none;
  border: 1px solid transparent;
}
.wp-block-tactus-device-screenshots.screenshots .ipad,
.wp-block-tactus-device-screenshots .screenshots .ipad {
  position: relative;
  margin: 4% 7.8%;
}
.wp-block-tactus-device-screenshots.screenshots .ipad .device,
.wp-block-tactus-device-screenshots .screenshots .ipad .device {
  position: absolute;
  width: 168%;
  left: 50%;
  top: -52.5%;
  transform: translateX(-50%);
}
.wp-block-tactus-device-screenshots.screenshots .ipad .device .image,
.wp-block-tactus-device-screenshots .screenshots .ipad .device .image {
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  background-image: url(../images/ipad.ee899ccc.png);
}
.wp-block-tactus-device-screenshots.screenshots .ipad .screen:before,
.wp-block-tactus-device-screenshots .screenshots .ipad .screen:before {
  padding-bottom: 75%;
}
.wp-block-tactus-device-screenshots.screenshots.with-hands .ipad,
.wp-block-tactus-device-screenshots .screenshots.with-hands .ipad {
  margin: 4% 15% 15%;
}
.wp-block-tactus-device-screenshots.screenshots.with-hands .ipad .device .image,
.wp-block-tactus-device-screenshots .screenshots.with-hands .ipad .device .image {
  background-image: url(../images/ipad-with-hands.1c09143a.png);
}
.wp-block-tactus-device-screenshots.screenshots.with-hands.skin-tone-2 .ipad .device .image,
.wp-block-tactus-device-screenshots .screenshots.with-hands.skin-tone-2 .ipad .device .image {
  background-image: url(../images/ipad-with-hands_2.dea54cb0.png);
}
.wp-block-tactus-device-screenshots.screenshots.with-hands.skin-tone-3 .ipad .device .image,
.wp-block-tactus-device-screenshots .screenshots.with-hands.skin-tone-3 .ipad .device .image {
  background-image: url(../images/ipad-with-hands_3.ad7f3ee6.png);
}
.wp-block-tactus-device-screenshots.screenshots.with-hands.skin-tone-4 .ipad .device .image,
.wp-block-tactus-device-screenshots .screenshots.with-hands.skin-tone-4 .ipad .device .image {
  background-image: url(../images/ipad-with-hands_4.ba975987.png);
}
.wp-block-tactus-device-screenshots.screenshots .iphone,
.wp-block-tactus-device-screenshots .screenshots .iphone {
  position: relative;
  margin: 25% 10% 27%;
}
.wp-block-tactus-device-screenshots.screenshots .iphone .device,
.wp-block-tactus-device-screenshots .screenshots .iphone .device {
  position: absolute;
  width: 435%;
  left: 50%;
  top: -55.5%;
  transform: translateX(-50%);
}
.wp-block-tactus-device-screenshots.screenshots .iphone .device .image,
.wp-block-tactus-device-screenshots .screenshots .iphone .device .image {
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  background-image: url(../images/iphone.9248f4a7.png);
}
.wp-block-tactus-device-screenshots.screenshots .iphone .screen:before,
.wp-block-tactus-device-screenshots .screenshots .iphone .screen:before {
  padding-bottom: 177.77%;
}
.wp-block-tactus-device-screenshots.screenshots.with-hands .iphone,
.wp-block-tactus-device-screenshots .screenshots.with-hands .iphone {
  margin: 16% 25% 35%;
}
.wp-block-tactus-device-screenshots.screenshots.with-hands .iphone .device .image,
.wp-block-tactus-device-screenshots .screenshots.with-hands .iphone .device .image {
  background-image: url(../images/iphone-with-hands.e96d2893.png);
}
.wp-block-tactus-device-screenshots.screenshots.with-hands.skin-tone-2 .iphone .device .image,
.wp-block-tactus-device-screenshots .screenshots.with-hands.skin-tone-2 .iphone .device .image {
  background-image: url(../images/iphone-with-hands_2.d777055b.png);
}
.wp-block-tactus-device-screenshots.screenshots.with-hands.skin-tone-3 .iphone .device .image,
.wp-block-tactus-device-screenshots .screenshots.with-hands.skin-tone-3 .iphone .device .image {
  background-image: url(../images/iphone-with-hands_3.cb9a309d.png);
}
.wp-block-tactus-device-screenshots.screenshots.with-hands.skin-tone-4 .iphone .device .image,
.wp-block-tactus-device-screenshots .screenshots.with-hands.skin-tone-4 .iphone .device .image {
  background-image: url(../images/iphone-with-hands_4.d06efacc.png);
}
.wp-block-tactus-device-screenshots.screenshots .iphone-landscape,
.wp-block-tactus-device-screenshots .screenshots .iphone-landscape {
  position: relative;
  margin: 5.6% 14.2%;
}
.wp-block-tactus-device-screenshots.screenshots .iphone-landscape .device,
.wp-block-tactus-device-screenshots .screenshots .iphone-landscape .device {
  position: absolute;
  width: 250%;
  left: 50%;
  top: -172.5%;
  transform: translateX(-50%);
}
.wp-block-tactus-device-screenshots.screenshots .iphone-landscape .device .image,
.wp-block-tactus-device-screenshots .screenshots .iphone-landscape .device .image {
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  background-image: url(../images/iphone-landscape.cf051820.png);
}
.wp-block-tactus-device-screenshots.screenshots .iphone-landscape .screen:before,
.wp-block-tactus-device-screenshots .screenshots .iphone-landscape .screen:before {
  padding-bottom: 56.25%;
}

/*# sourceMappingURL=style-index.css.map*/