@font-face {
  font-family: "Aurora Script";
  src: url("https://static.tildacdn.com/tild6261-3234-4563-b534-353532636665/aurorascript.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


.t396__elem.aurora-script > .tn-atom {
  font-family: "Aurora Script", cursive !important;
  font-weight: 400 !important;

  background: linear-gradient(
    90deg,
    #000000 6.04%,
    #000000 60.41%,
    #ffffff 194.51%
  ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.text-stroke .tn-atom {
    
    -webkit-text-stroke: 1px #DDE2E6;
    paint-order: stroke fill;
}

.t396__elem.thin-border > .tn-atom {
  border: 0.2px solid #000 !important;
  box-sizing: border-box;
}
.t396__elem.card-thin-border > .tn-atom {
  border: 0.2px solid #000 !important;
  box-sizing: border-box;
}

.t396__elem.font-5 > .tn-atom {
  font-size: 5px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}


.t396__elem.font-6 > .tn-atom {
  font-size: 6px !important;
  line-height: 1.1 !important;
}
.t396__elem.font-3 > .tn-atom {
  font-size: 3px !important;
  line-height: 1.1 !important;
}

.t396__elem.text-card {
  width: 89px !important;
  height: 26px !important;
}

.t396__elem.text-card > .tn-atom {
  width: 89px !important;
  height: 26px !important;

  padding: 1px 3px !important;
  box-sizing: border-box !important;

  border: 0.5px solid #000000 !important;
  border-radius: 2px !important;

  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow: hidden !important;
}
</style>

.t396__elem.font-5 > .tn-atom {
  font-size: 5px !important;
  line-height: 1.2 !important;

  display: flex !important;
  width: 100% !important;
  height: 100% !important;

  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.t396__elem.font-5 {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.t396__elem.font-5 > .tn-atom {
  font-size: 5px !important;
  line-height: 1.2 !important;

  display: flex !important;
  width: 100% !important;
  height: 100% !important;

  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  box-sizing: border-box !important;
  white-space: nowrap !important;
}
</style>

.t396__elem.overflow,
.t396__elem.overflow > .tn-atom {
  overflow: hidden !important;
}

.t396__elem.overflow img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
 
}
</style>