:root {
  --red-950: #68100d;
  --red-850: #981b15;
  --red-700: #bd2c1d;
  --orange-600: #e25b24;
  --orange-400: #f2953d;
  --cream: #fff8ed;
  --paper: #fffdf8;
  --ink: #2b211d;
  --muted: #75675f;
  --line: rgba(126, 45, 25, 0.17);
  --shadow: 0 14px 38px rgba(83, 28, 15, 0.22);
  --top-module-width: clamp(260px, 32vw, 340px);
  --top-module-height: 92px;
  color-scheme: light;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; color: var(--ink); background: #efe7d9; }
button, input { font: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.app-shell { position: relative; width: 100%; height: 100%; min-height: 520px; overflow: hidden; }

.map-canvas,
.fallback-map { position: absolute; inset: 0; }
.map-canvas { z-index: 0; }
.fallback-map {
  z-index: 1;
  overflow: hidden;
  background:
    linear-gradient(30deg, rgba(226,91,36,.04) 12%, transparent 12.5%, transparent 87%, rgba(226,91,36,.04) 87.5%),
    linear-gradient(150deg, rgba(189,44,29,.04) 12%, transparent 12.5%, transparent 87%, rgba(189,44,29,.04) 87.5%),
    #eee6d8;
  background-size: 76px 132px;
}
.fallback-map.is-illustrated {
  background:
    linear-gradient(rgba(255,248,237,.22), rgba(255,248,237,.22)),
    url("./assets/handdrawn-map-transparent.png?v=4.6.5") center / min(90vw, 1000px) auto no-repeat,
    #eadfcf;
}
.fallback-markers { position: absolute; inset: 11% 8% 20%; }

.brand-banner {
  position: absolute;
  z-index: 22;
  top: 18px;
  left: 18px;
  width: var(--top-module-width);
  height: var(--top-module-height);
  filter: drop-shadow(0 8px 18px rgba(85,24,12,.24));
}
.brand-banner img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; }

.search-panel {
  position: absolute;
  z-index: 28;
  top: 49px;
  right: 18px;
  width: var(--top-module-width);
  height: 58px;
  padding: 0;
  border: 0;
  background: transparent;
}
.search-panel > label { display: none; }
.search-input-wrap { position: relative; }
.search-input-wrap input {
  width: 100%; height: 58px; padding: 0 50px 0 19px; border: 1px solid rgba(255,255,255,.94); border-radius: 999px; outline: none;
  color: var(--ink); background: rgba(255,253,249,.96); box-shadow: 0 7px 20px rgba(83,28,15,.2), inset 0 0 0 1px rgba(80,55,42,.08);
  font-size: 13px;
}
.search-input-wrap input:focus { box-shadow: 0 0 0 3px rgba(255,202,135,.35); }
.search-input-wrap span { position: absolute; top: 50%; right: 13px; transform: translateY(-52%); color: var(--red-700); font-size: 25px; line-height: 1; }
.search-results {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  width: 290px;
  max-height: min(58vh, 430px);
  padding: 8px;
  overflow-y: auto;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 8px;
  color: var(--ink);
  background: rgba(255,252,246,.98);
  box-shadow: var(--shadow);
}
.search-group-title { margin: 7px 8px 5px; color: var(--orange-600); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.search-result-button {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 10px;
  width: 100%;
  padding: 10px 11px;
  border: 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  background: transparent;
  text-align: left;
}
.search-result-button:last-child { border-bottom: 0; }
.search-result-button:hover,
.search-result-button:focus-visible { border-radius: 6px; outline: none; background: rgba(226,91,36,.09); }
.search-result-button strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.search-result-button small { grid-column: 1; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.search-result-button b { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--red-700); font-size: 18px; }
.search-empty { margin: 0; padding: 22px 12px; color: var(--muted); font-size: 12px; text-align: center; }

.quick-navigation {
  position: absolute;
  z-index: 27;
  top: 114px;
  right: 18px;
  display: grid;
  justify-items: end;
  gap: 5px;
  width: var(--top-module-width);
}
.quick-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 104px;
  height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 6px;
  color: #fff;
  background: rgba(160,37,28,.76);
  box-shadow: 0 8px 22px rgba(83,28,15,.2);
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.quick-toggle-arrow { font-size: 16px; line-height: 1; transition: transform 180ms ease; }
.quick-navigation.is-open .quick-toggle-arrow { transform: rotate(180deg); }
.quick-menu { display: grid; gap: 5px; width: 100%; }
.quick-window {
  min-width: 0;
  padding: 4px 6px;
  border: 1px solid rgba(255,255,255,.45);
  color: #fff;
  background: rgba(160,37,28,.62);
  box-shadow: 0 8px 22px rgba(83,28,15,.2);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.quick-window h2 { margin: 0 0 3px; color: #ffe3bd; font-size: 10px; letter-spacing: .08em; }
.quick-panel {
  position: static;
  width: auto;
  padding: 0;
}
.quick-option-list { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0 2px; margin: 0; padding: 0; list-style: none; }
.quick-option-button {
  width: 100%;
  min-height: 19px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid transparent;
  color: #fff;
  background: transparent;
  font-size: 11px;
  text-align: center;
}
.quick-option-button:hover,
.quick-option-button:focus-visible { border-bottom-color: #ffd6a0; outline: none; color: #fff4d4; }
.quick-option-button strong { font-size: inherit; font-weight: 500; white-space: nowrap; }

.map-controls {
  position: absolute;
  z-index: 25;
  left: 18px;
  bottom: 128px;
  display: flex;
  align-items: stretch;
  gap: 7px;
  filter: drop-shadow(0 7px 15px rgba(70,30,17,.2));
}
.zoom-controls,
.layer-controls { overflow: hidden; border: 1px solid rgba(120,53,29,.2); border-radius: 5px; background: rgba(255,252,246,.96); }
.zoom-controls { display: grid; grid-template-rows: 1fr 1fr; }
.zoom-controls button { width: 37px; height: 34px; border: 0; color: var(--red-850); background: transparent; font-size: 21px; }
.zoom-controls button + button { border-top: 1px solid var(--line); }
.layer-controls { display: flex; }
.mode-button {
  width: 48px;
  height: 68px;
  padding: 0 10px;
  border: 0;
  color: var(--muted);
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  writing-mode: vertical-rl;
  letter-spacing: .12em;
}
.mode-button.is-active { color: #fff; background: linear-gradient(180deg, var(--orange-600), var(--red-700)); }

.recommendations {
  position: absolute;
  z-index: 24;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 64px minmax(0,1fr) 34px;
  gap: 10px;
  height: 115px;
  padding: 10px 12px;
  overflow: hidden;
  border-top: 5px solid var(--red-700);
  border-radius: 0;
  background: rgba(104,16,13,.82);
  box-shadow: 0 -7px 24px rgba(80,26,15,.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.recommend-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 8px 1px 0;
  color: #fff;
  border-right: 1px solid rgba(255,255,255,.25);
}
.recommend-heading h2 {
  display: block;
  margin: 0;
  font-family: "STSong", "Songti SC", serif;
  font-size: 17px;
  line-height: 1;
  letter-spacing: .18em;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
  word-break: keep-all;
}
.recommend-track { display: flex; gap: 8px; min-width: 0; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.recommend-track::-webkit-scrollbar { display: none; }
.showcase-card {
  position: relative;
  flex: 0 0 154px;
  height: 90px;
  padding: 0;
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 5px;
  background: #4f130d;
  box-shadow: 0 5px 14px rgba(47,9,7,.22);
}
.showcase-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; }
.showcase-card span {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 18px 7px 6px;
  color: #fff;
  background: linear-gradient(transparent,rgba(57,10,7,.9));
  font-size: 10px;
  font-weight: 800;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.showcase-card:hover,
.showcase-card:focus-visible { outline: 2px solid #ffc67c; outline-offset: -2px; }
.showcase-card:hover img,
.showcase-card:focus-visible img { transform: scale(1.06); }

.showcase-dialog {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: grid;
  place-items: center;
  padding: max(52px,env(safe-area-inset-top)) 24px max(30px,env(safe-area-inset-bottom));
  color: #fff;
  background: rgba(26,7,5,.93);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.showcase-close {
  position: absolute;
  z-index: 1;
  top: max(14px,env(safe-area-inset-top));
  right: 18px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 50%;
  color: #fff;
  background: rgba(104,16,13,.68);
  font-size: 27px;
}
.showcase-figure { display: grid; gap: 14px; width: min(1120px,100%); max-height: 100%; margin: 0; }
.showcase-figure img { display: block; width: 100%; max-height: calc(100vh - 130px); object-fit: contain; }
.showcase-figure figcaption { font-size: 18px; font-weight: 900; text-align: center; }
.carousel-controls { display: grid; grid-template-rows: 1fr 1fr; gap: 5px; }
.icon-button {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--red-850);
  background: #fff;
  font-size: 19px;
}
.carousel-controls .icon-button { width: 32px; height: auto; min-height: 0; border-color: rgba(255,255,255,.5); border-radius: 4px; color: #fff; background: rgba(255,255,255,.14); }
.icon-button:hover { color: var(--orange-600); border-color: var(--orange-400); }

.map-status {
  position: absolute;
  z-index: 31;
  left: 50%;
  bottom: 130px;
  display: none;
  width: min(430px,calc(100% - 40px));
  padding: 11px 16px;
  transform: translateX(-50%);
  border: 1px solid rgba(226,91,36,.3);
  border-radius: 7px;
  background: rgba(255,248,237,.96);
  box-shadow: var(--shadow);
  text-align: center;
}
.map-status.is-visible { display: grid; gap: 3px; }
.map-status strong { color: var(--red-700); font-size: 13px; }
.map-status span { color: var(--muted); font-size: 11px; line-height: 1.5; }

.town-marker-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 0;
  border: 0;
  color: var(--ink);
  background: transparent;
  white-space: nowrap;
  transform-origin: bottom center;
}
.town-marker-button:hover,
.town-marker-button:focus-visible { z-index: 4; outline: none; }
.town-pin {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border: 3px solid #fff;
  border-radius: 50% 50% 50% 7px;
  background: linear-gradient(135deg, var(--orange-600), var(--red-700));
  box-shadow: 0 5px 14px rgba(113,25,14,.4);
  transform: rotate(-45deg);
  animation: town-pin-bounce 2.4s ease-in-out infinite;
  animation-delay: 0s;
  animation-play-state: running;
}
.town-pin::after { width: 7px; height: 7px; border-radius: 50%; background: #fff; content: ""; }
.town-label {
  padding: 4px 8px;
  border: 2px solid rgba(189,44,29,.62);
  border-radius: 4px;
  color: var(--red-950);
  background: rgba(255,251,244,.95);
  box-shadow: 0 4px 11px rgba(70,30,20,.17);
  font-size: 14px;
  font-weight: 900;
}
.town-marker-button:hover .town-label,
.town-marker-button:focus-visible .town-label { border-color: var(--red-700); box-shadow: 0 5px 14px rgba(70,30,20,.25); }
.town-marker-button.is-selected .town-pin { background: var(--red-950); }
.town-marker-button.is-selected .town-label { color: #fff; background: var(--red-700); }
.fallback-town { position: absolute; transform: translate(-50%,-100%); }

@keyframes town-pin-bounce {
  0%, 32%, 52%, 100% { transform: translateY(0) rotate(-45deg); }
  18% { transform: translateY(-6px) rotate(-45deg); }
  42% { transform: translateY(-3px) rotate(-45deg); }
}

.drawer-backdrop { position: fixed; z-index: 48; inset: 0; background: rgba(54,24,15,.36); }
.content-drawer {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  width: min(540px,100%);
  height: 100%;
  padding: 22px 28px calc(28px + env(safe-area-inset-bottom));
  overflow-y: auto;
  transform: translateX(105%);
  border-left: 5px solid var(--orange-600);
  background: #fffaf2;
  box-shadow: -24px 0 70px rgba(67,29,17,.27);
  transition: transform 240ms ease;
}
.content-drawer.is-open { transform: translateX(0); }
.drawer-handle { display: none; }
.drawer-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 40px; margin-bottom: 10px; }
.back-button { padding: 8px 0; border: 0; color: var(--red-700); background: transparent; font-size: 13px; font-weight: 800; }
.back-button:hover { color: var(--red-950); }
.drawer-body { padding-bottom: 20px; }
.list-kicker,
.detail-kicker { margin: 0 0 7px; color: var(--orange-600); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.region-list-heading h2,
.detail-heading h2 { margin: 0; font-family: "STSong", "Songti SC", serif; font-size: 29px; line-height: 1.35; }
.region-list-heading > p:last-child { margin: 9px 0 18px; color: var(--muted); font-size: 13px; }
.asset-name-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.asset-list-button {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #fff;
  text-align: left;
}
.asset-list-button:hover,
.asset-list-button:focus-visible { border-color: rgba(226,91,36,.5); outline: none; background: rgba(242,149,61,.08); }
.asset-index { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff; background: linear-gradient(135deg,var(--orange-600),var(--red-700)); font-family: Georgia,serif; font-size: 12px; }
.asset-list-copy { min-width: 0; }
.asset-list-copy strong { display: block; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.asset-list-copy small { display: block; margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.asset-list-arrow { color: var(--orange-600); font-size: 17px; }
.empty-list { padding: 26px; border: 1px dashed var(--line); border-radius: 8px; color: var(--muted); text-align: center; }

.detail-hero { position: relative; height: 238px; margin-bottom: 20px; overflow: hidden; border-radius: 9px; background: #eee1d2; }
.detail-hero img { width: 100%; height: 100%; object-fit: cover; }
.detail-hero-badge { position: absolute; right: 12px; bottom: 12px; padding: 6px 10px; border-radius: 999px; color: #fff; background: rgba(104,16,13,.9); font-size: 10px; font-weight: 800; }
.detail-hero-nav {
  position: absolute;
  top: 50%;
  display: grid;
  place-items: center;
  width: 34px;
  height: 42px;
  padding: 0;
  transform: translateY(-50%);
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 5px;
  color: #fff;
  background: rgba(104,16,13,.72);
  font-size: 22px;
}
.detail-hero-prev { left: 10px; }
.detail-hero-next { right: 10px; }
.detail-heading { padding-bottom: 17px; border-bottom: 1px solid var(--line); }
.detail-heading h2 { font-size: 27px; }
.detail-location { margin: 8px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.detail-location-note { margin: 5px 0 0; color: var(--red-700); font-size: 11px; line-height: 1.55; }
.detail-actions { display: grid; grid-template-columns: 1.15fr 1fr; gap: 9px; margin-top: 14px; }
.detail-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 43px;
  padding: 0 13px;
  border: 1px solid var(--red-700);
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg,var(--red-700),var(--orange-600));
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.detail-action.secondary { color: var(--red-700); background: #fff; }
.detail-action:disabled { cursor: not-allowed; opacity: .45; }
.action-notice { margin: 8px 0 0; padding: 8px 10px; border-radius: 5px; color: var(--red-850); background: rgba(242,149,61,.14); font-size: 11px; line-height: 1.55; }
.detail-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 15px 0 0; }
.detail-fact { padding: 11px 12px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.detail-fact dt,
.detail-section h3 { margin: 0 0 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.detail-fact dd,
.detail-section p { margin: 0; font-size: 13px; line-height: 1.75; }
.detail-section { margin-top: 9px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.detail-section h3 { color: var(--orange-600); font-size: 12px; }
.detail-section.contact { border-color: rgba(226,91,36,.28); background: rgba(242,149,61,.08); }
.detail-phone-link { color: var(--red-700); font-weight: 800; text-decoration: none; }

.amap-logo,
.amap-copyright { z-index: 10 !important; }

@media (max-height: 700px) and (min-width: 821px) {
  .recommendations { height: 108px; }
  .showcase-card { height: 83px; }
  .map-controls { bottom: 121px; }
  .map-status { bottom: 123px; }
}

@media (max-width: 820px) {
  .app-shell { --top-module-width: calc((100vw - 27px) / 2); --top-module-height: 58px; min-height: 480px; }
  .brand-banner { top: calc(9px + env(safe-area-inset-top)); left: 9px; width: var(--top-module-width); height: var(--top-module-height); }
  .search-panel {
    top: calc(30px + env(safe-area-inset-top));
    right: 9px;
    left: auto;
    width: var(--top-module-width);
    height: 32px;
    padding: 0;
  }
  .search-panel > label { display: none; }
  .search-input-wrap { width: 100%; }
  .search-input-wrap input { height: 32px; padding: 0 35px 0 12px; font-size: 10px; }
  .search-input-wrap span { right: 10px; font-size: 19px; }
  .search-results { top: calc(100% + 5px); right: 0; left: 0; width: auto; max-height: 45vh; }
  .quick-navigation {
    top: calc(75px + env(safe-area-inset-top));
    right: 9px;
    width: var(--top-module-width);
    gap: 3px;
  }
  .quick-toggle { min-width: 82px; height: 28px; padding: 0 9px; font-size: 10px; }
  .quick-menu { gap: 3px; }
  .quick-window { padding: 2px 3px; background: rgba(165,54,42,.52); }
  .quick-window h2 { margin-bottom: 2px; font-size: 8px; }
  .quick-panel { position: static; width: auto; }
  .quick-option-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding: 0; }
  .quick-option-button { width: 100%; min-height: 17px; padding: 0; font-size: 8.5px; line-height: 1; }
  .quick-option-button strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .map-controls { left: 9px; bottom: calc(113px + env(safe-area-inset-bottom)); gap: 5px; }
  .zoom-controls button { width: 33px; height: 31px; }
  .mode-button { width: 39px; height: 62px; padding: 0 7px; font-size: 9px; }
  .recommendations {
    right: 0;
    bottom: env(safe-area-inset-bottom);
    left: 0;
    grid-template-columns: 42px minmax(0,1fr) 28px;
    gap: 6px;
    height: 104px;
    padding: 7px 8px;
    border-top-width: 4px;
  }
  .recommend-heading { padding: 1px 5px 1px 0; }
  .recommend-heading h2 { font-size: 13px; letter-spacing: .13em; }
  .showcase-card { flex-basis: min(126px,36vw); height: 82px; }
  .carousel-controls { gap: 4px; }
  .carousel-controls .icon-button { width: 27px; font-size: 15px; }
  .map-status { bottom: calc(116px + env(safe-area-inset-bottom)); }
  .fallback-markers { inset: 18% 4% 22%; }
  .town-pin { width: 24px; height: 24px; border-width: 2px; }
  .town-pin::after { width: 6px; height: 6px; }
  .town-label { padding: 3px 6px; border-width: 2px; font-size: 11px; }
  .content-drawer {
    top: auto;
    bottom: 0;
    width: 100%;
    height: min(84vh,730px);
    padding: 10px 18px calc(22px + env(safe-area-inset-bottom));
    transform: translateY(105%);
    border-top: 5px solid var(--orange-600);
    border-left: 0;
    border-radius: 17px 17px 0 0;
    box-shadow: 0 -22px 70px rgba(67,29,17,.27);
  }
  .content-drawer.is-open { transform: translateY(0); }
  .drawer-handle { display: block; width: 42px; height: 4px; margin: 0 auto 7px; border-radius: 999px; background: #d1bfb0; }
  .drawer-header { margin-bottom: 4px; }
  .region-list-heading h2 { font-size: 24px; }
  .detail-hero { height: 190px; }
  .detail-actions { position: sticky; z-index: 2; bottom: -12px; padding: 8px 0 4px; background: linear-gradient(transparent,#fffaf2 24%); }
}

@media (max-width: 420px) {
  .detail-facts { grid-template-columns: 1fr; }
  .detail-actions { grid-template-columns: 1fr 1fr; }
  .detail-action { padding: 0 8px; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}