html[data-perf-ui] {
  scroll-behavior: smooth;
}

html[data-perf-ui] [id] {
  scroll-margin-top: 84px;
}

@media (max-width: 766px) {
  html[data-perf-ui] #type__box {
    scroll-margin-top: 50px;
  }
}

html[data-perf-ui] .js-acd-clip {
  min-height: 0;
}

html[data-perf-ui] .qaAcd dd.js-acd[data-clipped="1"],
html[data-perf-ui] .planList__contents.js-acd[data-clipped="1"] {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  padding-bottom: 0;
  transition: grid-template-rows 0.2s ease, padding-bottom 0.2s ease;
}

html[data-perf-ui] .qaAcd dd.js-acd .js-acd-clip,
html[data-perf-ui] .planList__contents.js-acd .js-acd-clip {
  overflow: hidden;
}

html[data-perf-ui] .qaAcd dd.js-acd.is-open {
  grid-template-rows: 1fr;
  padding-bottom: 30px;
}

html[data-perf-ui] .planList__contents.js-acd.is-open {
  grid-template-rows: 1fr;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  html[data-perf-ui] .qaAcd dd.js-acd.is-open {
    padding-bottom: 24px;
  }

  html[data-perf-ui] .planList__contents.js-acd.is-open {
    padding-bottom: 26px;
  }
}

@media (max-width: 1329px) {
  html[data-perf-ui] .nav.js-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }

  html[data-perf-ui] .nav.js-menu.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  html[data-perf-ui] .nav__overlay.js-navAcd[data-clipped="1"] {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.2s ease;
  }

  html[data-perf-ui] .nav__overlay.js-navAcd .js-acd-clip {
    overflow: hidden;
  }

  html[data-perf-ui] .nav__overlay.js-navAcd.is-open {
    grid-template-rows: 1fr;
  }
}

html[data-perf-ui] .modal.is-open {
  display: block;
  animation: perfModalIn 0.2s ease;
}

@keyframes perfModalIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

html[data-perf-ui] .video__slide:not(.slick-initialized),
html[data-perf-ui] .voice__slide:not(.slick-initialized),
html[data-perf-ui] .column__slide:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

html[data-perf-ui] .video__slide:not(.slick-initialized) > li {
  flex: 0 0 70%;
}

html[data-perf-ui] .voice__slide:not(.slick-initialized) > li {
  flex: 0 0 33.33%;
}

html[data-perf-ui] .column__slide:not(.slick-initialized) > li {
  flex: 0 0 280px;
}

@media (max-width: 767px) {
  html[data-perf-ui] .voice__slide:not(.slick-initialized) > li,
  html[data-perf-ui] .column__slide:not(.slick-initialized) > li {
    flex: 0 0 78%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-perf-ui] {
    scroll-behavior: auto;
  }
}