@font-face {font-family: 'gdsherpa';
  font-weight: 1 900;
  src: url('https://img6.wsimg.com/ux-assets/@ux/fonts/4.5.0/GDSherpa-vf4.woff2') format('woff2'),url('https://img6.wsimg.com/ux-assets/@ux/fonts/4.5.0/GDSherpa-vf4.woff2') format('woff2-variations');
  unicode-range: U+0-10FFFF;
  font-display: swap;}
#arm {
  width: 14px;
  height: 20px;
  transform-origin: bottom right;
  /*transform: rotate(40deg) translateX(8px);*/
  transform: rotate(80deg) translateX(17px) translateY(5px);
  #path {
    stroke-dasharray: 70;
    stroke-dashoffset: 70;
  }
}
.animate-arm {
  animation: set-arm .6s cubic-bezier(.1, .25, .3, 1) forwards .65s,
  open-arm .6s cubic-bezier(.1, .22, .3, 1) forwards 2.3s,
  lock-arm .45s cubic-bezier(.79,-.92,.24,1.5) forwards 2.7s;
}
.animate-path {
  animation: .65s fill-line cubic-bezier(.1, .25, .3, 1) forwards .6s;
}
#padlock {
  width: 24px;
  height: 42px;
  transform-origin: top right;
}
#gd-path {
  transform: translateY(-40%);
}
.stroke-dark {
  stroke: #fff;
}
.stroke-light {
  stroke: #000;
}
.fill-dark {
  fill: #fff;
}
.fill-light {
  fill: #000;
}
.animate-padlock {
  animation: open-pad .6s cubic-bezier(.1, .25, .3, 1) forwards 2.3s,
  lock-pad .45s cubic-bezier(.79,-.95,.24,1.5) forwards 2.7s;
}
.div-root {
  display: inline-block;
  cursor: pointer;
}
.div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 55px;
  opacity: 0;
  overflow: hidden;
  transform: translateY(6px) scaleY(.9);
}
.animate-seal-container {
  animation: fade-up 1.5s cubic-bezier(.1,3,.62,1) forwards .4s,
  float 1.5s ease-in forwards 1.5s,
  press-down .5s ease forwards 2.95s;
}
.div-container {
  display: flex;
  height: 63px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
}
.dark-container {
  border: 2px solid #fff;
  background-color: #000;
}
.light-container {
  border: 2px solid #bac0c3;
  background-color: #fff;
}
.gd-logo {
  height: 36px;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  display: inline-block;
}
.check-bubble-gradient {
  position: absolute;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  opacity: 0;
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 99%, rgba(255,255,255,1) 100%);
}
.animate-bubble {
  animation: bubble-out .7s cubic-bezier(.1, .25, .3, 1) forwards 3.05s;
}
.seal-box-wrapper {
  min-width: 100px;
  max-width: 205px;
  height: 65px;
  border-left: 2px solid #bac0c3;
}
.seal-box {
  min-width: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 7px 6px 0;
}
.seal-text-verified {
  font-size: 12px;
  font-family: 'gdsherpa', Helvetica, Arial, sans-serif;
}
.seal-text-date {
  margin-top: 4px;
  font-size: 12px;
  font-family: 'gdsherpa', Helvetica, Arial, sans-serif;
}
.text-dark {
  color: #fff;
}
.text-light {
  color: #000;
}
@keyframes fade-up {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes float {
  to {
    transform: translateY(-2px);
  }
}
@keyframes set-arm {
  to {
    transform: rotate(0) translateY(16px);
  }
}
@keyframes open-arm {
  to {
    transform: rotate(15deg) translateY(10px) translateX(2px);
  }
}
@keyframes lock-arm {
  to {
    transform: translateY(18px) rotate(0);
  }
}
@keyframes open-pad {
  to {
    transform: rotate(-7deg) translateY(-5px);
  }
}
@keyframes lock-pad {
  to {
    transform: translateY(-4px) rotate(0);
  }
}
@keyframes press-down {
  30% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bubble-out {
  from {
    transform: scale(.5);
    opacity: 1;
  }
  to {
    transform: scale(1.25);
    opacity: 0;
  }
}
@keyframes fill-line {
  from {
    stroke-dashoffset: 40;
  }
  to {
    stroke-dashoffset: 0;
  }
}