.pmb-anchor[hidden]{display:none!important}
.pmb-anchor{
  --pmb-anchor-small-strip:38px;
  position:fixed;
  bottom:0;
  left:50%;
  width:min(var(--pmb-anchor-max-width,970px),calc(100vw - 24px));
  max-width:100%;
  transform:translateX(-50%) translateY(calc(100% + 40px));
  filter:drop-shadow(0 -3px 9px rgba(0,0,0,.16));
  transition:transform .48s cubic-bezier(.22,.61,.36,1);
  z-index:1900;
  pointer-events:none;
  box-sizing:border-box;
}
.pmb-anchor-media{
  display:flex;
  box-sizing:border-box;
  justify-content:center;
  align-items:center;
  width:100%;
  background:#ffffff;
  border:0;
  border-radius:9px 0 0 0;
  padding:12px 14px;
  pointer-events:none;
}
.pmb-anchor.is-ready:not(.is-collapsed){
  transform:translateX(-50%) translateY(0);
}
.pmb-anchor.is-ready:not(.is-collapsed) .pmb-anchor-media{
  pointer-events:auto;
}
.pmb-anchor.is-ready.is-collapsed{
  transform:translateX(-50%) translateY(calc(100% - var(--pmb-anchor-small-strip) - env(safe-area-inset-bottom,0px)));
}
.pmb-anchor-creative{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  overflow:hidden;
  border-radius:3px;
  isolation:isolate;
}
.pmb-anchor-creative::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(108deg,transparent 25%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.23) 49%,rgba(255,255,255,.08) 56%,transparent 72%);
  transform:translateX(-145%) skewX(-14deg);
  animation:pmb-anchor-shine 3s linear infinite;
}
@keyframes pmb-anchor-shine{
  0%{transform:translateX(-145%) skewX(-14deg)}
  33.333%{transform:translateX(145%) skewX(-14deg)}
  100%{transform:translateX(145%) skewX(-14deg)}
}
.pmb-anchor.is-collapsed .pmb-anchor-creative::after{animation-play-state:paused}
.pmb-anchor-image{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:min(30vh,240px);
  object-fit:contain;
}
.pmb-anchor-link{
  display:flex;
  max-width:100%;
  justify-content:center;
  align-items:center;
  text-decoration:none;
  color:inherit;
}
.pmb-anchor-link:focus-visible{outline:2px solid #174b9b;outline-offset:2px}
.pmb-anchor-toggle{
  position:absolute;
  top:-30px;
  right:0;
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  min-width:44px;
  height:30px;
  padding:0;
  margin:0;
  background:#ffffff;
  color:#4b5563;
  border:0;
  border-radius:9px 9px 0 0;
  cursor:pointer;
  pointer-events:auto;
  opacity:0;
  transition:opacity .48s ease;
  touch-action:manipulation;
}
.pmb-anchor.is-ready .pmb-anchor-toggle{opacity:1}
.pmb-anchor-toggle:hover{background:#ffffff}
.pmb-anchor-toggle:focus-visible{outline:2px solid #174b9b;outline-offset:2px}
.pmb-anchor-toggle svg{display:block;transition:transform .2s ease}
.pmb-anchor.is-collapsed .pmb-anchor-toggle svg{transform:rotate(180deg)}
@media(max-width:900px){
  .pmb-anchor--desktop{display:none!important}
  .pmb-anchor--mobile{
    left:0;
    width:100%;
    transform:translateY(calc(100% + 40px));
  }
  .pmb-anchor--mobile.is-ready:not(.is-collapsed){
    transform:translateY(0);
  }
  .pmb-anchor--mobile.is-ready.is-collapsed{
    transform:translateY(100%);
  }
  .pmb-anchor--mobile .pmb-anchor-media{
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
  }
  .pmb-anchor--mobile .pmb-anchor-image{
    max-height:min(42vh,320px);
    max-height:min(42dvh,320px);
  }
  .pmb-anchor--mobile .pmb-anchor-toggle{
    width:40px;
    min-width:40px;
    height:27px;
    top:-27px;
  }
  .pmb-anchor--mobile .pmb-anchor-toggle svg{width:15px;height:15px}
  }
@media(min-width:901px){.pmb-anchor--mobile{display:none!important}}
body.single-post.pe-reader-focus .pmb-anchor,
html.pe-reader-focus-boot body.single-post .pmb-anchor{display:none!important}
@media(prefers-reduced-motion:reduce){
  .pmb-anchor,.pmb-anchor-toggle,.pmb-anchor-toggle svg{transition:none!important}
  .pmb-anchor-creative::after{animation:none!important}
}
