/* Slideshow controls and the product-image crossfade. */
.family-controls button[data-family-playback],
.project-controls button[data-project-playback] {font-size:17px;font-weight:700;line-height:1}
.certificate-navigation button[data-certificate-playback] {font-size:16px;font-weight:700;line-height:1}
.main-image {position:relative}
.main-image .product-transition-image {
  position:absolute;inset:40px;width:calc(100% - 80px);height:calc(100% - 80px);
  object-fit:contain;mix-blend-mode:multiply;opacity:0;pointer-events:none;
  transition:opacity .44s ease;
}
.main-image .product-transition-image.is-visible {opacity:1}
.product-gallery-controls {position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:7px}
.product-gallery-controls button {
  display:grid;place-items:center;width:38px;height:38px;padding:0;
  border:1px solid #d4e3ed;border-radius:50%;background:#fff;
  color:#006fc9;box-shadow:0 4px 14px #102b3a14;
  font-size:19px;line-height:1;cursor:pointer;
}
.product-gallery-controls button:hover {background:#eaf4fd}
.product-gallery-controls button:focus-visible {outline:3px solid #0879dc;outline-offset:3px}
@media (max-width:600px) {
  .main-image .product-transition-image {inset:24px;width:calc(100% - 48px);height:calc(100% - 48px)}
  .product-gallery-controls {top:10px;right:10px}
  .product-gallery-controls button {width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce) {
  .main-image .product-transition-image {transition:none}
}