/* src/global.scss */
html,
head,
body {
  margin: 0;
  padding: 0;
}

/* esbuild-sass-plugin:css-chunk:src/components/App.module.scss */
._layout_nosd0_1 {
  display: grid;
  grid-template-areas: "left right" "todo right";
  grid-template-columns: auto 400px;
  grid-template-rows: 1fr 100px;
  height: 100vh;
}
._left_nosd0_9 {
  grid-area: left;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
._right_nosd0_17 {
  grid-area: right;
  overflow-y: auto;
}
._top_nosd0_22 {
  display: flex;
  column-gap: 10px;
}
._todo_nosd0_27 {
  grid-area: todo;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  border-top: 2px solid black;
  border-right: 2px solid black;
  padding-top: 4px;
  align-items: flex-start;
  column-gap: 8px;
}
._todo_nosd0_27 ._entry_nosd0_38 {
  display: flex;
}

/* esbuild-sass-plugin:css-chunk:src/components/FilterField.module.scss */
._filter_1ehm6_1 {
  display: grid;
  grid-template-areas: "label label" "input button" "help  help";
  grid-template-columns: 1fr auto;
  align-items: center;
  width: fit-content;
}
._filter_1ehm6_1 ._input_1ehm6_8 {
  grid-area: input;
  padding: 0.286rem 1.714rem 0.286rem 0.286rem;
  margin: 0;
  border: 1px solid black;
  border-radius: 6px;
  font-size: 1.143rem;
}
._filter_1ehm6_1 ._input_1ehm6_8::-webkit-search-cancel-button,
._filter_1ehm6_1 ._input_1ehm6_8::-webkit-search-decoration {
  -webkit-appearance: none;
}
._filter_1ehm6_1 ._input_1ehm6_8[data-focused] {
  outline: 2px solid rebeccapurple;
  outline-offset: -1px;
}
._filter_1ehm6_1 ._button_1ehm6_23 {
  grid-area: button;
  width: 1.143rem;
  height: 1.143rem;
  border-radius: 1.143rem;
  margin-left: -1.429rem;
  font-size: 0.857rem;
  line-height: 0.857rem;
  vertical-align: middle;
  text-align: center;
  border: none;
  padding: 0;
}
._filter_1ehm6_1 ._button_1ehm6_23[data-pressed] {
  background: silver;
}
._filter_1ehm6_1[data-empty] ._button_1ehm6_23 {
  display: none;
}

/* esbuild-sass-plugin:css-chunk:src/components/ItemCard.module.scss */
._card_1rpkn_1 {
  display: inline-flex;
  margin: 2px;
  padding: 2px;
  border: 1px solid black;
  background: white;
}
._card_1rpkn_1:hover {
  background-color: silver;
}
._card_1rpkn_1 img {
  max-height: 32px;
}

/* esbuild-sass-plugin:css-chunk:src/components/MiniItem.module.scss */
._mini_1dp43_1 {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
._mini_1dp43_1 img {
  max-height: 16px;
}
._mini_1dp43_1 ._placeholder_1dp43_9 {
  width: 16px;
  line-height: 16px;
  text-align: center;
  background-color: silver;
}
._mini_1dp43_1 ._name_1dp43_15 {
  flex-grow: 1;
}

/* esbuild-sass-plugin:css-chunk:src/components/CoinsDisplay.module.scss */
._coins_uv7fo_1 {
  display: inline-flex;
  font-size: 0.8em;
}
._coins_uv7fo_1 span {
  padding: 0 2px;
}
._copper_uv7fo_9 {
  background-color: brown;
  color: white;
}
._silver_uv7fo_14 {
  background-color: darkgrey;
}
._gold_uv7fo_18 {
  background-color: gold;
}
._platinum_uv7fo_22 {
  background-color: rgb(0, 166, 255);
  color: white;
}
._dementia_uv7fo_27 {
  background-color: rgb(160, 0, 160);
  color: white;
}
._void_uv7fo_32 {
  background-color: black;
  color: white;
}
._lustre_uv7fo_37 {
  background-color: rgb(0, 200, 0);
}
._starfire_uv7fo_41 {
  background-color: yellow;
}
._dreadlo_uv7fo_45 {
  background-color: red;
}
._godshard_uv7fo_49 {
  background-color: #4488aa;
  color: white;
}
._sunder_uv7fo_54 {
  background-color: orange;
}
._tydal_uv7fo_58 {
  background-color: skyblue;
}
._marbiglass_uv7fo_62 {
  background-color: green;
  color: white;
}
._orberal_uv7fo_67 {
  background-color: pink;
}
._eclipse_uv7fo_71 {
  background-color: moccasin;
}

/* esbuild-sass-plugin:css-chunk:src/components/ResultsDisplay.module.scss */
._results_1pq8k_1 h2 {
  margin: 0;
}
._results_1pq8k_1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
._section_1pq8k_10 {
  margin: 10px 0;
}
._dropper_1pq8k_14 {
  margin: 10px 0;
}
._dropper_1pq8k_14 ._name_1pq8k_17 {
  margin: 0;
}
._dropper_1pq8k_14 ._header_1pq8k_20 {
  font-weight: bold;
}
._dropper_1pq8k_14 ._header_1pq8k_20 img {
  grid-area: img;
  max-height: 32px;
}
._dropper_1pq8k_14 ._contents_1pq8k_27 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
._dropper_1pq8k_14 ._contents_1pq8k_27 > ._extra_1pq8k_31 {
  border: 1px solid black;
  padding: 4px;
  font-size: 0.8em;
}
._recipe_1pq8k_37,
._quest_1pq8k_38 {
  margin: 10px 0;
}
._recipe_1pq8k_37 h3,
._recipe_1pq8k_37 h4,
._quest_1pq8k_38 h3,
._quest_1pq8k_38 h4 {
  margin: 0;
}
._recipe_1pq8k_37 h3 img,
._recipe_1pq8k_37 h4 img,
._quest_1pq8k_38 h3 img,
._quest_1pq8k_38 h4 img {
  max-height: 32px;
}
._quest_1pq8k_38 ._contents_1pq8k_27 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* esbuild-sass-plugin:css-chunk:src/components/SavingIndicator.module.scss */
@keyframes _spin_s84gq_23 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._icon_s84gq_9 {
  position: fixed;
  top: 8px;
  right: 8px;
  display: inline-flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border: 1px solid black;
  background-color: white;
  pointer-events: none;
}
._spin_s84gq_23 {
  animation-name: _spin_s84gq_23;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

/* esbuild-sass-plugin:css-chunk:src/components/UploadButton.module.scss */
._overlay_1js1a_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
._overlay_1js1a_1[data-entering] {
  animation: _modal-fade_1js1a_1 200ms;
}
._overlay_1js1a_1[data-exiting] {
  animation: _modal-fade_1js1a_1 150ms reverse ease-in;
}
._modal_1js1a_20 {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background: white;
  border: 1px solid silver;
  outline: none;
  max-width: 300px;
  padding: 10px;
}
._modal_1js1a_20[data-entering] {
  animation: _modal-zoom_1js1a_1 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
._modal_1js1a_20 ._field_1js1a_32 {
  margin-bottom: 8px;
}
@keyframes _modal-fade_1js1a_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _modal-zoom_1js1a_1 {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
/*# sourceMappingURL=bundle.css.map */