body {
  background-image: radial-gradient(rgb(91, 89, 89) 10%, #090909 10%);
  background-position: 0 0;
  background-size: 10px 10px;
}


.content-text {
  text-orientation: upright;
  writing-mode: vertical-rl;
}


.animated-card {
  transform-style: preserve-3d;
  transform: rotateY(var(--rotateX)) rotateX(var(--rotateY));
  transition: transform 0.2s linear;
  width: 100%;
  padding-top: 100%
}


.animated-card::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateZ(-50px);
  background-size: cover;
  filter: brightness(0.6);
}

@layer base {
  .play-path {
    stroke-dasharray: 105;
  }
}


input[type="date"]::-webkit-calendar-picker-indicator {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: transparent;
  color: transparent;
  cursor: pointer;
  height: auto;
  position: absolute;
  width: auto;
}