/* /ArmyLists/ArmyEntryEditor.razor.rz.scp.css */
/* Variables */
.armyEntryEditor[b-yulwbkepyd] {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  text-align: center;
  gap: 10px;
}
.armyEntryEditor .header[b-yulwbkepyd] {
  flex: 0;
}
.armyEntryEditor .header small[b-yulwbkepyd] {
  text-align: right;
}
.armyEntryEditor .units[b-yulwbkepyd] {
  flex: 1 0 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 20px;
}
/* /ArmyLists/ArmyEntryListItem.razor.rz.scp.css */
/* Variables */
.armyEntryListItem[b-e5y0ix0704] {
  cursor: pointer;
  background: none;
  overflow: hidden;
}
.armyEntryListItem .title[b-e5y0ix0704] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: center;
  overflow: hidden;
  max-width: 100%;
}
.armyEntryListItem .title.subtitle[b-e5y0ix0704] {
  color: #00bad0;
}
.armyEntryListItem .title .name[b-e5y0ix0704] {
  flex: 1 1 auto;
  overflow: hidden;
}
.armyEntryListItem .title .cost[b-e5y0ix0704] {
  flex: 0;
}
.armyEntryListItem .content[b-e5y0ix0704] {
  display: flex;
  flex-flow: column nowrap;
  gap: 4px;
}
.armyEntryListItem .content .title[b-e5y0ix0704] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: center;
}
.armyEntryListItem .content .title.subtitle[b-e5y0ix0704] {
  color: #00bad0;
}
.armyEntryListItem .content .title .name[b-e5y0ix0704] {
  flex: 1 1 auto;
  text-overflow: ellipsis;
}
.armyEntryListItem .content .title .cost[b-e5y0ix0704] {
  flex: 0;
}
.armyEntryListItem .content .optionsAndSpells[b-e5y0ix0704] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
.armyEntryListItem .content .optionsAndSpells .unitOptions .content[b-e5y0ix0704] {
  display: flex;
  flex-flow: column nowrap;
}
.armyEntryListItem .content .optionsAndSpells .unitOptions .unitOption[b-e5y0ix0704] {
  display: flex;
  flex-flow: row nowrap;
}
.armyEntryListItem .content .optionsAndSpells .unitOptions .unitOption .optionName[b-e5y0ix0704] {
  flex: 1 0 auto;
}
.armyEntryListItem .content .optionsAndSpells .unitOptions .unitOption .optionCost[b-e5y0ix0704] {
  flex: 0;
}
/* /ArmyLists/ArmyListDetail.razor.rz.scp.css */
/* Variables */
@keyframes slide-up-b-1srzrng8h6 {
  0% {
    top: 100%;
    display: none;
  }
  100% {
    top: 60px;
    display: flex;
  }
}
@keyframes slide-down-b-1srzrng8h6 {
  0% {
    top: 60px;
    display: flex;
  }
  100% {
    display: none;
    top: 100%;
  }
}
#ArmyTitlePoints[b-1srzrng8h6] {
  color: #FFFFFF;
}
#ArmyTitlePoints.success[b-1srzrng8h6] {
  color: greenyellow;
}
#ArmyTitlePoints.warn[b-1srzrng8h6] {
  color: yellow;
}
#ArmyTitlePoints.danger[b-1srzrng8h6] {
  color: #ffac3f;
}
#ArmyListDetail[b-1srzrng8h6] {
  display: flex;
  flex-flow: column nowrap;
  padding: 10px 5px 5px 5px;
}
#ArmyListDetail #EntryEditorBackdrop[b-1srzrng8h6] {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 49;
}
#ArmyListDetail #EntryEditorBackdrop.show[b-1srzrng8h6] {
  display: block;
}
#ArmyListDetail #EntryEditorContainer[b-1srzrng8h6] {
  display: none;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
  background: #626262;
  border: 1px solid black;
  border-bottom: 0;
  position: fixed;
  bottom: 0;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 100vw;
  width: 80vw;
  min-width: 350px;
  padding: 5px 5px 0 5px;
  z-index: 50;
  overflow-x: hidden;
  overflow-y: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#ArmyListDetail #EntryEditorContainer.show[b-1srzrng8h6] {
  display: flex;
  top: 60px;
  animation: slide-up-b-1srzrng8h6 0.2s ease;
}
#ArmyListDetail #EntryEditorContainer.hide[b-1srzrng8h6] {
  top: 100%;
  animation: slide-down-b-1srzrng8h6 0.2s ease;
}
#ArmyListDetail #EntryEditorContainer #EntryEditorContent[b-1srzrng8h6] {
  flex: 1 0 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  overflow-y: auto;
}
#ArmyListDetail #EntryEditorContainer #EntryEditorButtons[b-1srzrng8h6] {
  flex: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: stretch;
  padding: 5px;
  gap: 5px;
}
/*# sourceMappingURL=ArmyListDetail.razor.css.map */
/* /ArmyLists/ArmyListEditor.razor.rz.scp.css */
/* Variables */
#ArmyListEditor[b-rj3zp42qb4] {
  padding: 5px;
}
#ArmyListEditor #CommonArmySizes[b-rj3zp42qb4] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: center;
  gap: 5px;
  padding: 5px;
}
#ArmyListEditor #CommonArmySizes button[b-rj3zp42qb4] {
  flex: 1;
}
/* /ArmyLists/ArmyListExport.razor.rz.scp.css */
/* Variables */
.armyListExport[b-mb2w90f6eq] {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
  gap: 10px;
}
.armyListExport .exportSettings[b-mb2w90f6eq] {
  flex: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: stretch;
  gap: 10px;
}
.armyListExport .exportSettings .format[b-mb2w90f6eq] {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 10px;
}
.armyListExport .exportSettings .format button[b-mb2w90f6eq] {
  flex: 1;
}
.armyListExport .exportSettings .detail[b-mb2w90f6eq] {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 10px;
}
.armyListExport .exportSettings .detail button[b-mb2w90f6eq] {
  flex: 1;
}
.armyListExport .exportSettings .includes[b-mb2w90f6eq] {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: start;
  justify-content: start;
  gap: 10px;
}
.armyListExport .exportSettings .includes .header[b-mb2w90f6eq] {
  align-self: center;
}
.armyListExport .output[b-mb2w90f6eq] {
  flex: 1;
  background: #2e2e2e;
  border-radius: 5px;
  margin: 5px;
  padding: 2px;
  overflow: hidden;
}
/* /ArmyLists/ArmyListListItem.razor.rz.scp.css */
/* Variables */
.armyListListItem[b-sv3l36f5kp] {
  flex: 0;
  color: #FFFFFF;
  min-height: 40px;
  cursor: pointer;
  padding: 5px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: stretch;
}
.armyListListItem .details[b-sv3l36f5kp] {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: start;
}
.armyListListItem .details .armyListName[b-sv3l36f5kp] {
  color: #008d9d;
}
.armyListListItem .info[b-sv3l36f5kp] {
  flex: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
/* /Authentication/ChangePassword.razor.rz.scp.css */
/* Variables */
.form[b-2nbswzn3n2] {
  display: none;
}
.form.show[b-2nbswzn3n2] {
  display: flex;
}
/*# sourceMappingURL=ResetPassword.razor.css.map */
/* /Authentication/ResetPassword.razor.rz.scp.css */
/* Variables */
.form[b-olcaag4j0e] {
  display: none;
}
.form.show[b-olcaag4j0e] {
  display: flex;
}
/*# sourceMappingURL=ResetPassword.razor.css.map */
/* /Authentication/UserDetails.razor.rz.scp.css */
/* Variables */
#UserDetails[b-njflh5mlmt] {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: space-between;
  padding: 10px 10px 50px 10px;
  gap: 5px;
}
#UserDetails .title[b-njflh5mlmt] {
  text-align: center;
}
#UserDetails .content[b-njflh5mlmt] {
  flex: 1 0 auto;
}
#UserDetails .buttonList[b-njflh5mlmt] {
  flex: 0;
}
/*# sourceMappingURL=UserDetails.razor.css.map */
/* /Data/ReferenceLine.razor.rz.scp.css */
/* Variables */
span[b-7c44hcs91n] {
  font-style: italic;
  font-size: 0.8rem;
}
/* /Interface/ButtonBar.razor.rz.scp.css */
/* Variables */
#ButtonBar[b-lxir09hh9d] {
  flex: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-items: stretch;
  align-items: stretch;
  gap: 5px;
  height: 20%;
  min-height: 50px;
  background-color: #474747;
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
  padding: 5px;
  border-top: 1px solid black;
}
#ButtonBar:empty[b-lxir09hh9d] {
  display: none;
}
/*# sourceMappingURL=ButtonBar.razor.css.map */
/* /Interface/ButtonBarButton.razor.rz.scp.css */
/* Variables */
.buttonBarButton[b-xl93c7tgpk] {
  flex: 1;
}
/* /Interface/Checkbox.razor.rz.scp.css */
/* Variables */
@keyframes check-b-dd4u5fjke3 {
  50% {
    transform: scale(1.2);
  }
}
.checkboxWrapper .checkboxLabel[b-dd4u5fjke3] {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.checkboxWrapper .checkboxLabel span.checkboxPicture[b-dd4u5fjke3] {
  display: inline-block;
  transform: translate3d(0, 0, 0);
  position: relative;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #B9B8C3;
  transition: all 0.2s ease;
}
.checkboxWrapper .checkboxLabel span.checkboxPicture svg[b-dd4u5fjke3] {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 6px;
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.checkboxWrapper .checkboxLabel span.checkboxPicture[b-dd4u5fjke3]:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #008d9d;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  transition-delay: 0.2s;
}
.checkboxWrapper .checkboxLabel span:last-child[b-dd4u5fjke3] {
  margin-left: 8px;
}
.checkboxWrapper .checkboxLabel span:last-child[b-dd4u5fjke3]:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #B9B8C3;
  transform-origin: 0 0;
  transform: scaleX(0);
}
.checkboxWrapper .checkboxLabel:hover span.checkboxPicture:first-child[b-dd4u5fjke3] {
  border-color: #008d9d;
}
.checkboxWrapper.checked .checkboxLabel span.checkboxPicture:first-child[b-dd4u5fjke3] {
  border-color: #008d9d;
  background: #008d9d;
  animation: check-b-dd4u5fjke3 0.6s ease;
}
.checkboxWrapper.checked .checkboxLabel span.checkboxPicture:first-child svg[b-dd4u5fjke3] {
  stroke-dashoffset: 0;
}
.checkboxWrapper.checked .checkboxLabel span.checkboxPicture:first-child[b-dd4u5fjke3]:before {
  transform: scale(2.2);
  opacity: 0;
  transition: all 0.6s ease;
}
.checkboxWrapper.checked .checkboxLabel span.checkboxPicture:last-child[b-dd4u5fjke3] {
  color: #B9B8C3;
  transition: all 0.3s ease;
}
.checkboxWrapper.checked .checkboxLabel span.checkboxPicture:last-child[b-dd4u5fjke3]:after {
  transform: scaleX(1);
  transition: all 0.3s ease;
}
/* /Interface/MainLayout.razor.rz.scp.css */
/* Variables */
.page[b-4cd07qp6zc] {
  height: 100%;
}
main[b-4cd07qp6zc] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
  height: 100%;
  width: 100%;
  background-color: #626262;
  color: #FFFFFF;
}
#MainContent[b-4cd07qp6zc] {
  flex: 1 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
}
/*# sourceMappingURL=MainLayout.razor.css.map */
/* /Interface/MarkdownDisplay.razor.rz.scp.css */
/* Variables */
.markdownDisplay[b-m0x2c2lvrz] {
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
}
.markdownDisplay .markdown[b-m0x2c2lvrz] {
  flex: 1;
  text-align: left;
  overflow-y: auto;
  margin: 2px;
}
.markdownDisplay .buttons[b-m0x2c2lvrz] {
  flex: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}
/* /Interface/Modal.razor.rz.scp.css */
/* Variables */
.modalBackdrop[b-3hlspt4y81] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.modalBackdrop.opaque[b-3hlspt4y81] {
  background-color: rgba(0, 0, 0, 0.5);
}
.modalBackdrop.modalComponent[b-3hlspt4y81] {
  justify-content: stretch;
  align-items: stretch;
  padding: 10px;
}
.modalBackdrop.modalComponent .modalContainer[b-3hlspt4y81] {
  flex: 1;
}
.modalBackdrop.modalComponent .modalContent[b-3hlspt4y81] {
  overflow-y: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.modalBackdrop.show[b-3hlspt4y81] {
  height: 100%;
}
.modalBackdrop .modalContainer[b-3hlspt4y81] {
  flex: 0 0;
  padding: 5px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
  min-width: 80%;
  background-color: #626262;
  border: 1px solid black;
  border-radius: 5px;
  max-height: 100%;
}
.modalBackdrop .modalContent[b-3hlspt4y81] {
  flex: 1 auto;
  text-align: center;
  overflow: hidden;
}
.modalBackdrop .modalButtons[b-3hlspt4y81] {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-items: stretch;
  align-items: stretch;
  gap: 5px;
  padding: 5px;
}
.modalBackdrop .modalButtons .modalButton[b-3hlspt4y81] {
  flex: 1;
}
/* /Interface/Page.razor.rz.scp.css */
/* Variables */
#Overlay[b-q9t084qp0t],
#Page[b-q9t084qp0t],
.overlayContainer[b-q9t084qp0t] {
  flex: 1 0;
  display: none;
  background: #626262;
}
#Overlay.show[b-q9t084qp0t],
#Page.show[b-q9t084qp0t],
.overlayContainer.show[b-q9t084qp0t] {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: stretch;
}
#Page.show #PageContent[b-q9t084qp0t] {
  flex: 1 0 auto;
  height: 10px;
  overflow-y: auto;
}
#Overlay.show .overlayContainer[b-q9t084qp0t] {
  flex: 1 0 auto;
  height: 10px;
  overflow-y: auto;
}
/* Loader */
.loaderContainer[b-q9t084qp0t] {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
/*# sourceMappingURL=Page.razor.css.map */
/* /Interface/SectionBar.razor.rz.scp.css */
/* Variables */
#SectionBar[b-hq5f18ngrv] {
  flex: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-items: center;
  align-items: stretch;
  gap: 5px;
  height: 20%;
  min-height: 50px;
  background: #000000;
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
  padding: 5px;
  border-top: 1px solid black;
}
/*# sourceMappingURL=SectionBar.razor.css.map */
/* /Interface/SectionBarButton.razor.rz.scp.css */
/* SectionBarButton.razor.less */
/* Variables */
.sectionBarButton[b-uz6e34fy9f] {
  flex: 1 0 auto;
  cursor: pointer;
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: center;
  border-bottom: 3px solid transparent;
}
.sectionBarButton.active[b-uz6e34fy9f] {
  font-weight: bold;
  border-bottom-color: #00bad0;
}
.sectionBarButton .iconImage[b-uz6e34fy9f],
.sectionBarButton .iconText[b-uz6e34fy9f] {
  flex: 0;
}
.sectionBarButton .iconLabel[b-uz6e34fy9f] {
  flex: 1 0 auto;
}
.sectionBarButton .iconLabel.center[b-uz6e34fy9f] {
  text-align: center;
}
/*# sourceMappingURL=SectionBarButton.razor.css.map */
/* /Interface/SelectionList.razor.rz.scp.css */
/* Variables */
.itemList[b-6emi8f0f06] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  gap: 5px;
}
.itemList .listItem[b-6emi8f0f06] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 5px;
  min-height: 50px;
}
.itemList .listItem .itemContent[b-6emi8f0f06] {
  flex: 1 0 auto;
  z-index: 2;
  max-width: 100%;
}
.itemList .listItem.selectionMode .selectionControl[b-6emi8f0f06] {
  opacity: 1;
}
.itemList .listItem.selectionMode .selectionControl.left[b-6emi8f0f06] {
  margin-right: 0;
}
.itemList .listItem.selectionMode .selectionControl.right[b-6emi8f0f06] {
  margin-left: 0;
}
.itemList .listItem .selectionControl[b-6emi8f0f06] {
  width: 40px;
  opacity: 0;
  height: 100%;
  transition: all 0.25s ease-in-out;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.itemList .listItem .selectionControl.left[b-6emi8f0f06] {
  margin-right: -40px;
  padding-left: 5px;
}
.itemList .listItem .selectionControl.right[b-6emi8f0f06] {
  margin-left: -40px;
  padding-right: 5px;
}
.itemList .listItem .selectionControl .handle[b-6emi8f0f06] {
  color: #626262;
  font-size: 2rem;
  margin-bottom: 0.3rem;
}
/* /Interface/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-70jmwux8d9] .sortable-ghost {
  visibility: hidden;
}

[b-70jmwux8d9] .sortable-fallback {
  opacity: 1 !important
}
/* /Interface/Spinner.razor.rz.scp.css */
.loader[b-cbx2fh8lfs] {
  width: 48px;
  height: 48px;
  background: #FFF;
  display: inline-block;
  border-radius: 50%;
  box-sizing: border-box;
  animation: loaderAnimation-b-cbx2fh8lfs 1s ease-in infinite;
}
@keyframes loaderAnimation-b-cbx2fh8lfs {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/*# sourceMappingURL=Spinner.razor.css.map */
/* /Interface/TextDisplay.razor.rz.scp.css */
.textDisplay[b-v9n27x34l5] {
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
}
.textDisplay pre[b-v9n27x34l5] {
  font-family: Consolas, monospace;
  flex: 1;
  text-align: left;
  overflow-y: auto;
  margin: 2px;
}
.textDisplay .buttons[b-v9n27x34l5] {
  flex: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}
/* /Interface/TitleBar.razor.rz.scp.css */
/* Variables */
#TitleBar[b-3m2uvjqelh] {
  flex: 0;
  background-color: #008d9d;
  text-align: center;
  padding: 5px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid black;
  min-height: 31px;
}
#TitleBar h3[b-3m2uvjqelh] {
  margin: 0;
}
#TitleBar > button[b-3m2uvjqelh] {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 25px;
  width: 25px;
  max-height: 25px;
  min-height: 25px;
  z-index: 9999;
}
#TitleBar #DebugMenu[b-3m2uvjqelh] {
  position: absolute;
  right: 2px;
  top: 30px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  z-index: 9999;
  width: 150px;
  background-color: #626262;
  border: 1px solid black;
  padding: 5px;
  gap: 5px;
  border-radius: 2px;
}
#TitleBar #DebugMenu::deep button[b-3m2uvjqelh] {
  flex: 1 0 auto;
}
/*# sourceMappingURL=TitleBar.razor.css.map */
/* /Kingdoms/KingdomDetail.razor.rz.scp.css */
/* Variables */
#KingdomDetail[b-tmcctmvz6c] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
  padding: 5px;
  gap: 10px;
}
#KingdomDetail .row[b-tmcctmvz6c] {
  flex: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
}
#KingdomDetail .row span:first-child[b-tmcctmvz6c] {
  flex: 0;
}
#ArmyListsTitle[b-tmcctmvz6c] {
  text-align: center;
}
/* /Kingdoms/KingdomEditor.razor.rz.scp.css */
/* Variables */
#KingdomEditor[b-feblbzax3e] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  gap: 5px;
  padding: 5px;
}
.territoryCard[b-feblbzax3e] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  padding: 5px;
  gap: 5px;
  background-color: #2e2e2e;
  border-radius: 5px;
}
.terrainSelectionRow[b-feblbzax3e] {
  display: flex;
  flex-flow: row nowrap;
  gap: 5px;
}
.terrainSelectionRow button[b-feblbzax3e] {
  flex: 0;
}
/* /Kingdoms/KingdomList.razor.rz.scp.css */
/* Variables */
#KingdomList[b-7c8x8t6k4l] {
  padding: 5px;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
}
#KingdomList #NoKingdomsMessage[b-7c8x8t6k4l] {
  text-align: center;
  color: #FFFFFF;
  justify-self: center;
}
/*# sourceMappingURL=KingdomList.razor.css.map */
/* /Kingdoms/KingdomListItem.razor.rz.scp.css */
/* Variables */
.kingdomListItem[b-dh1r6j4elq] {
  flex: 0;
  color: #FFFFFF;
  min-height: 40px;
  cursor: pointer;
  padding: 5px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: start;
}
.kingdomListItem .title[b-dh1r6j4elq] {
  color: #008d9d;
}
/* /Kingdoms/KingdomSelector.razor.rz.scp.css */
#KingdomArmyList[b-lj4sgw563b] {
  padding: 5px;
}
/*# sourceMappingURL=KingdomSelector.razor.css.map */
/* /Kingdoms/KingdomUnlocksList.razor.rz.scp.css */
/* Variables */
.kingdomUnlockList[b-10ocqr0o9j] {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
}
.kingdomUnlockList .kingdomUnlocks[b-10ocqr0o9j] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  padding: 5px;
  gap: 5px;
  overflow-y: auto;
}
/* /Spells/SpellListDetail.razor.rz.scp.css */
/* Variables */
.spellList[b-wgt333fnl3] {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
}
.spellList .spells[b-wgt333fnl3] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  padding: 5px;
  gap: 5px;
  overflow-y: auto;
}
/* /TerrainSelect/TerrainSelection.razor.rz.scp.css */
/* Variables */
.terrainSelection[b-1vpxx7akon] {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: stretch;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.terrainSelection span[b-1vpxx7akon] {
  flex: 1;
  text-align: start;
  line-height: 40px;
  padding-left: 10px;
}
.terrainSelection small[b-1vpxx7akon] {
  font-size: 0.75rem;
  padding: 5px;
}
/* /TerrainSelect/TerrainSelector.razor.rz.scp.css */
/* Variables */
#TerrainSelector[b-m1gv98szra] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: stretch;
  gap: 5px;
}
#TerrainSelector #TerrainLists[b-m1gv98szra] {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  padding: 5px;
  gap: 5px;
}
#TerrainSelector #TerrainLists .terrainList[b-m1gv98szra] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  padding: 5px;
  gap: 5px;
}
#TerrainSelector #TerrainLists .terrainList .terrainListHeader[b-m1gv98szra] {
  text-align: center;
}
#TerrainSelector #TerrainLists .terrainList .terrainListTerrain[b-m1gv98szra] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: stretch;
  padding: 5px;
}
#TerrainSelector #TerrainLists .terrainList .terrainListTerrain .terrainSelect[b-m1gv98szra] {
  flex: 1 0;
  display: inline-flex;
  align-items: center;
}
#TerrainSelector #TerrainLists .terrainList .terrainListTerrain .button[b-m1gv98szra] {
  flex: 0;
  padding: 5px;
}
/* /TerrainSelect/TerrainUnlocksList.razor.rz.scp.css */
/* Variables */
.terrainUnlockList[b-ecx41vy0gp] {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
}
.terrainUnlockList .terrainUnlocks[b-ecx41vy0gp] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  padding: 5px;
  gap: 5px;
  overflow-y: auto;
}
/* /Units/CharacterSelector.razor.rz.scp.css */
#CharacterSelector[b-funt8m033h] {
  padding-top: 10px;
}
/* /Units/FormationListItem.razor.rz.scp.css */
/* Variables */
.formationListItem[b-b21erbmkyt] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
/* /Units/FormationSelection.razor.rz.scp.css */
/* Variables */
.formationSelection[b-zbtwbvrrb6] {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: stretch;
  cursor: pointer;
  user-select: none;
}
.formationSelection span[b-zbtwbvrrb6] {
  flex: 1;
  text-align: center;
  line-height: 40px;
  padding-left: 10px;
}
.formationSelection small[b-zbtwbvrrb6] {
  font-size: 0.75rem;
  padding: 5px;
}
/* /Units/MagicItemLink.razor.rz.scp.css */
/* Variables */
.magicItemLink[b-e2321obbvv] {
  display: flex;
  flex-flow: row nowrap;
}
.magicItemLink .magicItemName[b-e2321obbvv] {
  flex: 1 0 auto;
  max-width: 30vw;
  text-overflow: ellipsis;
}
.magicItemLink .magicItemCost[b-e2321obbvv] {
  flex: 0;
}
/* /Units/Profile.razor.rz.scp.css */
/* Variables */
@keyframes highlight-b-awdrxzbqlh {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #008d9d;
  }
  100% {
    background-color: transparent;
  }
}
.unitProfile[b-awdrxzbqlh] {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 5px;
}
.unitProfile .unitOptions .content[b-awdrxzbqlh] {
  text-align: start;
}
.unitProfile .unitOptions .content .unitOption[b-awdrxzbqlh] {
  padding: 5px;
  border-radius: 5px;
}
.unitProfile .unitOptions .content .unitOption.highlight[b-awdrxzbqlh] {
  animation: highlight-b-awdrxzbqlh 2s ease-in-out;
}
/* /Units/StatLine.razor.rz.scp.css */
/* Variables */
.statLine[b-aqm52b7s3n] {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(2, auto);
  border-radius: 5px;
}
.statLine .statCard[b-aqm52b7s3n] {
  background-color: transparent;
  text-align: center;
}
.statLine .statCard .statName[b-aqm52b7s3n] {
  font-weight: bold;
  padding: 5px;
  border-bottom: 1px solid #FFFFFF;
}
.statLine .statCard .statValue[b-aqm52b7s3n] {
  padding: 5px;
}
.statLine .statCard.base[b-aqm52b7s3n] {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  grid-column: span 2;
}
.statLine .statCard.base .statName[b-aqm52b7s3n] {
  border-top-right-radius: 5px;
}
.statLine .statCard:first-child[b-aqm52b7s3n] {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.statLine .statCard:first-child .statName[b-aqm52b7s3n] {
  border-top-left-radius: 5px;
}
.statLine .specialAbilities[b-aqm52b7s3n] {
  grid-row: 2;
  grid-column: span 5;
  margin-top: 4px;
  margin-right: 2px;
  border-radius: 5px;
}
.statLine .specialAbilities .content[b-aqm52b7s3n] {
  align-items: start;
}
.statLine .specialAbilities .content[b-aqm52b7s3n]  span {
  flex: 0;
  cursor: pointer;
}
.statLine .equipment[b-aqm52b7s3n] {
  grid-row: 2;
  grid-column: span 5;
  margin-top: 4px;
  margin-left: 2px;
  border-radius: 5px;
}
.statLine .equipment .content span[b-aqm52b7s3n] {
  max-width: 30vw;
  text-overflow: ellipsis;
}
/* /Units/UnitEditor.razor.rz.scp.css */
/* Variables */
.unitEditor[b-hpyxerbzbj] {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 10px;
}
.unitEditor .title[b-hpyxerbzbj] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: center;
  text-align: left;
}
.unitEditor .title.subtitle[b-hpyxerbzbj] {
  color: #00bad0;
}
.unitEditor .title .name[b-hpyxerbzbj] {
  flex: 1 1 auto;
  text-overflow: ellipsis;
}
.unitEditor .title .cost[b-hpyxerbzbj] {
  flex: 0;
}
.unitEditor .title .unitStrengthStepper[b-hpyxerbzbj] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
  gap: 2px;
  padding-left: 2px;
  padding-right: 10px;
}
.unitEditor .title .unitStrengthStepper .incrementButtons[b-hpyxerbzbj] {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: stretch;
  gap: 2px;
}
.unitEditor .title .unitStrengthStepper .incrementButtons[b-hpyxerbzbj]  .buttonBarButton {
  min-width: 40px;
  max-width: 60px;
}
.unitEditor .title .unitStrengthStepper[b-hpyxerbzbj]  .buttonBarButton {
  flex: 1;
}
.unitEditor .selection[b-hpyxerbzbj] {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: stretch;
  cursor: pointer;
  user-select: none;
}
.unitEditor .selection span[b-hpyxerbzbj] {
  flex: 1;
  text-align: center;
  line-height: 40px;
  padding-left: 10px;
}
.unitEditor .selection small[b-hpyxerbzbj] {
  font-size: 0.75rem;
  padding: 5px;
}
.unitEditor .unitOption[b-hpyxerbzbj] {
  flex: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  gap: 5px;
}
.unitEditor .unitOption .optionDescription[b-hpyxerbzbj] {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: stretch;
  text-align: left;
}
.unitEditor .unitOption .optionDescription .change[b-hpyxerbzbj] {
  font-size: 0.9em;
  color: #bfbfbf;
}
.unitEditor .unitOption .optionPoints[b-hpyxerbzbj] {
  flex: 0;
}
/* /Units/UnitOptionUnlockList.razor.rz.scp.css */
/* Variables */
/* /Units/UnitSelectionListItem.razor.rz.scp.css */
/* Variables */
.unitSelection[b-iqb1tqv6t5] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: stretch;
}
.unitSelection .simpleUnitSelection[b-iqb1tqv6t5] {
  flex: 1 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.unitSelection .exclusiveUnitSelection[b-iqb1tqv6t5] {
  flex: 1 0 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 5px;
  border-radius: 5px;
  background-color: #2e2e2e;
  padding: 5px;
}
.unitSelection .compoundUnitSelection[b-iqb1tqv6t5] {
  flex: 1 0 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 5px;
  border-radius: 5px;
  background-color: #2e2e2e;
  padding: 5px;
}
.unitSelection .compoundUnitSelection .compoundUnitSelectionOptions[b-iqb1tqv6t5] {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  flex: 1 0;
}
.exclusiveUnitSelection > .unitSelection[b-iqb1tqv6t5],
.compoundUnitSelectionOptions > .unitSelection[b-iqb1tqv6t5] {
  padding: 0;
}
/* /Units/UnitUnlockList.razor.rz.scp.css */
/* Variables */
.unlockList[b-y5n2zrhdoh] {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  padding: 5px;
  gap: 5px;
  margin-bottom: 0.5rem;
}
/* /Units/UnlockedOptionListItem.razor.rz.scp.css */
/* Variables */
.unlockedOptionListItem[b-v18udex1kc] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}