/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/certification-widget.scss ***!
  \*********************************************************************************************************************************************************/
.gridder {
  display: flex;
  padding: 0;
}

.gridder .gridder-item {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

.gridder .gridder-show {
  position: relative;
  overflow: hidden;
  border: none !important;
}
.gridder .gridder-show:hover {
  border: none !important;
}

.gridder .gridder-navigation a {
  cursor: pointer;
  display: flex;
}

/* Desktop (default) */
.gridder-footer {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  /* this ensures vertical top alignment */
  margin-top: 20px;
}

.gridder-footer .qr_code-container {
  flex: 0 0 auto;
  /* only take up as much space as needed */
  align-self: center;
  /* explicitly align to top */
  text-align: center;
}

.gridder-footer .text-container {
  flex: 1 1 0;
  min-width: 0;
}

.gridder-navigation {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  gap: 10px;
  z-index: 1000;
}

.gridder-navigation a {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-color: #94624C;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: none;
  padding: 0;
  line-height: 0;
  text-indent: -9999px;
}

/* Base for all icons */
.gridder-navigation a:before {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}
.gridder-navigation a:hover {
  display: none;
}

/* Prev icon (arrow left) */
.gridder-navigation .gridder-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2096%2096%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M39.3756%2C48.0022l30.47-25.39a6.0035%2C6.0035%2C0%2C0%2C0-7.6878-9.223L26.1563%2C43.3906a6.0092%2C6.0092%2C0%2C0%2C0%2C0%2C9.2231L62.1578%2C82.615a6.0035%2C6.0035%2C0%2C0%2C0%2C7.6878-9.2231Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

/* Next icon (arrow right) */
.gridder-navigation .gridder-next::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2096%2096%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M69.8437%2C43.3876%2C33.8422%2C13.3863a6.0035%2C6.0035%2C0%2C0%2C0-7.6878%2C9.223l30.47%2C25.39-30.47%2C25.39a6.0035%2C6.0035%2C0%2C0%2C0%2C7.6878%2C9.2231L69.8437%2C52.6106a6.0091%2C6.0091%2C0%2C0%2C0%2C0-9.223Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

/* Close icon (X) */
.gridder-navigation .gridder-close::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M437.5%2C386.6L306.9%2C256l130.6-130.6c14.1-14.1%2C14.1-36.8%2C0-50.9c-14.1-14.1-36.8-14.1-50.9%2C0L256%2C205.1L125.4%2C74.5c-14.1-14.1-36.8-14.1-50.9%2C0c-14.1%2C14.1-14.1%2C36.8%2C0%2C50.9L205.1%2C256L74.5%2C386.6c-14.1%2C14.1-14.1%2C36.8%2C0%2C50.9c14.1%2C14.1%2C36.8%2C14.1%2C50.9%2C0L256%2C306.9l130.6%2C130.6c14.1%2C14.1%2C36.8%2C14.1%2C50.9%2C0C451.5%2C423.4%2C451.5%2C400.6%2C437.5%2C386.6z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}