/* Media Blocks/Labeled Graphic - Rise V2 */
/* Extracted from blocks_v2.css */

.labeled-graphic-tooltip {
  --tooltip-position:absolute;
  display:block;
  height:2rem;
  margin-block-start:-1rem;
  margin-inline-start:-1rem;
  width:2rem}

.labeled-graphic-bubble-media-container--audio-overlay {
  position:relative}

.labeled-graphic-bubble-media-container--audio-bottom {
  padding-top:1.5rem}

.labeled-graphic-bubble-media-container--audio-bottom .audio-player-volume__slider {
  --slider-inset-block:auto calc(100% + 0.2rem)}

.labeled-graphic-canvas__figure {
  display:inline-block;
  position:relative}

.labeled-graphic-canvas__figure--editable {
  cursor:crosshair}

.labeled-graphic-canvas__figure--editing-disabled {
  cursor:not-allowed}

.labeled-graphic-canvas__figure .authoring-tooltip__content {
  inset-block-start:-2.5rem;
  inset-inline-start:calc(100% - 2rem)}

.labeled-graphic-canvas__bounds {
  text-align:center}

  .labeled-graphic-canvas__bounds {
  break-inside:avoid;
  page-break-inside:avoid}

.labeled-graphic-canvas__image {
  display:block;
  margin-block:0;
  margin-inline:auto;
  max-width:100%}

.labeled-graphic-canvas__image--flag-dimensions:not(.labeled-graphic-canvas__image--svg) {
  height:auto;
  object-fit:contain}

.labeled-graphic-canvas__alt-tag {
  background:#000;
  color:#fff;
  cursor:pointer;
  font-size:1.1rem;
  font-weight:900;
  height:2rem;
  inset-block-start:0;
  inset-inline-end:0;
  letter-spacing:.1rem;
  padding-block-start:.2rem;
  position:absolute;
  text-align:center;
  width:3.5rem}

.labeled-graphic-marker {
  border-radius:50%;
  box-shadow:0 0 0 0 #50abf1e6;
  height:4rem;
  margin-left:-2rem;
  margin-top:-2rem;
  position:absolute;
  transition:transform 0s,box-shadow .3s;
  width:4rem;
  z-index:3}

.labeled-graphic-marker__pin {
  align-items:center;
  background-color:var(--color-lg-accent);
  border-radius:50%;
  box-shadow:0 .2rem .6rem #000000bf;
  box-sizing:initial;
  color:var(--color-lg-font);
  cursor:pointer;
  display:flex;
  font-family:var(--font-family-ui);
  height:2rem;
  inset-block:0;
  inset-inline:0;
  justify-content:center;
  line-height:2.2rem;
  margin-block:auto;
  margin-inline:auto;
  position:absolute;
  text-align:center;
  transition:width .2s,height .2s,margin-block .2s,margin-inline .2s;
  width:2rem}

.labeled-graphic-marker__pin .icon {
  line-height:1rem}

.labeled-graphic-marker__pin:before {
  border:.2rem solid #0000;
  border-radius:50%;
  content:"";
  inset-block:-.2rem;
  inset-inline:-.2rem;
  position:absolute;
  transition:border-color .1s}

  .labeled-graphic-marker__pin:after {
  animation:markerPulse 2s ease-in-out infinite alternate;
  border:8px solid #ffffff80;
  border-radius:50%;
  content:"";
  inset-block:-2.4rem;
  inset-inline:-2.4rem;
  pointer-events:none;
  position:absolute}

.labeled-graphic-marker__pin--disabled:after {
  animation:none}

.labeled-graphic-marker__pin--selected {
  background-color:var(--color-lg-font);
  color:var(--color-lg-accent)}

.labeled-graphic-marker__pin--selected:before {
  border-color:var(--color-lg-accent)}

  .labeled-graphic-marker__pin {
  font-size:1.8rem;
  height:3rem;
  line-height:3.2rem;
  text-align:center;
  width:3rem}

.labeled-graphic-marker:hover .labeled-graphic-marker__pin:not(.labeled-graphic-marker__pin--selected) {
  background-color:var(--color-lg-accent);
  z-index:10}

.labeled-graphic-marker:hover .labeled-graphic-marker__pin:not(.labeled-graphic-marker__pin--selected):before {
  border-color:var(--color-lg-font)}

.labeled-graphic-marker--complete .labeled-graphic-marker__pin:after {
  display:none}

.labeled-graphic-marker--active .labeled-graphic-marker__pin,.labeled-graphic-marker--dragged .labeled-graphic-marker__pin,.labeled-graphic-marker--hint .labeled-graphic-marker__pin {
  border-width:.2rem}

.labeled-graphic-marker--dragged .labeled-graphic-marker__pin {
  background-color:#00000080;
  cursor:none}

.labeled-graphic-marker--active .labeled-graphic-marker__pin:after {
  display:none}