/* src/stylesheets/theme.css */
.theme--light {
  --theme-bg-color: white;
  --theme-odd-color: #ebebf7 ;
  --theme-odd-color-hs: 240, 43%;
  --theme-odd-color-l: 95%;
  --theme-bg-search: #F4F4FF;
  --theme-bg-search-2: #dedede;
  --theme-border-color: #999;
  --theme-shadow-color: #ccc;
  --theme-text-color: #333;
  --theme-moveset-text-color: #666;
  --theme-alt-color: #ebebf7 ;
  --theme-link-color: #094ABA;
  --theme-link-color-hs: 218, 91%;
  --theme-link-color-l: 38%;
  --theme-cell-hover-border: #c2c2e0 ;
  --theme-cell-hover-background: linear-gradient(#e4e4f1, #c9c9e3) ;
  --theme-sidebar-color: #6363b0;
  --theme-sidebar-color-hs: 240, 33%;
  --theme-sidebar-color-l: 54%;
  --theme-sidebar-shadow: #434384 ;
  --theme-highlight-color: #f3f300;
  --theme-callout-bg: linear-gradient(to bottom right, #ebebf7, #f6f6fb);
  --theme-callout-border: #d2d2ec;
}
.theme--dark {
  --theme-bg-color: rgb(34, 34, 34);
  --theme-odd-color: rgb(29, 29, 29);
  --theme-odd-color-hs: 0, 0%;
  --theme-odd-color-l: 11%;
  --theme-bg-search: rgb(40, 40, 40);
  --theme-bg-search-2: rgb(34, 34, 34);
  --theme-border-color: #424242;
  --theme-shadow-color: #111;
  --theme-text-color: #ccc;
  --theme-moveset-text-color: #ccc;
  --theme-alt-color: rgb(40, 40, 40);
  --theme-link-color: #5098d6;
  --theme-link-color-hs: 208, 62%;
  --theme-link-color-l: 58%;
  --theme-cell-hover-border: 212121;
  --theme-cell-hover-background: linear-gradient(#404040, #292929);
  --theme-sidebar-color: #56579f;
  --theme-sidebar-color-hs: 239, 30%;
  --theme-sidebar-color-l: 48%;
  --theme-sidebar-shadow: #111;
  --theme-highlight-color: #494949;
  --theme-callout-bg: rgb(29, 29, 29);
  --theme-callout-border: #424242;
}

/* src/stylesheets/ad.css */
@media (min-width: 769px) {
  #PokemonPage-HeaderGrouper.instream {
    display: flex;
    justify-content: space-between;
  }
}
.adholder {
  height: 100px;
  display: flex;
  align-items: center;
}
.adholder-instream {
}

/* src/stylesheets/basics.css */
:root {
  --max-move-len: 21;
  --max-move-width: calc(var(--max-move-len) * 1em / 2 + 1em);
  --max-item-len: 17;
  --max-item-width: calc(var(--max-item-len) * 1em / 2 + 1em + 1em);
  --item-sprite-width: 27px;
  --max-ability-len: 13;
  --max-ability-width: calc(var(--max-ability-len) * 1em / 2 + 1em + 0.7em);
  --max-pokemon-len: 18;
  --pokemon-sprite-width: 40px;
  --max-type-len: 8;
  --dex-item-height: 2em;
  --type-width: calc(var(--max-type-len) * 1em / 2 + 1em) ;
}
html,
body {
  width: 100%;
  min-height: 100vh;
  font: 16px Verdana;
  color: var(--theme-text-color);
  background-color: var(--theme-bg-color);
}
a {
  color: var(--theme-link-color);
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
#topbar {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  text-align: center;
  background-color: hsl(var(--theme-sidebar-color-hs), calc(var(--theme-sidebar-color-l) + 15%));
  border-bottom: 2px solid hsl(var(--theme-sidebar-color-hs), calc(var(--theme-sidebar-color-l) - 15%));
  border-left: 2px solid hsl(var(--theme-sidebar-color-hs), calc(var(--theme-sidebar-color-l) - 15%));
  border-radius: 0 0 0 8px;
  padding: 5px;
}
#topbar #Dex-SearchBox {
  box-sizing: border-box;
  border-radius: 4px;
  color: black;
  padding: 1px 2px;
  width: 300px;
}
#header {
  background-image: linear-gradient(to right bottom, var(--theme-sidebar-color), hsl(var(--theme-sidebar-color-hs), calc(var(--theme-sidebar-color-l) + 15%)));
  border-right: 2px solid hsl(var(--theme-sidebar-color-hs), calc(var(--theme-sidebar-color-l) - 15%));
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 1em;
  color: white;
  width: 89px;
  display: none;
}
#header #logo {
  width: 89px;
  height: 100px;
  position: fixed;
}
#loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding-bottom: 17%;
}
#loading .spinner {
  border-radius: 4px;
  padding: 1em 3em;
  background: #333;
  color: white;
}
#loading .spinner-img {
  text-align: center;
}
#loading .spinner-text {
  padding-top: 3px;
  text-align: center;
}
#loading .spinner img {
  width: 32px;
  height: 32px;
}
#loading.visible {
  display: flex;
}
.DexBody {
}
.DexContent {
  box-sizing: border-box;
  background: var(--theme-bg-color);
  margin: 1em;
}
body {
  margin: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
details,
summary,
main {
  display: block;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* src/stylesheets/cap.css */
.Cap-CapBanner {
  font-size: 0.875em;
  margin: 1em 0;
}

/* src/stylesheets/error-page.css */
.Error-ErrorPage {
  display: flex;
  height: 95vh;
}
.Error-ErrorPage iframe,
pre {
  flex: 1;
  background-color: transparent;
  border: 0px none transparent;
  padding: 0px;
  overflow: hidden;
}

/* src/stylesheets/frame.css */
.Frame-CoreEdit {
  margin-top: 1em;
  font-size: 0.85em;
}

/* src/stylesheets/gens.css */
.Gen:before {
  vertical-align: middle;
  display: inline-block;
  content: " ";
  width: 16px;
  height: 16px;
  margin-right: 3px;
  border: 1px solid black;
  border-radius: 8px;
}
.Gen-rb:before {
  background: linear-gradient(to right, red, blue);
}
.Gen-gs:before {
  background: linear-gradient(to right, yellow, silver);
}
.Gen-rs:before {
  background: linear-gradient(to right, darkred, royalblue);
}
.Gen-dp:before {
  background: linear-gradient(to right, oldlace, mistyrose);
}
.Gen-bw:before {
  background: linear-gradient(to right, black, white);
}
.Gen-xy:before {
  background: linear-gradient(to right, olivedrab, orangered);
}
.OtherGensList {
  margin-top: 1em;
}
.OtherGensList > ul {
  display: inline-block;
}

/* src/stylesheets/header.css */
:root {
  --dex-nav-ribbon-length: 6px;
  --dex-nav-width: 100px;
  --dex-ribbon-color: #FBC47A;
  --dex-ribbon-text-color: white;
  --dex-ribbon-bg: linear-gradient(to bottom, var(--dex-ribbon-color), #ed8a07 );
  --dex-ribbon-edge-color: #bc6d06 ;
}
@keyframes pokeballshake {
  0% {
    transform: rotate(0deg);
  }
  7% {
    transform: rotate(20deg);
  }
  21% {
    transform: rotate(-20deg);
  }
  35% {
    transform: rotate(10deg);
  }
  49% {
    transform: rotate(-10deg);
  }
  63% {
    transform: rotate(5deg);
  }
  77% {
    transform: rotate(0deg);
  }
}
@keyframes battle {
  0% {
    transform: rotate(0deg) scale(1);
  }
  10% {
    transform: rotate(5deg) scale(1.2);
  }
  20% {
    transform: rotate(-2deg) scale(1.05);
  }
  35% {
    transform: rotate(4deg) scale(.95);
  }
  50% {
    transform: rotate(-5deg) scale(1.1);
  }
  70% {
    transform: rotate(5deg) scale(.9);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
@keyframes rotate-y {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes rotate-z {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  12% {
    transform: translateY(-12px);
  }
  24% {
    transform: translateY(0px);
  }
  38% {
    transform: translateY(-9px);
  }
  52% {
    transform: translateY(0px);
  }
}
.DexNavButton {
  display: block;
}
.DexNavButton-img {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
}
.DexNav-search .DexNavButton-img {
  background-image: url(./search-S6HE5IYO.png);
}
.DexNav-pokemon .DexNavButton-img {
  background-image: url(./pkball-B7UQPCV2.png);
}
.DexNav-moves .DexNavButton-img {
  background-image: url(./moves-QW7ZA6IF.png);
}
.DexNav-abilities .DexNavButton-img {
  background-image: url(./abilities-QC7ZB7M4.png);
}
.DexNav-items .DexNavButton-img {
  background-image: url(./items-KVPZSUCG.png);
}
.DexNav-types .DexNavButton-img {
  background-image: url(./types-KMVEE2SJ.png);
}
.DexNav-formats .DexNavButton-img {
  background-image: url(./formats-I6M5NXCP.png);
}
.DexNav-teams .DexNavButton-img {
  background-image: url(./teams-FEG6KD5A.png);
}
.DexNav-search:hover .DexNavButton-img {
  transition: .5s;
  transform: scale(1.25);
}
.DexNav-pokemon:hover .DexNavButton-img {
  animation: pokeballshake 1s linear infinite;
}
.DexNav-moves:hover .DexNavButton-img {
  animation: battle 1s linear infinite;
}
.DexNav-abilities:hover .DexNavButton-img,
.DexNav-gens:hover .DexNavButton-img {
  animation: bounce 1s linear infinite;
}
.DexNav-items:hover .DexNavButton-img,
.DexNav-tags:hover .DexNavButton-img,
.DexNav-help:hover .DexNavButton-img {
  animation: rotate-y 1.5s linear infinite;
}
.DexNav-types:hover .DexNavButton-img,
.DexNav-teams:hover .DexNavButton-img {
  animation: rotate-z 10s linear infinite;
}
header {
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 10;
  background: var(--theme-sidebar-color);
  display: flex;
}
header .DexNav {
  order: 2;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 13px;
  font-variant: small-caps;
}
header .DexNav ul a {
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: center;
  opacity: .75;
  line-height: 13px;
}
header .DexSearch {
  flex: 1;
}
@media (max-width: 767px) {
  header {
    flex-direction: column;
    transform: translateY(-100%) translateY(60px);
    transition: transform 0.25s;
    height: 100%;
    width: 100%;
    box-shadow: 0 0 7px 1px var(--theme-sidebar-shadow);
  }
  header .DexNav {
    display: flex;
    padding: 4px;
    height: 60px;
    border-bottom: 1px solid var(--theme-sidebar-shadow);
  }
  header.expanded {
    transform: none;
  }
  header .DexNav .light-dark-toggle {
    display: none;
  }
  header .DexNav ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 1;
  }
  header .DexNav-currentGen {
    display: none;
  }
  .DexNav-logo a {
    width: 46.21px;
    height: calc(60px - 8px);
  }
  .DexContent {
    margin-top: calc(1em + 60px);
  }
  .DexNavButton-content {
    display: none;
  }
  .DexNavButton-img {
    width: 30px;
    height: 30px;
  }
  .DexSearch {
    min-height: 0;
  }
}
header .DexNav .DexNav-logo a {
  background: url(./zracknel-beta-C54MC4RN.svg);
  background-size: 100%;
  display: block;
}
@media (min-width: 768px) {
  header {
    top: 0;
    left: 0;
    height: 100%;
    max-width: inherit;
    width: 100%;
    transform: translateX(-100%) translateX(100px);
    transition: transform 0.25s;
    box-shadow: 0 0 7px 1px var(--theme-sidebar-shadow);
  }
  header.expanded {
    transform: none;
  }
  header .DexNav {
    width: var(--dex-nav-width);
    border-right: 1px solid hsl(var(--theme-sidebar-color-hs), calc(var(--theme-sidebar-color-l) - 15%));
    border-left: 1px solid hsl(var(--theme-sidebar-color-hs), calc(var(--theme-sidebar-color-l) - 15%));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  header .DexNav .light-dark-toggle {
    margin-top: auto;
    margin-bottom: 25px;
  }
  header .DexNav .DexNav-logo {
    padding-top: 16px;
    text-align: center;
  }
  header .DexNav .DexNav-logo a {
    width: 80px;
    height: 90px;
  }
  header .DexNav ul li {
    padding: 8px 0;
  }
  header .DexNav-currentGen {
    align-self: baseline;
    box-sizing: border-box;
    position: relative;
    background: var(--dex-ribbon-bg);
    padding: 8px calc(var(--dex-nav-ribbon-length) + 1px + 1px) 8px 0px;
    width: calc(100% + var(--dex-nav-ribbon-length) * 2 + 1px + 1px);
    margin: 12px 0;
    left: -1px;
    box-shadow: 0px 2px 4px 0px #333;
  }
  header .DexNav-currentGen:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    bottom: 100%;
    border-width: calc(var(--dex-nav-ribbon-length) / 2) var(--dex-nav-ribbon-length);
    border-style: solid;
    border-color: transparent transparent var(--dex-ribbon-edge-color) var(--dex-ribbon-edge-color);
  }
  header .DexNav-currentGen > div {
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
    color: var(--dex-ribbon-text-color);
    text-shadow: 1px 1px 1px #333;
  }
  .DexBody {
    max-width: calc(900px + 100px);
  }
  .DexContent {
    margin-left: calc(1em + 100px + 6px + 0.5em);
  }
  .DexNavButton-img {
    width: 50px;
    height: 50px;
  }
}
@media (max-height: 750px) {
  .DexNavButton-img {
    width: 30px;
    height: 30px;
  }
}
.DexSearch {
  display: flex;
  flex-direction: column;
}
.DexSearch-input {
  padding: 0.75em 1em;
  background: linear-gradient(to bottom, var(--theme-bg-search), var(--theme-bg-search-2));
  border-bottom: 1px solid #999;
}
.DexSearch-input input {
  width: 100%;
  padding: 4px 8px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: var(--theme-bg-color);
  border: 1px solid var(--theme-shadow-color);
}
.DexSearch-results {
  background: var(--theme-bg-search);
  padding: 0 1em 25px 1em;
  flex: 1;
  overflow-y: scroll;
}
.light-dark-toggle {
  width: 35px;
  height: 10px;
  min-height: 10px;
  box-shadow: 1px 1px 3px inset #333;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: none;
  outline: none;
  cursor: pointer;
  align-self: center;
  position: relative;
}
.light-dark-toggle::-moz-focus-inner {
  border: 0;
}
.light-dark-toggle .indicator {
  position: absolute;
  display: inline-block;
  transition-duration: 0.2s;
  transition-property: left, opacity;
  transition-timing-function: ease;
}
.light-dark-toggle .indicator.light {
  top: -11px;
}
.light-dark-toggle .indicator.dark {
  top: -12px;
}
.theme--light .light-dark-toggle .indicator {
  left: -8px;
}
.theme--light .light-dark-toggle .indicator.light {
  opacity: 1;
}
.theme--light .light-dark-toggle .indicator.dark {
  opacity: 0;
}
.theme--dark .light-dark-toggle .indicator {
  left: 24px;
}
.theme--dark .light-dark-toggle .indicator.light {
  opacity: 0;
}
.theme--dark .light-dark-toggle .indicator.dark {
  opacity: 1;
}

/* src/stylesheets/item.css */
.ItemSprite {
  display: inline-block;
  vertical-align: middle;
}
.ItemSprite.is-normalized-width {
  text-align: center;
  width: var(--pokemon-sprite-width);
}
.ItemSprite span {
  display: inline-block;
}

/* src/stylesheets/lang-switcher.css */
.FlagSprite {
  display: inline-block;
}
.FlagSprite span {
  display: inline-block;
}
.sprite-flags-cn,
.sprite-flags-de,
.sprite-flags-en,
.sprite-flags-es,
.sprite-flags-fr,
.sprite-flags-it,
.sprite-flags-pt,
.sprite-flags-ru,
.sprite-flags-tc {
  width: 16px;
  height: 11px;
  background-repeat: no-repeat;
}
.sprite-flags-en {
  background-image: url(./en-K56XIIRD.png);
}
.sprite-flags-de {
  background-image: url(./de-QCIWPXY6.png);
}
.sprite-flags-cn {
  background-image: url(./cn-W3NJXQNR.png);
}
.sprite-flags-es {
  background-image: url(./es-BG3EH6QE.png);
}
.sprite-flags-fr {
  background-image: url(./fr-UYVUBAE6.png);
}
.sprite-flags-it {
  background-image: url(./it-4ND366TY.png);
}
.sprite-flags-pt {
  background-image: url(./pt-UPG25L6J.png);
}
.sprite-flags-ru {
  background-image: url(./ru-EB7HE3UY.png);
}
.sprite-flags-tc {
  background-image: url(./tc-4EDMYDJS.png);
}
.LangSwitcher:before {
  content: "(";
}
.LangSwitcher:after {
  content: ")";
}
.LangSwitcher > ul {
  display: inline-block;
}
@media (min-width: 768px) {
  .LangSwitcher-HeaderContainer {
    display: flex;
  }
  .LangSwitcher-HeaderContainer .LangSwitcher {
    margin-left: 1.5em;
    align-self: center;
  }
}
@media (max-width: 767px) {
  .LangSwitcher-HeaderContainer .LangSwitcher {
    margin-top: -1.25em;
    margin-bottom: 1.25em;
  }
}

/* src/stylesheets/loading.css */
.Loading-Loading {
  height: 1em;
  vertical-align: middle;
}

/* src/stylesheets/movesets.css */
.MovesetInfo {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.MovesetInfo th {
  width: 56px;
  white-space: nowrap;
}
.MovesetInfo-moves {
  margin: 0.5em 0;
  display: flex;
  align-items: center;
  min-width: 200px;
  flex: 1 0 200px;
}
.MovesetInfo-moves table th {
}
.MovesetInfo-moves table tr th {
  vertical-align: middle;
  padding-top: calc(0.1em * 1.15);
  padding-bottom: calc(0.1em * 1.15);
}
.MovesetInfo-moves table tr td {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
.MovesetInfo-misc {
  display: flex;
  align-items: center;
  min-width: 200px;
  flex: 1 0 200px;
  margin: 0.5em 0;
}
.MovesetInfo-misc table tr td,
.MovesetInfo-misc table tr th {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
.MovesetInfo-misc .TypeList {
  font-size: 0.75em;
}
.ExportButton {
  float: right;
}
.BlockMovesetInfo th {
  color: var(--theme-moveset-text-color);
}
.BlockMovesetInfo textarea {
  width: 100%;
  background: inherit;
}
ul.MovesetCompact {
  display: flex;
  flex-wrap: wrap;
}
ul.MovesetCompact > li {
  width: calc(300px - 3px * 2 - 3px * 2 - 2px * 2);
  padding: 3px;
  margin: 3px;
  display: inline-block;
  font-size: 0.8em;
  border: 1px solid black;
  border-radius: 4px;
}
ul.MovesetCompact > li .ItemsList {
  display: inline-block;
}
ul.MovesetCompact > li .MoveSlots {
  padding-left: 0;
}
ul.MovesetCompact > li .MoveSlots li {
  list-style: none;
}
ul.MovesetCompact > li .MoveSlots .MoveList {
  display: inline-block;
}

/* src/stylesheets/moves.css */
:root {
  --physical-bg-color: #D25640;
  --special-bg-color: #5274ae;
  --non-damaging-bg-color: #ada594;
  --physical-border-color: #73241f;
  --special-border-color: #4a3932;
  --non-damaging-border-color: #525252;
  --physical-gradient: linear-gradient(#dc7b69, #D25640);
  --special-gradient: linear-gradient(#7590be, #5274ae);
  --non-damaging-gradient: linear-gradient(#c3bdb1, #ada594);
}
.damage-category-block {
  background-size: 90% 90%, 100% 100%;
  background-position: center center;
  background-repeat: no-repeat, no-repeat;
}
.damage-category-block.Physical {
  background-image: url(./physical-PAPO35SG.svg), var(--physical-gradient);
  border: 1px solid var(--physical-border-color);
}
.damage-category-block.Special {
  background-image: url(./special-JLCKXGK7.svg), var(--special-gradient);
  border: 1px solid var(--special-border-color);
}
.damage-category-block.Non-Damaging {
  background-image: url(./non-damaging-Q5JV4EUI.svg), var(--non-damaging-gradient);
  border: 1px solid var(--non-damaging-border-color);
}
.damage-category {
  display: inline-block;
}
.damage-category:before {
  display: inline-block;
  border-radius: 4px;
  width: 20px;
  vertical-align: middle;
  padding: 2px 4px;
  margin-right: 3px;
  font-size: 0;
}
.damage-category.Physical:before {
  background: var(--physical-gradient);
  border: 1px solid var(--non-damaging-border-color);
  content: url(./physical-PAPO35SG.svg);
}
.damage-category.Special:before {
  background: var(--special-gradient);
  border: 1px solid var(--non-damaging-border-color);
  content: url(./special-JLCKXGK7.svg);
}
.damage-category.Non-Damaging:before {
  background: var(--non-damaging-gradient);
  border: 1px solid var(--non-damaging-border-color);
  content: url(./non-damaging-Q5JV4EUI.svg);
}
.BlockMoveInfo .MoveInfo .Type {
  font-size: 0.75em;
}
.BlockMoveInfo .MoveInfo th {
  color: #666;
}

/* src/stylesheets/pokemon-page.css */
.PokemonPage-StrategySelector {
  border: 1px solid var(--theme-callout-border);
  background: var(--theme-callout-bg);
  box-shadow: 1px 1px 1px var(--theme-shadow-color);
  border-radius: 8px;
  padding: 0.5em 1em;
  margin: 1em 0em;
}
.PokemonPage-StrategySelector ul {
  display: inline-block;
  margin-left: 0.33em;
}
.PokemonPage-StrategySelector ul span.is-selected {
  font-weight: bold;
}
.PokemonPage-Content-body {
  padding: 1em 0.5em;
}
:root {
  --border-width: 1px;
}
.PokemonPage-ContentSelector {
  position: relative;
  text-align: right;
}
.PokemonPage-ContentSelector:after {
  position: absolute;
  content: "";
  width: 100%;
  z-index: 1;
  left: 0;
}
.PokemonPage-ContentSelector.is-top:after {
  bottom: 0;
  border-bottom: var(--border-width) solid #333;
}
.PokemonPage-ContentSelector.is-top li {
  box-sizing: border-box;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.PokemonPage-ContentSelector.is-top li.is-selected {
  z-index: 2;
}
.PokemonPage-ContentSelector.is-bottom:after {
  top: 0;
  border-top: var(--border-width) solid #333;
}
.PokemonPage-ContentSelector.is-bottom li {
  top: -var(--border-width);
  border-radius: 0 0 4px 4px;
  border-top: none;
}
.PokemonPage-ContentSelector.is-bottom li.is-selected {
  z-index: 2;
}
.PokemonPage-ContentSelector li {
  position: relative;
  display: inline-block;
  border: var(--border-width) solid #333;
  padding: 0.3em 0.5em;
  margin-right: 1em;
  background: white;
}
.PokemonPage-ContentSelector li:not(.is-selected) {
  cursor: pointer;
}
.PokemonPage-ContentSelector li:last-child {
  margin-right: 2em;
}
.PokemonPage-Strategy-writtenCredits {
  font-size: 0.87em;
  font-style: italic;
  margin: 1em 0;
}
.PokemonPage-Outdated {
  border: 1px solid black;
  padding: 1em;
  margin: 1em 0 1em 0;
}

/* src/stylesheets/pokemon.css */
.PokemonName {
  display: inline-block;
}
.PokemonSprite {
  display: inline-block;
  vertical-align: middle;
}
.PokemonSprite.is-normalized-width {
  text-align: center;
  width: var(--pokemon-sprite-width);
}
.PokemonSprite span {
  display: inline-block;
}
ul.PokemonFamily {
  vertical-align: top;
  padding-left: 0;
}
ul.PokemonFamily div {
  display: inline;
}
ul.PokemonFamily a {
  display: inline-block;
  vertical-align: middle;
}
ul.PokemonFamily li {
  list-style: none;
}
ul.PokemonFamily ul.PokemonFamily {
  padding-left: 40px;
}
ul.PokemonFamily ul.PokemonFamily li:before {
  display: inline-block;
  content: "\2192";
  width: 15px;
  text-align: center;
}
ul.PokemonFamily ul.PokemonFamily ul.PokemonFamily {
  padding-left: (40px + 15px);
}
ul.PokemonFamily span.is-selected {
  font-weight: bold;
}
ul.PokemonFormes {
}
ul.PokemonFormes span.is-selected {
  font-weight: bold;
}
@keyframes PokemonStatBar-anim {
  0% {
    width: 0;
    background-color: white;
  }
}
.PokemonStats {
  width: 100%;
}
.PokemonStats td,
.PokemonStats th {
  padding: 0 0.3em 0 0;
}
.PokemonStats td:nth-child(1),
.PokemonStats th:nth-child(1) {
  font-weight: normal;
  font-size: 0.87em;
  text-align: right;
}
.PokemonStats td:nth-child(2),
.PokemonStats th:nth-child(2) {
  padding-left: 0.9em;
  font-weight: bold;
  text-align: right;
}
.PokemonStats td:nth-child(3),
.PokemonStats th:nth-child(3) {
  width: 100%;
}
.PokemonStats-bar {
  height: 12px;
  box-shadow: inset 1px 4px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 rgba(0, 0, 0, .3);
  border-radius: 2px;
  animation-name: PokemonStatBar-anim;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.PokemonStats-speed-title {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}
.PokemonStats-speed-cell {
  position: relative;
}
.PokemonStats-speed-popup {
  top: 19px;
  width: fit-content;
  font-size: 0.75em;
}
.PokemonStats-speed-popup-format {
  text-align: center !important;
  font-weight: bold !important;
}
.PokemonSummary {
  position: relative;
}
.PokemonSummary-type {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}
.PokemonSummary-types .TypeList {
  font-size: 0.75em;
}
.PokemonSummary-typeEffectivesPopup {
  top: calc(var(--dex-item-height) + 1em);
  width: calc(var(--type-width) * 4 + 6px * 4);
  font-size: 0.75em;
}
.PokemonSummary-typeEffectivesPopup .TypeEffectives {
  margin: 0;
}
.PokemonSummary-typeEffectivesPopup .TypeEffectives dt:first-child {
  margin-top: 0px;
}
.PokemonSummary-typeEffectivesPopup .TypeEffectives .TypeList li {
  padding: 1px 3px;
}
.PokemonAltInfo {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.PokemonAltInfo th {
  width: 62px;
}
.PokemonAltInfo-sprite {
  box-sizing: border-box;
  border-radius: 8px;
  margin: 1em 1em 1em 0;
  padding: 8px;
  border: 2px solid var(--theme-border-color);
  box-shadow: 2px 2px 3px var(--theme-shadow-color);
  image-rendering: pixelated;
  display: flex;
  align-items: stretch;
  min-width: 150px;
  min-height: 150px;
}
.PokemonAltInfo-sprite div {
  flex: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.PokemonAltInfo-sprite img {
  display: none;
}
.PokemonAltInfo-data {
  box-sizing: border-box;
  margin: 1em 1em 1em 0;
  display: flex;
  align-items: center;
  min-width: 200px;
  flex: 1 0 200px;
}
.PokemonAltInfo-stats {
  box-sizing: border-box;
  margin: 1em 0;
  min-width: 300px;
  flex: 1 0 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* src/stylesheets/preview.css */
.ItemPreview,
.MovePreview,
.AbilityPreview {
  font-size: 0.75em;
  margin-left: 22px;
  margin-top: 5px;
  width: max-content;
  max-width: 200px;
  white-space: normal !important;
  color: var(--theme-text-color);
}
.MovePreview-table {
  margin-top: 4px;
  width: 100%;
}
.MovePreview-table th {
  text-align: left !important;
  color: var(--theme-text-color) !important;
  padding-right: 0.5em !important;
}
.MovePreview-table td {
  padding-left: 0.5em !important;
}
.MovePreview.Type {
  font-size: 0.75em;
}

/* src/stylesheets/search.css */
.hlchars {
  background-color: var(--theme-highlight-color);
}
.DexFocused {
  background-color: var(--theme-highlight-color) !important;
}
#searchDialog {
  width: 100%;
  max-width: inherit;
  box-shadow: 10px 10px 10px #888;
  position: fixed;
  padding: 1em;
  box-sizing: border-box;
  top: 0;
  left: -1000px;
  bottom: 0;
  background-color: white;
  z-index: 999;
  overflow-y: scroll;
  transition: left 0.2s ease;
}
#searchDialog.DexSearchDialog-isOpen {
  left: 0px;
  transition: left 0.2s ease;
}
#searchDialog-thisPageBlocks,
#searchDialog-allBlocks {
  display: none;
}

/* src/stylesheets/tables.css */
:root {
  --dex-table-font-ratio: 0.75;
  --dex-table-column-spacing: 1em;
  --stat-len: 3;
  --name-width: calc(var(--max-pokemon-len) * 1em / 2 + 1em + var(--pokemon-sprite-width) + 0.5em + var(--dex-table-column-spacing));
}
.DexTable.is-even > div:nth-child(even),
.DexTable.is-odd > div:nth-child(odd) {
  background: var(--theme-bg-color);
}
.DexTable.is-even > div:nth-child(odd),
.DexTable.is-odd > div:nth-child(even) {
  background: var(--theme-odd-color);
}
.DexTable .DexNonstd:not(.DexFocused) {
  position: relative;
}
.DexTable .DexNonstd:not(.DexFocused)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  background-color: inherit;
  opacity: 0.5;
}
.PokemonAltRow,
.AbilityRow,
.ItemRow,
.TagRow,
.TypeRow,
.MoveRow {
  width: 100%;
  font-size: calc(1em * var(--dex-table-font-ratio));
  min-height: calc(2.3em / var(--dex-table-font-ratio));
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .PokemonAltRow,
  .AbilityRow,
  .ItemRow,
  .TagRow,
  .TypeRow,
  .MoveRow {
    position: relative;
    left: -1rem;
    width: calc(100% + 2rem);
  }
}
.TypeRow-name,
.MoveRow-name,
.TagRow-name,
.ItemRow-name,
.AbilityRow-name,
.PokemonAltRow-name {
  font-size: calc(1em / var(--dex-table-font-ratio));
  white-space: nowrap;
  width: var(--name-width);
  align-self: stretch;
  display: flex;
}
:is(.TypeRow-name, .MoveRow-name, .TagRow-name, .ItemRow-name, .AbilityRow-name, .PokemonAltRow-name) a {
  padding-left: var(--dex-table-column-spacing);
  padding-right: var(--dex-table-column-spacing);
  flex: 1;
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid transparent;
}
:is(.TypeRow-name, .MoveRow-name, .TagRow-name, .ItemRow-name, .AbilityRow-name, .PokemonAltRow-name) a:hover {
  color: hsl(var(--theme-link-color-hs), calc(var(--theme-link-color-l) + 15%));
  background: var(--theme-cell-hover-background);
  border-color: var(--theme-cell-hover-border);
  text-decoration: none;
}
.PokemonAltRow + :not(.PokemonAltRow),
.ItemRow + :not(.ItemRow),
.AbilityRow + :not(.AbilityRow),
.MoveRow + :not(.MoveRow),
.TypeRow + :not(.TypeRow),
.TagRow + :not(.TagRow) {
  border-top: 1px solid #666;
}
.stat {
  font-size: 0.85em;
  color: #999;
}
.PokemonAltRow-name a {
  padding-left: 0.5em;
}
.PokemonAltRow-types {
  font-size: 0.85em;
  width: calc(var(--type-width) * 2);
  padding-right: var(--dex-table-column-spacing);
}
.PokemonAltRow-abilities {
  width: calc(var(--max-ability-width) + 2 * var(--dex-table-column-spacing));
}
.PokemonAltRow-abilities .AbilityList a {
  display: block;
}
.PokemonAltRow-tags {
  text-align: center;
  width: calc((4 * 1em / 2 + 1em) + 2 * var(--dex-table-column-spacing));
}
.PokemonAltRow-tags .FormatList a {
  display: block;
}
.PokemonAltRow-hp,
.PokemonAltRow-atk,
.PokemonAltRow-def,
.PokemonAltRow-spa,
.PokemonAltRow-spd,
.PokemonAltRow-spe {
  text-align: center;
  width: calc(var(--stat-len) * 1em / 2 + 1em);
}
.PokemonAltRow-spe {
  padding-right: var(--dex-table-column-spacing);
}
.AbilityRow-description {
  flex: 1;
  padding-right: var(--dex-table-column-spacing);
}
.ItemRow-name a {
  padding-left: 0.5em;
}
.ItemRow-description {
  flex: 1;
  padding-right: var(--dex-table-column-spacing);
}
.TagRow-name {
  width: 100%;
}
.TagRow-description {
  flex: 1;
  padding-right: var(--dex-table-column-spacing);
}
.MoveRow-type {
  font-size: 0.85em;
  width: var(--type-width);
  padding-right: var(--dex-table-column-spacing);
}
.MoveRow-damage {
  font-size: 0.85em;
  width: var(--type-width);
  padding-right: var(--dex-table-column-spacing);
}
.MoveRow-power {
  width: 2.5em;
  padding-right: var(--dex-table-column-spacing);
}
.MoveRow-accuracy {
  width: 3.5em;
  padding-right: var(--dex-table-column-spacing);
}
.MoveRow-pp {
  width: 1.2em;
  padding-right: var(--dex-table-column-spacing);
}
.MoveRow-description {
  flex: 1;
  padding-right: var(--dex-table-column-spacing);
}
@media (max-width: 868px) {
  .PokemonAltRow-hp,
  .PokemonAltRow-atk,
  .PokemonAltRow-def,
  .PokemonAltRow-spa,
  .PokemonAltRow-spd,
  .PokemonAltRow-spe {
    display: none;
  }
}
@media (max-width: 480px) {
  .PokemonAltRow-tags {
    display: none;
  }
  .PokemonAltRow-abilities {
    display: none;
  }
}
@media (max-width: 320px) {
  .PokemonAltRow-name {
    width: calc(var(--max-pokemon-len) * 1em / 2 + 1em + var(--pokemon-sprite-width));
  }
  .PokemonAltRow-name a {
    padding-left: 0em;
  }
}
@media (max-width: 767px) {
  .MoveRow-name {
  }
  .MoveRow-description {
    font-size: 0px;
  }
}
@media (max-width: 360px) {
  .MoveRow-power,
  .MoveRow-accuracy,
  .MoveRow-pp {
    display: none;
  }
}
@media (max-width: 320px) {
  .MoveRow-damage {
    display: none;
  }
}
@media (max-width: 500px) {
  .AbilityRow-description {
    display: none;
  }
}
@media (max-width: 500px) {
  .ItemRow-description {
    display: none;
  }
}
@media (max-width: 500px) {
  .TagRow-description {
    display: none;
  }
}

/* src/stylesheets/tags.css */
ul.tags li {
  padding: .2em .6em;
  font-size: 0.85em;
  background: linear-gradient(#cbc9cb, #aaa6aa);
  border: 1px solid black;
  border-radius: 5px;
}

/* src/stylesheets/type-page.css */
.TypePage-typeEffectives {
  display: flex;
  flex-wrap: wrap;
}
.TypePage-typeEffectives .TypeEffectives .TypeList {
  font-size: 0.8em;
}
.TypePage-typeEffectives .TypeEffectives .TypeList li {
  padding: 1px 3px;
}
.TypePage-typeEffectives-atk {
  min-width: 300px;
  flex: 1 0 300px;
}
.TypePage-typeEffectives-def {
  min-width: 300px;
  flex: 1 0 300px;
}

/* src/stylesheets/types.css */
.Type {
  color: #FFF !important;
  text-decoration: none;
}
.Type:hover {
  opacity: .7;
  text-decoration: none;
}
.Type.normal {
  background: linear-gradient(#a8a878, #8a8a59);
  border-color: #79794E;
}
.Type.fire {
  background: linear-gradient(#f08030, #dd6610);
  border-color: #B4530D;
}
.Type.water {
  background: linear-gradient(#6890f0, #386ceb);
  border-color: #1753E3;
}
.Type.electric {
  background: linear-gradient(#f8d030, #f0c108);
  border-color: #C19B07;
}
.Type.fairy {
  background: linear-gradient(#F98CFF, #F540FF);
  border-color: #C1079B;
}
.Type.grass {
  background: linear-gradient(#78c850, #5ca935);
  border-color: #4A892B;
}
.Type.ice {
  background: linear-gradient(#98d8d8, #69c6c6);
  border-color: #45B6B6;
}
.Type.fighting {
  background: linear-gradient(#c03028, #9d2721);
  border-color: #82211B;
}
.Type.poison {
  background: linear-gradient(#a040a0, #803380);
  border-color: #662966;
}
.Type.ground {
  background: linear-gradient(#e0c068, #d4a82f);
  border-color: #AA8623;
}
.Type.flying {
  background: linear-gradient(#a890f0, #9180c4);
  border-color: #7762B6;
}
.Type.psychic {
  background: linear-gradient(#f85888, #f61c5d);
  border-color: #D60945;
}
.Type.bug {
  background: linear-gradient(#a8b820, #8d9a1b);
  border-color: #616B13;
}
.Type.rock {
  background: linear-gradient(#b8a038, #93802d);
  border-color: #746523;
}
.Type.ghost {
  background: linear-gradient(#705898, #554374);
  border-color: #413359;
}
.Type.dragon {
  background: linear-gradient(#7038f8, #4c08ef);
  border-color: #3D07C0;
}
.Type.steel {
  background: linear-gradient(#b8b8d0, #9797ba);
  border-color: #7A7AA7;
}
.Type.dark {
  background: linear-gradient(#705848, #513f34);
  border-color: #362A23;
}
.Type.question {
  background: linear-gradient(#68a090, #4e7c6f);
  border-color: #41685D;
}
.Type.physical {
  background: linear-gradient(#e39088, #d65d51);
  border-color: #A99890;
  color: #FBC290;
}
.Type.special {
  background: linear-gradient(#adb1bd, #7d828d);
  border-color: #A1A5AD;
  color: #E0E2E4;
}
.Type.status {
  background: linear-gradient(#cbc9cb, #aaa6aa);
  border-color: #A99890;
  color: #F5F4F5;
}
:root {
  --type-chart-size: 40px;
}
.TypeChart {
  table-layout: fixed;
}
.TypeChart thead th {
  padding-bottom: 0.5em;
}
.TypeChart thead th div {
  width: 2em;
  height: 5em;
  position: relative;
  left: calc(5em + 2px + var(--type-chart-size) / 2 - 2em / 2);
  transform: rotate(-90deg);
  transform-origin: left bottom;
}
.TypeChart th {
  font-weight: normal;
  font-size: 0.8em;
}
.TypeChart th:first-child {
  padding-right: 0.5em;
}
.TypeChart td {
  text-align: center;
  border: 1px solid #ccc;
}
.TypeChart td div {
  display: flex;
  width: var(--type-chart-size);
  height: var(--type-chart-size);
  justify-content: center;
  align-items: center;
}

/* src/stylesheets/themed-button.css */
.Frame-CoreEdit button,
.ExportButton,
.PokemonPage-EditControls button,
.PokemonPage-StrategyEditorBar button,
.FormatEditorBar button {
  cursor: pointer;
  border-radius: 3px;
  padding: 4px 7px;
  outline: none;
  background-color: var(--theme-odd-color);
  border: 1px solid var(--theme-border-color);
  box-shadow: 2px 2px 2px var(--theme-shadow-color);
  &:active {
    background-color: hsl(var(--theme-odd-color-hs), calc(var(--theme-odd-color-l) - 5%));
    box-shadow: 1px 1px 1px var(--theme-shadow-color);
  }
}
:is(.PokemonPage-EditControls, .PokemonPage-StrategyEditorBar, .FormatEditorBar) :is(input, option, select) {
  background-color: var(--theme-bg-color);
}

/* src/stylesheets/popup.css */
.AbilityLink,
.ItemLink,
.MoveLink {
  position: relative;
}
.PokemonStats-speed-popup,
.PokemonSummary-typeEffectivesPopup,
.ItemPreview,
.MovePreview,
.AbilityPreview {
  box-shadow: 2px 2px 2px var(--theme-shadow-color);
  border: 1px solid var(--theme-callout-border);
  background-color: var(--theme-bg-color);
  position: absolute;
  border-radius: 4px;
  padding: 1em;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.PokemonStats-speed:hover .PokemonStats-speed-popup,
.PokemonSummary-typeEffectivesPopup-isDisplayed,
.ItemLink:hover .ItemPreview,
.MoveLink:hover + .MovePreview,
.AbilityLink:hover .AbilityPreview {
  visibility: visible;
  opacity: 1;
}

/* src/stylesheets/buttons.css */
.damage-category-block,
.Type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--dex-item-height);
  color: #FFF;
  text-shadow: 1px 1px 1px #333;
  width: var(--type-width);
  border: 1px solid black;
  border-radius: 5px;
  box-sizing: border-box;
}
:is(.PokemonSummary-types .TypeList, .PokemonSummary-typeEffectivesPopup .TypeEffectives .TypeList, .TypePage-typeEffectives .TypeEffectives .TypeList, .PokemonAltRow-types .TypeList) li {
  display: inline-block;
}
.PokemonAltRow-types .TypeList,
.PokemonSummary-types .TypeList,
.PokemonSummary-typeEffectivesPopup .TypeEffectives .TypeList {
  white-space: nowrap;
}
:is(.PokemonAltRow-types .TypeList, .PokemonSummary-types .TypeList, .PokemonSummary-typeEffectivesPopup .TypeEffectives .TypeList) > *:not(:only-child):not(:last-child) > * {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
:is(.PokemonAltRow-types .TypeList, .PokemonSummary-types .TypeList, .PokemonSummary-typeEffectivesPopup .TypeEffectives .TypeList) > *:not(:only-child):not(:first-child) > * {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* src/stylesheets/lists.css */
.PokemonSummary-types .TypeList,
.PokemonSummary-typeEffectivesPopup .TypeEffectives .TypeList,
.TypePage-typeEffectives .TypeEffectives .TypeList,
.PokemonAltRow-types .TypeList,
ul.MovesetCompact,
.PokemonPage-ContentSelector,
.PokemonSummary .AbilityList,
.PokemonSummary .FormatList,
.PokemonAltRow-abilities .AbilityList,
.PokemonAltRow-tags .FormatList,
header .DexNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.OtherGensList > ul,
.LangSwitcher > ul,
.MovesetInfo-moves .MoveList,
.MovesetInfo-misc .ItemList,
.MovesetInfo-misc .AbilityList,
.MovesetInfo-misc .TypeList,
.MovesetInfo-misc .FormatList,
.MovesetInfo-misc .NatureList,
.MovesetInfo-misc .evconfig,
.MovesetInfo-misc .ivconfig,
.MovesetInfo-misc .levels,
ul.MovesetCompact > li .ItemsList,
ul.MovesetCompact > li .MoveSlots .MoveList,
.PokemonPage-StrategySelector ul,
ul.PokemonFormes {
  list-style: none;
  padding: 0;
  margin: 0;
}
:is(.OtherGensList > ul, .LangSwitcher > ul, .MovesetInfo-moves .MoveList, .MovesetInfo-misc .ItemList, .MovesetInfo-misc .AbilityList, .MovesetInfo-misc .TypeList, .MovesetInfo-misc .FormatList, .MovesetInfo-misc .NatureList, .MovesetInfo-misc .evconfig, .MovesetInfo-misc .ivconfig, .MovesetInfo-misc .levels, ul.MovesetCompact > li .ItemsList, ul.MovesetCompact > li .MoveSlots .MoveList, .PokemonPage-StrategySelector ul, ul.PokemonFormes) > li {
  display: inline;
}
:is(.OtherGensList > ul, .LangSwitcher > ul, .MovesetInfo-moves .MoveList, .MovesetInfo-misc .ItemList, .MovesetInfo-misc .AbilityList, .MovesetInfo-misc .TypeList, .MovesetInfo-misc .FormatList, .MovesetInfo-misc .NatureList, .MovesetInfo-misc .evconfig, .MovesetInfo-misc .ivconfig, .MovesetInfo-misc .levels, ul.MovesetCompact > li .ItemsList, ul.MovesetCompact > li .MoveSlots .MoveList, .PokemonPage-StrategySelector ul, ul.PokemonFormes) > li > * {
  white-space: nowrap;
}
:is(.OtherGensList > ul, .LangSwitcher > ul, .MovesetInfo-moves .MoveList, .MovesetInfo-misc .ItemList, .MovesetInfo-misc .AbilityList, .MovesetInfo-misc .TypeList, .MovesetInfo-misc .FormatList, .MovesetInfo-misc .NatureList, .MovesetInfo-misc .evconfig, .MovesetInfo-misc .ivconfig, .MovesetInfo-misc .levels, ul.MovesetCompact > li .ItemsList, ul.MovesetCompact > li .MoveSlots .MoveList, .PokemonPage-StrategySelector ul, ul.PokemonFormes) > li:not(:last-child):after {
  content: " / ";
}
:is(.PokemonSummary-typeEffectivesPopup .TypeEffectives, .TypePage-typeEffectives .TypeEffectives) > dt {
  font-weight: normal;
  margin-top: 0.5em;
}
:is(.PokemonSummary-typeEffectivesPopup .TypeEffectives, .TypePage-typeEffectives .TypeEffectives) > dd {
  margin-left: 0px;
}
:is(.MovesetInfo-moves table, .MovesetInfo-misc table, .PokemonSummary) tr th {
  font-size: 0.87em;
  font-weight: normal;
  text-align: right;
}
:is(.MovesetInfo-moves table, .MovesetInfo-misc table, .PokemonSummary) tr th:after {
  content: ":";
}
:is(.MovesetInfo-moves table, .MovesetInfo-misc table, .PokemonSummary) tr td {
  padding-left: 1em;
}
:is(.PokemonSummary) :is(tr td, tr th) {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
@media (max-width: 767px) {
  .BlockMoveInfo .MoveInfo tr th {
    font-size: 0.87em;
    font-weight: normal;
    text-align: right;
  }
  .BlockMoveInfo .MoveInfo tr th:after {
    content: ":";
  }
  .BlockMoveInfo .MoveInfo tr td {
    padding-left: 1em;
  }
  .BlockMoveInfo .MoveInfo :is(tr td, tr th) {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
  }
}
@media (min-width: 768px) {
  .BlockMoveInfo .MoveInfo {
    display: block;
  }
  .BlockMoveInfo .MoveInfo tbody {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
  }
  .BlockMoveInfo .MoveInfo tr {
    display: inline-block;
  }
  .BlockMoveInfo .MoveInfo tr th {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
    padding-bottom: 0.3em;
  }
  .BlockMoveInfo .MoveInfo tr td {
    display: block;
    text-align: left;
  }
}
.BlockMoveInfo,
.BlockMovesetInfo {
  border: 1px solid var(--theme-callout-border);
  background: var(--theme-callout-bg);
  box-shadow: 3px 3px 3px var(--theme-shadow-color);
  box-sizing: border-box;
  border-radius: 8px;
  padding: 1em 2em;
}
@media (max-width: 767px) {
  .BlockMoveInfo,
  .BlockMovesetInfo {
    border-left: none;
    border-right: none;
    border-radius: 0;
    position: relative;
    left: -1rem;
    width: calc(100% + 2rem);
    padding: 0.5em 1em;
  }
}

/* src/stylesheets/index.css */