#argent-mercury {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 50;
}
html.m-live #argent-root .mark.is-live .mark__img,
html.m-live .m-hide {
  opacity: 0 !important;
}
html.m-live .m-noborder {
  border-top-color: transparent !important;
}
@media (max-width: 719px) {
  #argent-root .hero__mark .mark__img {
    transform: rotate(-90deg) !important;
  }
}
#argent-root .btn::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  background: linear-gradient(
    105deg,
    rgba(255, 255, 255, 0) 38%,
    rgba(255, 255, 255, 0.16) 45%,
    rgba(255, 255, 255, 0.42) 50%,
    rgba(255, 255, 255, 0.16) 55%,
    rgba(255, 255, 255, 0) 62%
  );
  transform: translateX(-130%);
  animation: argentSheen 6.5s cubic-bezier(0.45, 0, 0.2, 1) infinite;
  pointer-events: none;
}
#argent-root .btn:hover::after,
#argent-root .btn:focus-visible::after {
  animation-duration: 1.7s;
}
#argent-root .btn .btn__t {
  position: relative;
  z-index: 1;
}
@keyframes argentSheen {
  0%,
  70% {
    transform: translateX(-130%);
  }
  100% {
    transform: translateX(130%);
  }
}
.m-preview {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 45;
  width: 210px;
  height: 262px;
  background: #e4e4e1 center / cover no-repeat;
  box-shadow: 0 24px 60px -24px rgba(14, 14, 15, 0.35);
  clip-path: circle(0% at 22% 78%);
  transition: clip-path 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
  pointer-events: none;
  will-change: transform, clip-path;
}
.m-preview.is-on {
  clip-path: circle(140% at 22% 78%);
}
@media (prefers-reduced-motion: reduce) {
  #argent-root .btn::after {
    animation: none;
    opacity: 0;
  }
  .m-preview {
    transition: none;
  }
}