@charset "utf-8";
/* CSS Document */

.howtoenter-ac {
  display: block;
}

.howtoenter-toggle {
  display: none;
}

.howtoenter-ac .howtoenter-head {
  cursor: pointer;
}

.howtoenter-ac .howtoenter-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  padding: 0;
  transition: grid-template-rows 0.35s ease;
  min-height: 0;
}

.howtoenter-toggle:checked + .accordion_btn + .howtoenter-content {
  grid-template-rows: 1fr;
}

.howtoenter-ac .howtoenter-inner {
  padding: 0;
  overflow: hidden;
}
.howtoenter-ac .howtoenter-body {
  padding: 3rem 2rem;
  min-height: 0;
  font-size: var(--font-size-sm);
  line-height: 1.8;
  letter-spacing: normal;
}

.howtoenter-ac .accordion_btn {
  position: relative;
  padding-right: 40px;
}

.howtoenter-ac .accordion_btn::after {
  --v-size: clamp(12px, 1.45vw, 16px);
  --v-line: clamp(4px, 0.55vw, 6px);

  content: "";
  position: absolute;
  top: 24%;
  right: 18px;
  width: var(--v-size);
  height: var(--v-size);
  border-right: var(--v-line) solid #fff;
  border-bottom: var(--v-line) solid #fff;
  transform: rotate(45deg);
  transition: transform 0.3s ease, top 0.3s ease;
  pointer-events: none;
}

.howtoenter-toggle:checked + .accordion_btn::after {
  top: 40%;
  transform: rotate(-135deg);
}

@media screen and (max-width: 750px) and (min-width: 541px) {
  .howtoenter-ac .accordion_btn::after {
    top: 18%;
  }

  .howtoenter-toggle:checked + .accordion_btn::after {
    top: 33%;
  }
}