/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./blocks/quiz-hot-spot/src/style.scss ***!
  \******************************************************************************************************************************/
/**
 * Block's stylesheet
 * 
 * @package cEightyThree
 * @since cEightyThree 1.0
 */
/**
 * Stylesheet variables
 * 
 * @package cEightyThree
 * @since cEightyThree 1.0
 */
/**
 * Stylesheet global variables
 * 
 * @package cEightyThree
 * @since cEightyThree 1.0
 */
/**
 * Stylesheet base variables
 * 
 * @package cEightyThree
 * @since cEightyThree 1.0
 */
/**
 * Stylesheet inverse variables
 * 
 * @package cEightyThree
 * @since cEightyThree 1.0
 */
/**
 * Stylesheet components variables
 * 
 * @package cEightyThree
 * @since cEightyThree 1.0
 */
/** Accordion */
/** Alert */
/** Align */
/** Animation */
/** Article */
/** Background */
/** Badge */
/** Breadcrumb */
/** Button */
/** Card */
/** Close */
/** Column */
/** Comment */
/** Container */
/** Countdown */
/** Description */
/** Divider */
/** Internal */
/** Divider */
/** Dotnav */
/** Drop */
/** Dropbar */
/** Dropdown */
/** Dropnav */
/** Form */
/** Internal */
/** Grid */
/** Heading */
/** Height */
/** Icon */
/** Iconnav */
/** Label */
/** Leader */
/** Lightbox */
/** Link */
/** List */
/** Internal */
/** Margin */
/** Marker */
/** Modal */
/** Nav */
/** Navbar */
/** Notification */
/** Offcanvas */
/** Overlay */
/** Padding */
/** Pagination */
/** Placeholder */
/** Position */
/** Progress */
/** Search */
/** Section */
/** Slidenav */
/** Slider */
/** Sortable */
/** Spinner */
/** Sticky */
/** Subnav */
/** Tab */
/** Table */
/** Text */
/** Thumbnav */
/** Tile */
/** Tooltip */
/** Totop */
/** Transition */
/** Panel */
/** Border */
/** Box */
/** Dropcap */
/** Logo */
/** Dragover */
/** Deprecated */
/** Breakpoint */
/** Width */
.wp-block-c83-quiz-hot-spot .c83-quiz-hot-spot-content {
  overflow: scroll;
  width: 100%;
}
.wp-block-c83-quiz-hot-spot .c83-quiz-hot-spot-content > .uk-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  animation: none;
  color: var(--wp--preset--color--secondary);
}
@media (max-width: 640px) {
  .wp-block-c83-quiz-hot-spot .c83-quiz-hot-spot-content > .uk-icon {
    display: block;
    animation: pulse-animation 1s infinite;
  }
  .wp-block-c83-quiz-hot-spot .c83-quiz-hot-spot-content > div {
    overflow: visible;
  }
  .wp-block-c83-quiz-hot-spot .c83-quiz-hot-spot-content > div .wp-block-c83-quiz-marker {
    width: 30px;
    height: 30px;
  }
  .wp-block-c83-quiz-hot-spot .c83-quiz-hot-spot-content img {
    max-width: 200% !important;
  }
}
.wp-block-c83-quiz-hot-spot .c83-quiz-info {
  display: block;
  color: var(--wp--preset--color--muted);
  padding-left: 22px;
  position: relative;
}
.wp-block-c83-quiz-hot-spot .c83-quiz-info::before {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27m11.98,2.18C6.56,2.18,2.16,6.58,2.16,12s4.4,9.82,9.82,9.82,9.82-4.4,9.82-9.82S17.4,2.18,11.98,2.18Zm0,17.64c-4.31,0-7.82-3.51-7.82-7.82s3.51-7.82,7.82-7.82,7.82,3.51,7.82,7.82-3.51,7.82-7.82,7.82Zm-.98-8.82h2v5.46h-2v-5.46Zm0-3.46h2v1.46h-2v-1.46Z%27 fill=%27%23999999%27 stroke-width=%270%27/%3E%3C/svg%3E");
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  left: 0;
}

@keyframes pulse-animation {
  0% {
    right: 15px;
  }
  100% {
    right: 0;
  }
}