.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) {
  --minimized-width: 250px;
  border: 3px solid var(--cosmere-color-accent);
  border-radius: 0;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-corners {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-corners .corner {
  background-color: var(--cosmere-color-accent);
  mask: var(--border-sheet-corner-svg) no-repeat center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-corners .corner-pair {
  display: flex;
  justify-content: space-between;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-corners .bot {
  transform: scaleY(-1);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-corners .right {
  transform: scaleX(-1);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-background .banners {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  position: relative;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-background .banners .top, .application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-background .banners .bot {
  height: 200px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .html-field-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .html-field-list .html-field {
  background-color: var(--cosmere-color-base-3);
  border-radius: 6px;
  padding: 0.5rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .html-field-list .html-field > .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border: none;
  margin: 0;
  font-size: var(--font-size-14);
  font-family: var(--cosmere-font-header);
  font-weight: 600;
  text-shadow: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .html-field-list .html-field > .header::before {
  content: "\f078";
  font-family: var(--font-awesome);
  transition: all 250ms ease;
  transform: rotate(-90deg);
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .html-field-list .html-field > .header .title {
  font-size: var(--font-size-12);
  color: var(--cosmere-color-text-sub);
  margin-top: 0.25rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .html-field-list .html-field > .header > a {
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .html-field-list .html-field > .collapsible-content {
  padding: 0 0.25rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .html-field-list .html-field.expanded > .header::before {
  transform: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .collapsible .collapsible-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 250ms ease;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .collapsible .collapsible-content > .wrapper {
  overflow: hidden;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .collapsible.expanded .collapsible-content {
  grid-template-rows: 1fr;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror {
  flex: 1;
  overflow: hidden;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror menu {
  --color-hover-bg: var(--cosmere-color-base-4);
  --color-control-bg: var(--cosmere-color-base-4);
  --color-form-label-hover: var(--cosmere-color-text-sub);
  background: var(--cosmere-color-base-3);
  justify-content: space-evenly;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror menu button {
  font-family: var(--cosmere-font-normal);
  font-variant: lining-nums;
  font-weight: 600;
  color: var(--cosmere-color-faded);
  background: none;
  padding: 0;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror menu button:hover {
  color: var(--cosmere-color-text-sub);
  box-shadow: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror menu button:focus {
  outline: none;
  box-shadow: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror menu .pm-dropdown i.fa-chevron-down {
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror menu .pm-dropdown:hover i {
  color: var(--cosmere-color-text-sub);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror .editor-container {
  overflow: hidden auto;
  margin-right: 0;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror .editor-container .editor-content {
  position: unset;
  min-height: 300px;
  padding: 0.25rem 0.5rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) prose-mirror > textarea {
  min-height: 300px;
  padding: 0.25rem 0.5rem;
  scrollbar-color: var(--cosmere-color-base-6) var(--color-scrollbar-track);
}

/* ----- Toggle Switch ---- */
.toggle-switch {
  position: relative;
  display: inline-block;
  height: 1rem;
  width: 2rem;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #302831;
  transition: 0.2s;
}
.toggle-switch .slider:empty:before, .toggle-switch .slider:not(:empty) > * {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  background-color: white;
  transition: 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7pt;
  color: black;
}
.toggle-switch .slider.rounded {
  border-radius: 0.5rem;
}
.toggle-switch .slider.rounded:empty:before, .toggle-switch .slider.rounded:not(:empty) > * {
  border-radius: 50%;
}
.toggle-switch input:checked + .slider {
  background-color: #2196f3;
}
.toggle-switch input:checked + .slider:empty:before, .toggle-switch input:checked + .slider:not(:empty) > * {
  transform: translateX(1rem);
}
.toggle-switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

.application.sheet.actor.character {
  --border-level-svg: url("assets/icons/svg/sheet/border_level.svg");
  --mask-level-svg: url("assets/icons/svg/sheet/mask_level.svg");
  max-width: 800px;
  max-height: 900px;
  /* --- Components --- */
}
.application.sheet.actor.character .sheet-header .title {
  padding-left: 1.25rem;
}
.application.sheet.actor.character .sheet-header .title .details {
  color: var(--cosmere-color-text-accent);
}
.application.sheet.actor.character .sheet-header .level .container {
  width: 58px;
  height: 58px;
}
.application.sheet.actor.character .sheet-header .level .container .background {
  mask: var(--mask-level-svg) no-repeat center;
}
.application.sheet.actor.character .sheet-header .level .container .border {
  mask: var(--border-level-svg) no-repeat center;
}
.application.sheet.actor.character .sheet-header .level .container .value {
  font-size: var(--font-size-28);
  line-height: 62px;
}
.application.sheet.actor.character .details-text .icon-header {
  color: var(--cosmere-color-faded);
}
.application.sheet.actor.character .details-text textarea {
  border: none;
  outline: 0;
  box-shadow: none;
  border-radius: 6px;
  background-color: var(--cosmere-color-base-3);
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-13);
  font-weight: 600;
  font-variant: lining-nums;
  color: var(--cosmere-color-text-sub);
  min-height: 80px;
  padding: 0.375rem;
  margin-top: 0.375rem;
  scrollbar-color: var(--cosmere-color-base-6) var(--color-scrollbar-track);
  width: 100%;
}
.application.sheet.actor.character .bullet-list .bullet {
  font-size: 0.375rem;
}
.application.sheet.actor.character .bullet-list .item {
  padding: 0 0.375rem;
}
.application.sheet.actor.character .bullet-list .item.achieved .fade {
  opacity: 0.4;
}
.application.sheet.actor.character .bullet-list .item .details {
  gap: 0.375rem;
}
.application.sheet.actor.character .bullet-list .item .details .controls {
  width: auto;
}
.application.sheet.actor.character .bullet-list .item.new {
  min-height: 30px;
  background-color: color(from var(--cosmere-color-base-3) srgb r g b/0.7);
  border-radius: 0 0 6px 6px;
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-12);
  font-weight: 600;
  color: var(--cosmere-color-faded);
}
.application.sheet.actor.character .hide-completed {
  margin-top: 0.375rem;
  font-size: var(--font-size-10);
  font-weight: 600;
  color: var(--cosmere-color-faded);
  text-align: right;
}
.application.sheet.actor.character app-character-favorites {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
.application.sheet.actor.character app-character-favorites .icon-header {
  color: var(--cosmere-color-faded);
}
.application.sheet.actor.character app-character-favorites .favorite-list {
  margin-top: 0.675rem;
}
.application.sheet.actor.character app-character-favorites .favorite-list > li {
  margin-bottom: 0.375rem;
}
.application.sheet.actor.character app-character-favorites .favorite-list .item {
  padding: 0;
  background-color: transparent;
}
.application.sheet.actor.character app-character-favorites .favorite-list .item .detail {
  width: auto;
}
.application.sheet.actor.character app-character-favorites .favorite-list .item .controls {
  width: auto;
}
.application.sheet.actor.character app-character-ancestry .border-box,
.application.sheet.actor.character app-character-culture .border-box {
  background-color: var(--cosmere-color-neutral);
}
.application.sheet.actor.character .lineage {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.application.sheet.actor.character app-character-paths-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.application.sheet.actor.character app-character-paths-list .path .border-box {
  background-color: var(--cosmere-color-base-2);
}
.application.sheet.actor.character app-character-ancestry,
.application.sheet.actor.character app-character-culture,
.application.sheet.actor.character app-character-paths-list .path,
.application.sheet.actor.character app-character-skill-linked-item {
  position: relative;
}
.application.sheet.actor.character app-character-ancestry .border-box,
.application.sheet.actor.character app-character-culture .border-box,
.application.sheet.actor.character app-character-paths-list .path .border-box,
.application.sheet.actor.character app-character-skill-linked-item .border-box {
  mask: radial-gradient(8px at 8px 8px, transparent 98%, black) -8px -8px;
}
.application.sheet.actor.character app-character-ancestry .wrapper,
.application.sheet.actor.character app-character-culture .wrapper,
.application.sheet.actor.character app-character-paths-list .path .wrapper,
.application.sheet.actor.character app-character-skill-linked-item .wrapper {
  border: 2px solid var(--cosmere-color-accent);
  border-radius: 0;
  z-index: 1;
  position: relative;
}
.application.sheet.actor.character app-character-ancestry .details,
.application.sheet.actor.character app-character-culture .details,
.application.sheet.actor.character app-character-paths-list .path .details,
.application.sheet.actor.character app-character-skill-linked-item .details {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.application.sheet.actor.character app-character-ancestry .title,
.application.sheet.actor.character app-character-culture .title,
.application.sheet.actor.character app-character-paths-list .path .title,
.application.sheet.actor.character app-character-skill-linked-item .title {
  display: flex;
  padding: 0.375rem 1.125rem;
  flex-direction: column;
  cursor: pointer;
  text-transform: uppercase;
}
.application.sheet.actor.character app-character-ancestry .title .name,
.application.sheet.actor.character app-character-culture .title .name,
.application.sheet.actor.character app-character-paths-list .path .title .name,
.application.sheet.actor.character app-character-skill-linked-item .title .name {
  font-family: var(--cosmere-font-header);
  font-size: var(--font-size-14);
  line-height: 14px;
  padding-top: 0.25rem;
  color: var(--cosmere-color-text-main);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.application.sheet.actor.character app-character-ancestry .title .controls,
.application.sheet.actor.character app-character-culture .title .controls,
.application.sheet.actor.character app-character-paths-list .path .title .controls,
.application.sheet.actor.character app-character-skill-linked-item .title .controls {
  margin-left: 0.125rem;
  font-size: var(--font-size-10);
  color: var(--cosmere-color-text-sub);
}
.application.sheet.actor.character app-character-ancestry .title .item-type,
.application.sheet.actor.character app-character-culture .title .item-type,
.application.sheet.actor.character app-character-paths-list .path .title .item-type,
.application.sheet.actor.character app-character-skill-linked-item .title .item-type {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-10);
  font-weight: bold;
  color: var(--cosmere-color-text-accent);
}
.application.sheet.actor.character app-character-ancestry .skill-list,
.application.sheet.actor.character app-character-culture .skill-list,
.application.sheet.actor.character app-character-paths-list .path .skill-list,
.application.sheet.actor.character app-character-skill-linked-item .skill-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 0.625rem 0.375rem;
  list-style: none;
}
.application.sheet.actor.character app-character-ancestry .skill-list .skill,
.application.sheet.actor.character app-character-culture .skill-list .skill,
.application.sheet.actor.character app-character-paths-list .path .skill-list .skill,
.application.sheet.actor.character app-character-skill-linked-item .skill-list .skill {
  list-style: none;
}
.application.sheet.actor.character app-character-ancestry .level .container,
.application.sheet.actor.character app-character-culture .level .container,
.application.sheet.actor.character app-character-paths-list .path .level .container,
.application.sheet.actor.character app-character-skill-linked-item .level .container {
  width: 44px;
  height: 44px;
}
.application.sheet.actor.character app-character-ancestry .level .container .star,
.application.sheet.actor.character app-character-culture .level .container .star,
.application.sheet.actor.character app-character-paths-list .path .level .container .star,
.application.sheet.actor.character app-character-skill-linked-item .level .container .star {
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: var(--cosmere-color-faded);
  mask: var(--star-cosmere-svg) no-repeat center;
  opacity: 0.5;
}
.application.sheet.actor.character app-character-ancestry .level .container .value,
.application.sheet.actor.character app-character-culture .level .container .value,
.application.sheet.actor.character app-character-paths-list .path .level .container .value,
.application.sheet.actor.character app-character-skill-linked-item .level .container .value {
  font-size: var(--font-size-20);
  line-height: 48px;
}
.application.sheet.actor.character app-character-ancestry .background-img,
.application.sheet.actor.character app-character-culture .background-img,
.application.sheet.actor.character app-character-paths-list .path .background-img,
.application.sheet.actor.character app-character-skill-linked-item .background-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.3;
  overflow: hidden;
  pointer-events: none;
  filter: saturate(0);
}
.application.sheet.actor.character app-character-ancestry .background-img img,
.application.sheet.actor.character app-character-culture .background-img img,
.application.sheet.actor.character app-character-paths-list .path .background-img img,
.application.sheet.actor.character app-character-skill-linked-item .background-img img {
  position: relative;
  width: 100%;
  top: -80px;
}

.application.sheet.actor.adversary {
  --border-tier-svg: url("assets/icons/svg/sheet/border_tier.svg");
  --mask-tier-svg: url("assets/icons/svg/sheet/mask_tier.svg");
  max-width: 800px;
  max-height: 800px;
  /* --- Components --- */
}
.application.sheet.actor.adversary .sheet-header .title .details {
  color: var(--cosmere-color-text-sub);
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.application.sheet.actor.adversary .sheet-header .title .details input {
  color: var(--cosmere-color-text-sub);
}
.application.sheet.actor.adversary .sheet-header .title .details select {
  text-transform: uppercase;
  width: auto;
  height: auto;
  line-height: normal;
  background-color: var(--cosmere-color-base-4);
  border-radius: 6px;
  padding: 0 0.25rem;
  padding-bottom: 0.125rem;
}
.application.sheet.actor.adversary .sheet-header .title .details select:disabled {
  background-color: var(--cosmere-color-base-3);
}
.application.sheet.actor.adversary .sheet-header .title .details select option {
  background-color: var(--cosmere-color-base-4);
}
.application.sheet.actor.adversary .sheet-header .title .details input,
.application.sheet.actor.adversary .sheet-header .title .details select {
  font-family: var(--cosmere-font-normal);
  font-variant: lining-nums;
  font-weight: 600;
}
.application.sheet.actor.adversary .sheet-header .level .container {
  width: 42px;
  height: 42px;
}
.application.sheet.actor.adversary .sheet-header .level .container .background {
  mask: var(--mask-tier-svg) no-repeat center;
}
.application.sheet.actor.adversary .sheet-header .level .container .border {
  mask: var(--border-tier-svg) no-repeat center;
}
.application.sheet.actor.adversary .sheet-header .level .container .value {
  font-size: var(--font-size-24);
  line-height: 46px;
}
.application.sheet.actor.adversary app-adversary-skills .pill[data-action=roll-skill] {
  cursor: pointer;
}
.application.sheet.actor.adversary app-adversary-skills .pill[data-action=roll-skill]:hover {
  text-shadow: 0 0 8px var(--color-shadow-primary);
}

.application.sheet.actor {
  --border-sheet-corner-svg: url("assets/icons/svg/sheet/border_sheet_actor_corner.svg");
  --border-tab-closed-svg: url("assets/icons/svg/sheet/border_tab_closed.svg");
  --mask-tab-closed-svg: url("assets/icons/svg/sheet/mask_tab_closed.svg");
  --border-tab-open-svg: url("assets/icons/svg/sheet/border_tab_open.svg");
  --mask-tab-open-svg: url("assets/icons/svg/sheet/mask_tab_open.svg");
  --border-deflect-svg: url("assets/icons/svg/sheet/border_deflect.svg");
  --mask-deflect-svg: url("assets/icons/svg/sheet/mask_deflect.svg");
  --border-stat-svg: url("assets/icons/svg/sheet/border_stat.svg");
  --mask-stat-svg: url("assets/icons/svg/sheet/mask_stat.svg");
  --border-bar-svg: url("assets/icons/svg/sheet/border_bar.svg");
  --mask-bar-svg: url("assets/icons/svg/sheet/mask_bar.svg");
  --border-attribute-left-svg: url("assets/icons/svg/sheet/border_attribute_left.svg");
  --mask-attribute-left-svg: url("assets/icons/svg/sheet/mask_attribute_left.svg");
  --border-attribute-right-svg: url("assets/icons/svg/sheet/border_attribute_right.svg");
  --mask-attribute-right-svg: url("assets/icons/svg/sheet/mask_attribute_right.svg");
  --border-defense-svg: url("assets/icons/svg/sheet/border_defense.svg");
  --mask-defense-svg: url("assets/icons/svg/sheet/mask_defense.svg");
  --mask-equip-2h-svg: url("assets/icons/svg/sheet/mask_equip_2h.svg");
  --mask-equip-1h-top-svg: url("assets/icons/svg/sheet/mask_equip_1h_top.svg");
  --mask-equip-1h-bot-svg: url("assets/icons/svg/sheet/mask_equip_1h_bot.svg");
  --rest-long-svg: url("assets/icons/svg/sheet/rest_button_long.svg");
  --rest-short-svg: url("assets/icons/svg/sheet/rest_button_short.svg");
  --rest-scene-svg: url("assets/icons/svg/sheet/rest_button_scene.svg");
  /* --- Components --- */
}
.application.sheet.actor > .window-corners .corner {
  width: 50px;
  height: 50px;
}
.application.sheet.actor > .window-content {
  padding: 0 1.875rem;
}
.application.sheet.actor > .window-background .banners .top {
  background-image: var(--cosmere-banner-actor-top);
}
.application.sheet.actor > .window-background .banners .bot {
  background-image: var(--cosmere-banner-actor-bot);
}
.application.sheet.actor .sheet-header {
  margin-top: 0.5rem;
  display: flex;
}
.application.sheet.actor .sheet-header .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
}
.application.sheet.actor .sheet-header .title .document-name {
  font-family: var(--cosmere-font-header-sc);
  font-weight: 600;
  font-size: var(--font-size-48);
  text-transform: capitalize;
  color: var(--cosmere-color-text-main);
  margin: 0;
}
.application.sheet.actor .sheet-header .title .document-name > input {
  height: auto;
  line-height: var(--font-size-48);
}
.application.sheet.actor .sheet-header .title .details {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-15);
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: -0.25rem;
}
.application.sheet.actor .sheet-header .title .details .delim {
  color: var(--cosmere-color-faded);
  margin-top: 0.25rem;
}
.application.sheet.actor .sheet-header .level-details {
  flex: unset;
  display: flex;
  align-items: center;
}
.application.sheet.actor .sheet-header .level-details .level .container .star {
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: var(--cosmere-color-faded);
  mask: var(--star-cosmere-svg) no-repeat center;
  opacity: 0.5;
}
.application.sheet.actor .sheet-header .level-details .level .container input {
  height: 100%;
  padding: 5px 0 0 0;
  text-align: center;
}
.application.sheet.actor .sheet-content {
  margin-top: 1.5rem;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  gap: 1.125rem;
  min-height: 0;
}
.application.sheet.actor .sheet-content .col-left {
  width: 180px;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: unset;
  padding-bottom: 0.75rem;
}
.application.sheet.actor .sheet-content .col-left .scroll-container {
  width: calc(100% + 0.875rem);
  padding-right: 0.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: var(--cosmere-color-base-6) var(--color-scrollbar-track);
  scrollbar-gutter: stable;
}
.application.sheet.actor .sheet-content .col-left .scroll-container .scroll-body {
  overflow: visible;
}
.application.sheet.actor .sheet-content .col-main {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 0.75rem;
}
.application.sheet.actor .sheet-content .col-main .scroll-container {
  margin-top: 1.375rem;
  width: calc(100% + 0.875rem);
  padding-right: 0.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: var(--cosmere-color-base-6) var(--color-scrollbar-track);
  scrollbar-gutter: stable;
  flex: 1;
}
.application.sheet.actor .sheet-content .col-main .scroll-container .tab-body {
  overflow: visible;
}
.application.sheet.actor .sheet-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.application.sheet.actor .sheet-stack .label {
  font-family: var(--cosmere-font-header);
  font-size: var(--font-size-9);
  font-weight: 600;
  color: var(--cosmere-color-text-sub);
  text-transform: uppercase;
  text-align: center;
}
.application.sheet.actor .sheet-stack .container {
  position: relative;
  text-align: center;
}
.application.sheet.actor .sheet-stack .container .background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--cosmere-color-base-2);
}
.application.sheet.actor .sheet-stack .container .border {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--cosmere-color-accent);
}
.application.sheet.actor .sheet-stack .container .value {
  position: relative;
  font-family: var(--cosmere-font-header);
  font-weight: 600;
  color: var(--cosmere-color-text-main);
  z-index: 1;
}
.application.sheet.actor .tab[data-tab] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.application.sheet.actor .tab[data-tab].split {
  flex-direction: row;
  gap: 1.25rem;
}
.application.sheet.actor .tab[data-tab].split > section {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.625rem;
}
.application.sheet.actor .tab[data-tab]:not(.active) {
  display: none;
}
.application.sheet.actor nav {
  border: none;
  position: absolute;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  left: calc(100% + 3px);
  top: 20%;
}
.application.sheet.actor nav.sheet-tabs > [data-tab] {
  padding: 0;
}
.application.sheet.actor nav .sheet-stack .container {
  width: 32px;
  height: 36px;
}
.application.sheet.actor nav .sheet-stack .container .background {
  mask: var(--mask-tab-closed-svg) no-repeat center;
  background-color: var(--cosmere-color-sheet);
}
.application.sheet.actor nav .sheet-stack .container .border {
  mask: var(--border-tab-closed-svg) no-repeat center;
}
.application.sheet.actor nav .sheet-stack .container .value {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-13);
  text-align: center;
  color: var(--cosmere-color-text-accent);
  line-height: 36px;
}
.application.sheet.actor nav .sheet-stack.active .container {
  width: 38px;
  height: 36px;
}
.application.sheet.actor nav .sheet-stack.active .container .background {
  mask: var(--mask-tab-open-svg) no-repeat center;
  background-color: var(--cosmere-color-base-4);
}
.application.sheet.actor nav .sheet-stack.active .container .border {
  mask: var(--border-tab-open-svg) no-repeat center;
}
.application.sheet.actor .conditions-set {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  background-color: var(--cosmere-color-base-3);
  border-radius: 0 0 6px 6px;
}
.application.sheet.actor .conditions-set:not(.editable) {
  pointer-events: none;
}
.application.sheet.actor .conditions-set .condition {
  padding: 0.375rem;
  font-size: var(--font-size-12);
}
.application.sheet.actor .conditions-set .condition:is(.active) {
  color: var(--cosmere-color-text-sub);
}
.application.sheet.actor .conditions-set .condition:is(.active) .condition-icon {
  background-color: var(--cosmere-color-text-sub);
}
.application.sheet.actor .conditions-set .condition:not(.active) {
  color: var(--cosmere-color-faded);
}
.application.sheet.actor .conditions-set .condition:not(.active) .condition-icon {
  background-color: var(--cosmere-color-faded);
}
.application.sheet.actor .conditions-set .condition:is(.immune) > a {
  opacity: 0.3;
}
.application.sheet.actor .conditions-set .condition:not(:nth-last-child(-n+3)) {
  border-bottom: 1pt dashed var(--cosmere-color-faded);
}
.application.sheet.actor .conditions-set .condition:not(:nth-child(3n)) {
  border-right: 1pt dashed var(--cosmere-color-faded);
}
.application.sheet.actor .conditions-set .condition > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.375rem;
}
.application.sheet.actor .conditions-set .condition .name {
  font-family: var(--cosmere-font-normal);
  font-weight: 600;
  text-align: left;
  flex: 1;
}
.application.sheet.actor .conditions-set .condition .condition-icon {
  height: 18px;
  width: 18px;
}
.application.sheet.actor .sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--font-size-10);
  color: var(--cosmere-color-text-sub);
  width: 100%;
  height: 14px;
  margin-bottom: 0.125rem;
}
.application.sheet.actor .sidebar-header .label {
  font-family: var(--cosmere-font-header);
  text-transform: uppercase;
  text-align: left;
}
.application.sheet.actor .sidebar-header .controls {
  text-align: right;
}
.application.sheet.actor app-actor-details {
  display: flex;
  flex-direction: column;
}
.application.sheet.actor app-actor-details .portrait-info {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
}
.application.sheet.actor app-actor-details .portrait-info .portrait {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border: 4px solid var(--cosmere-color-accent);
  border-radius: 50%;
}
.application.sheet.actor app-actor-details .portrait-info .portrait img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  border: none;
}
.application.sheet.actor app-actor-details .portrait-info .portrait img:hover {
  cursor: pointer;
}
.application.sheet.actor app-actor-details .portrait-info .portrait::after {
  box-shadow: inset 0 0 60px var(--cosmere-shadow-85);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.application.sheet.actor app-actor-details .portrait-info a.rest {
  position: absolute;
  width: 22px;
  height: 22px;
  background-color: var(--cosmere-color-text-sub);
}
.application.sheet.actor app-actor-details .portrait-info a.rest.end-scene {
  top: -11px;
  right: 27px;
  mask: var(--rest-scene-svg) no-repeat center;
}
.application.sheet.actor app-actor-details .portrait-info a.rest.short-rest {
  top: 4px;
  right: 4px;
  mask: var(--rest-short-svg) no-repeat center;
}
.application.sheet.actor app-actor-details .portrait-info a.rest.long-rest {
  top: 27px;
  right: -11px;
  mask: var(--rest-long-svg) no-repeat center;
}
.application.sheet.actor app-actor-details .portrait-info .deflect {
  margin-top: -19px;
}
.application.sheet.actor app-actor-details .deflect .container {
  width: 32px;
  height: 38px;
}
.application.sheet.actor app-actor-details .deflect .container .background {
  mask: var(--mask-deflect-svg) no-repeat center;
}
.application.sheet.actor app-actor-details .deflect .container .border {
  mask: var(--border-deflect-svg) no-repeat center;
}
.application.sheet.actor app-actor-details .deflect .container .value {
  font-size: var(--font-size-18);
  line-height: 40px;
}
.application.sheet.actor app-actor-details .deflect .label {
  margin-top: 0.25rem;
}
.application.sheet.actor app-actor-details .derived-stat {
  margin-bottom: 1.75rem;
}
.application.sheet.actor app-actor-details .derived-stat.recovery {
  transform: translateY(0.875rem);
}
.application.sheet.actor app-actor-details .derived-stat .container {
  width: 58px;
  height: 30px;
}
.application.sheet.actor app-actor-details .derived-stat .container .background {
  mask: var(--mask-stat-svg) no-repeat center;
}
.application.sheet.actor app-actor-details .derived-stat .container .border {
  mask: var(--border-stat-svg) no-repeat center;
}
.application.sheet.actor app-actor-details .derived-stat .container .value,
.application.sheet.actor app-actor-details .derived-stat .container .unit {
  font-family: var(--cosmere-font-header);
  color: var(--cosmere-color-text-main);
  font-size: var(--font-size-14);
  line-height: 34px;
}
.application.sheet.actor app-actor-details .derived-stat .container .unit {
  font-variant: small-caps;
  position: relative;
  z-index: 1;
}
.application.sheet.actor app-actor-details .derived-stat .label {
  margin-top: 0.25rem;
}
.application.sheet.actor app-actor-resource {
  display: flex;
  flex-direction: column;
  position: relative;
}
.application.sheet.actor app-actor-resource .resource {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.625rem;
}
.application.sheet.actor app-actor-resource .resource .bar .container {
  width: 180px;
  height: 24px;
}
.application.sheet.actor app-actor-resource .resource .bar .container .background {
  mask: var(--mask-bar-svg) no-repeat center;
}
.application.sheet.actor app-actor-resource .resource .bar .container .inner {
  mask: var(--mask-bar-svg) no-repeat center;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.application.sheet.actor app-actor-resource .resource .bar .container .inner-bar {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.application.sheet.actor app-actor-resource .resource .bar .container .border {
  mask: var(--border-bar-svg) no-repeat center;
}
.application.sheet.actor app-actor-resource .resource .bar .container .value {
  padding-left: 0.75rem;
  font-weight: bold;
  font-size: var(--font-size-14);
  line-height: 28px;
  text-align: left;
  color: var(--cosmere-color-white);
}
.application.sheet.actor app-actor-resource .resource .bar .container .value .delim {
  color: var(--cosmere-color-accent);
}
.application.sheet.actor app-actor-resource .resource .bar .container input {
  display: none;
  padding-left: 0.75rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: var(--cosmere-font-header);
  font-weight: bold;
  font-size: var(--font-size-14);
  line-height: 28px;
  text-align: left;
  padding-top: 4px;
}
.application.sheet.actor app-actor-resource .resource .bar .container input:focus {
  color: var(--cosmere-color-white);
}
.application.sheet.actor app-actor-resource .resource .bar.editing .container .value {
  display: none;
}
.application.sheet.actor app-actor-resource .resource .bar.editing .container input {
  display: block;
}
.application.sheet.actor app-actor-resource .resource.hea .bar .container .background {
  background-color: var(--cosmere-color-health-back);
}
.application.sheet.actor app-actor-resource .resource.hea .bar .container .inner-bar {
  background-color: var(--cosmere-color-health-front);
}
.application.sheet.actor app-actor-resource .resource.foc .bar .container .background {
  background-color: var(--cosmere-color-focus-back);
}
.application.sheet.actor app-actor-resource .resource.foc .bar .container .inner-bar {
  background-color: var(--cosmere-color-focus-front);
}
.application.sheet.actor app-actor-resource .resource.inv .bar .container .background {
  background-color: var(--cosmere-color-invest-back);
}
.application.sheet.actor app-actor-resource .resource.inv .bar .container .inner-bar {
  background-color: var(--cosmere-color-invest-front);
}
.application.sheet.actor app-actor-attributes .attribute-groups {
  margin-top: 1.375rem;
  gap: 0.75rem;
}
.application.sheet.actor app-actor-attributes .attribute-group {
  display: flex;
  flex-direction: column;
}
.application.sheet.actor app-actor-attributes .attribute-group > .label {
  font-family: var(--cosmere-font-header);
  font-size: var(--font-size-12);
  color: var(--cosmere-color-text-sub);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0.25rem;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes {
  align-items: flex-start;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .attribute .container {
  width: 58px;
  height: 50px;
  padding-top: 0.25rem;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .attribute .container.left .background {
  mask: var(--mask-attribute-left-svg) no-repeat center;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .attribute .container.left .border {
  mask: var(--border-attribute-left-svg) no-repeat center;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .attribute .container.right .background {
  mask: var(--mask-attribute-right-svg) no-repeat center;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .attribute .container.right .border {
  mask: var(--border-attribute-right-svg) no-repeat center;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .attribute .container .title {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-11);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cosmere-color-text-sub);
  z-index: 1;
  position: relative;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .attribute .container .title > i {
  position: absolute;
  font-size: 0.75em;
  top: 0.1em;
  right: -1.05em;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .attribute .container .value {
  font-size: var(--font-size-24);
  text-align: center;
  height: 1.25rem;
  padding-top: 0.25rem;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .attribute .container .value.modified:not(:focus) {
  color: var(--cosmere-color-highlight);
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .defense .label {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-11);
  font-weight: bold;
  text-transform: uppercase;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .defense .container {
  width: 40px;
  height: 50px;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .defense .container .background {
  mask: var(--mask-defense-svg) no-repeat center;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .defense .container .border {
  mask: var(--border-defense-svg) no-repeat center;
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .defense .container .config-icon {
  position: absolute;
  width: 100%;
  bottom: 4px;
  left: 0;
  font-size: var(--font-size-10);
}
.application.sheet.actor app-actor-attributes .attribute-group .attributes .defense .container .value {
  font-size: var(--font-size-20);
  line-height: 46px;
}
.application.sheet.actor app-expertises-list .icon-header,
.application.sheet.actor app-actor-immunities .icon-header,
.application.sheet.actor app-adversary-skills .icon-header {
  color: var(--cosmere-color-faded);
  cursor: pointer;
}
.application.sheet.actor app-expertises-list .icon-header .controls::after,
.application.sheet.actor app-actor-immunities .icon-header .controls::after,
.application.sheet.actor app-adversary-skills .icon-header .controls::after {
  content: "\f078";
  font-family: var(--font-awesome);
  color: var(--cosmere-color-faded);
}
.application.sheet.actor app-expertises-list .collapsible,
.application.sheet.actor app-actor-immunities .collapsible,
.application.sheet.actor app-adversary-skills .collapsible {
  margin-top: 0.2rem;
}
.application.sheet.actor app-expertises-list .collapsible.expanded .icon-header > .controls::after,
.application.sheet.actor app-actor-immunities .collapsible.expanded .icon-header > .controls::after,
.application.sheet.actor app-adversary-skills .collapsible.expanded .icon-header > .controls::after {
  content: "\f077";
}
.application.sheet.actor app-actor-search-bar .search-bar {
  height: 40px;
  background-color: var(--cosmere-color-base-3);
  border-radius: 6px;
  padding: 0 0.75rem;
  font-size: var(--font-size-13);
  font-family: var(--cosmere-font-normal);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.application.sheet.actor app-actor-search-bar .search-bar input {
  color: var(--cosmere-color-text-sub);
  text-align: left;
  flex: 1;
}
.application.sheet.actor app-actor-search-bar .search-bar input::placeholder {
  color: var(--cosmere-color-faded);
}
.application.sheet.actor app-actor-search-bar .search-bar .controls {
  font-size: var(--font-size-16);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.application.sheet.actor app-actor-actions-list,
.application.sheet.actor app-actor-equipment-list,
.application.sheet.actor app-adversary-actions-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.application.sheet.actor app-actor-currency-list .currency-list {
  gap: 0.75rem;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.application.sheet.actor app-actor-currency-list .currency-list .currency {
  width: 72px;
  border-radius: 6px;
  background-color: var(--cosmere-color-base-3);
  padding: 0 0.25rem 0 0.75rem;
  position: relative;
  margin-left: 0.5rem;
}
.application.sheet.actor app-actor-currency-list .currency-list .currency > input {
  font-family: var(--cosmere-font-normal);
  font-variant: lining-nums;
  font-size: var(--font-size-10);
  font-weight: bold;
  text-align: right;
  color: var(--cosmere-color-text-main);
  line-height: 20px;
  height: auto;
}
.application.sheet.actor app-actor-currency-list .currency-list .currency > img {
  position: absolute;
  left: -8px;
  top: 2px;
  border: none;
}
.application.sheet.actor app-actor-currency-list .currency-list .currency .fallback {
  width: 16px;
  height: 16px;
  position: absolute;
  left: -8px;
  top: 2px;
  color: var(--cosmere-color-accent);
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.application.sheet.item.talent-tree .window-content {
  padding: 0;
}
.application.sheet.item.talent-tree .window-content > app-talent-tree-view, .application.sheet.item.talent-tree .window-content > app-talent-tree-editor {
  width: 100%;
  height: 100%;
}

app-talent-tree-view {
  position: relative;
}
app-talent-tree-view > .view {
  width: 100%;
  height: 100%;
}

app-talent-tree-editor > .container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
app-talent-tree-editor > .container .view {
  flex: 1;
  background-color: var(--cosmere-color-base-2);
  border-top: 1px solid var(--cosmere-color-accent);
  border-right: 1px solid var(--cosmere-color-accent);
}
app-talent-tree-editor > .container .menu {
  width: 30rem;
  right: -30rem;
  transition: right 0.3s;
  gap: 0.75rem !important;
  padding: 0.2rem 0.5rem;
  font-size: 0.7rem;
}
app-talent-tree-editor > .container .menu input {
  font-size: 0.7rem;
}
app-talent-tree-editor > .container .menu.open {
  right: 0;
}
app-talent-tree-editor > .container .menu .collapsible .header .controls {
  flex: 0;
}
app-talent-tree-editor > .container .menu .collapsible .collapsible-content .form-group-stacked > .form-group > label {
  font-style: italic;
  text-indent: 2em;
}
app-talent-tree-editor > .container .menu .form-group-stacked.collapsible .header > label {
  flex: 1 !important;
}
app-talent-tree-editor > .container .menu fieldset > .form-group > .form-fields, app-talent-tree-editor > .container .menu .collapsible-content .form-group-stacked > .form-group > .form-fields, app-talent-tree-editor > .container .menu .form-group-stacked.collapsible > .form-group > .form-fields {
  flex: 4 !important;
}
app-talent-tree-editor > .container .menu .form-group button {
  display: block !important;
}
app-talent-tree-editor > .container .menu .form-group button.capture-view {
  padding: 0 6px;
}
app-talent-tree-editor > .container .menu .form-group button.capture-view > i {
  margin: 0;
}
app-talent-tree-editor > .container .menu .view-bounds.expanded .header .form-fields span {
  display: none;
}

.application.sheet.item .scroll-container:has(.tab.active[data-tab=talents]) {
  max-height: unset;
  overflow-y: hidden;
}

.application.sheet.item {
  --border-sheet-corner-svg: url("assets/icons/svg/sheet/border_sheet_item_corner.svg");
  --border-header-svg: url("assets/icons/svg/sheet/border_item_header.svg");
  /* --- Components --- */
}
.application.sheet.item:not(.minimized) > .window-header {
  padding: 0 1.25rem;
}
.application.sheet.item > .window-corners .corner {
  width: 30px;
  height: 30px;
}
.application.sheet.item > .window-content {
  padding: 0 1.25rem;
  margin-top: -0.4rem;
}
.application.sheet.item > .window-background .banners .top {
  background-image: var(--cosmere-banner-item-top);
}
.application.sheet.item .sheet-header {
  height: 105px;
  display: flex;
  flex-direction: column;
  margin-top: 0.25rem;
}
.application.sheet.item .sheet-header .border {
  position: absolute;
  left: -3px;
  top: 0px;
  width: calc(100% + 6px);
  height: 105px;
  background-color: var(--cosmere-color-accent);
  mask: var(--border-header-svg) no-repeat;
  pointer-events: none;
}
.application.sheet.item .sheet-header .type-header {
  flex: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.application.sheet.item .sheet-header .type-header .document-type {
  flex: 0;
  text-transform: capitalize;
  font-style: italic;
  font-family: var(--cosmere-font-normal);
  font-weight: 600;
  font-size: var(--font-size-14);
  color: var(--cosmere-color-faded);
}
.application.sheet.item .sheet-header .item-header {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: -1.75rem;
  margin-left: 1px;
  gap: 0.75rem;
  width: 100%;
}
.application.sheet.item .sheet-header .item-header .portrait {
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  flex: none;
  height: 72px;
  margin-top: -0.375rem;
  display: flex;
  justify-content: center;
}
.application.sheet.item .sheet-header .item-header .portrait::after {
  box-shadow: inset 0 0 12px var(--cosmere-shadow-85);
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  width: 72px;
  height: 72px;
  pointer-events: none;
  border-radius: 50%;
}
.application.sheet.item .sheet-header .item-header .portrait img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  border: none;
  margin: unset;
  flex: 0;
}
.application.sheet.item .sheet-header .item-header .portrait img:hover {
  cursor: pointer;
}
.application.sheet.item .sheet-header .item-header .document-name {
  font-family: var(--cosmere-font-header-sc);
  font-weight: 600;
  font-size: var(--font-size-32);
  text-transform: capitalize;
  color: var(--cosmere-color-text-main);
  flex: 1;
}
.application.sheet.item .scroll-container {
  width: calc(100% + 0.875rem);
  max-height: 700px;
  padding-right: 0.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: var(--cosmere-color-base-6) var(--color-scrollbar-track);
  scrollbar-gutter: stable;
  margin-bottom: 0.75rem;
}
.application.sheet.item .scroll-container .tab-body {
  overflow: visible;
}
.application.sheet.item .tab[data-tab] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 0.125rem;
}
.application.sheet.item .tab[data-tab]:not(.active) {
  display: none;
}
.application.sheet.item nav {
  border: none;
  margin: -38px 0 16px 100px;
  justify-content: flex-start;
  gap: 28px;
}
.application.sheet.item nav > a {
  text-transform: uppercase;
  font-family: var(--cosmere-font-normal);
  font-weight: bold;
  font-size: var(--font-size-13);
  color: var(--cosmere-color-faded);
}
.application.sheet.item nav > a.active {
  color: var(--cosmere-color-text-sub);
}
.application.sheet.item nav.sheet-tabs > [data-tab] {
  padding: 0;
}
.application.sheet.item .form-group-stacked .header {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: space-between;
  align-items: center;
  height: 32px;
}
.application.sheet.item .form-group-stacked .header > label {
  flex: none !important;
}
.application.sheet.item .form-group-stacked .header > span {
  flex: 1;
  font-style: italic;
  color: var(--cosmere-color-faded);
}
.application.sheet.item .form-group-stacked .header .controls {
  color: var(--cosmere-color-faded);
}
.application.sheet.item .form-group-stacked.collapsible .header {
  cursor: pointer;
}
.application.sheet.item .form-group-stacked.collapsible .header > label {
  cursor: pointer;
}
.application.sheet.item .form-group-stacked.collapsible .header .collapse-label {
  display: block;
}
.application.sheet.item .form-group-stacked.collapsible .header .controls {
  transition: all 250ms ease;
  transform: rotate(90deg);
}
.application.sheet.item .form-group-stacked.expanded .header .collapse-label {
  display: none;
}
.application.sheet.item .form-group-stacked.expanded .header .controls {
  transform: none;
}
.application.sheet.item .traits-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 0.25rem;
}
.application.sheet.item .traits-list .trait {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.application.sheet.item .traits-list .trait > label {
  flex: none;
}
.application.sheet.item .traits-list .trait > input {
  height: 20px;
  field-sizing: content;
  width: auto;
}
.application.sheet.item .traits-list .trait > input::placeholder {
  color: var(--cosmere-color-faded);
}
.application.sheet.item .properties-list {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.25rem;
  gap: 0.25rem;
}
.application.sheet.item .properties-list .separator {
  font-size: var(--font-size-10);
  color: var(--cosmere-color-faded);
}
.application.sheet.item .properties-list .property {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.application.sheet.item .properties-list .property > input,
.application.sheet.item .properties-list .property > select {
  font-family: var(--cosmere-font-normal);
  font-variant: lining-nums;
  font-weight: 600;
  field-sizing: content;
}
.application.sheet.item .properties-list .property > input {
  color: var(--cosmere-color-text-sub);
}
.application.sheet.item .properties-list .property > select {
  width: auto;
  padding-bottom: 0.125rem;
  margin-left: -0.375rem;
}
.application.sheet.item .properties-list .property > select > option {
  background-color: var(--cosmere-color-base-4);
}
.application.sheet.item app-item-properties {
  flex: 0;
}
.application.sheet.item app-item-details-activation,
.application.sheet.item app-item-details-attack,
.application.sheet.item app-item-details-damage,
.application.sheet.item app-item-details-equip,
.application.sheet.item app-item-details-deflect,
.application.sheet.item app-item-details-id,
.application.sheet.item app-item-details-modality,
.application.sheet.item app-item-details-type,
.application.sheet.item app-talent-tree-editor .menu,
.application.sheet.item .item-details-form {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.application.sheet.item app-item-details-activation:empty,
.application.sheet.item app-item-details-attack:empty,
.application.sheet.item app-item-details-damage:empty,
.application.sheet.item app-item-details-equip:empty,
.application.sheet.item app-item-details-deflect:empty,
.application.sheet.item app-item-details-id:empty,
.application.sheet.item app-item-details-modality:empty,
.application.sheet.item app-item-details-type:empty,
.application.sheet.item app-talent-tree-editor .menu:empty,
.application.sheet.item .item-details-form:empty {
  display: none;
}
.application.sheet.item app-item-details-activation input,
.application.sheet.item app-item-details-attack input,
.application.sheet.item app-item-details-damage input,
.application.sheet.item app-item-details-equip input,
.application.sheet.item app-item-details-deflect input,
.application.sheet.item app-item-details-id input,
.application.sheet.item app-item-details-modality input,
.application.sheet.item app-item-details-type input,
.application.sheet.item app-talent-tree-editor .menu input,
.application.sheet.item .item-details-form input {
  color: var(--cosmere-color-text-sub);
  font-variant: lining-nums;
  font-weight: 600;
}
.application.sheet.item app-item-details-activation input:read-only,
.application.sheet.item app-item-details-attack input:read-only,
.application.sheet.item app-item-details-damage input:read-only,
.application.sheet.item app-item-details-equip input:read-only,
.application.sheet.item app-item-details-deflect input:read-only,
.application.sheet.item app-item-details-id input:read-only,
.application.sheet.item app-item-details-modality input:read-only,
.application.sheet.item app-item-details-type input:read-only,
.application.sheet.item app-talent-tree-editor .menu input:read-only,
.application.sheet.item .item-details-form input:read-only {
  color: var(--cosmere-color-faded);
}
.application.sheet.item app-item-details-activation input[type=checkbox],
.application.sheet.item app-item-details-attack input[type=checkbox],
.application.sheet.item app-item-details-damage input[type=checkbox],
.application.sheet.item app-item-details-equip input[type=checkbox],
.application.sheet.item app-item-details-deflect input[type=checkbox],
.application.sheet.item app-item-details-id input[type=checkbox],
.application.sheet.item app-item-details-modality input[type=checkbox],
.application.sheet.item app-item-details-type input[type=checkbox],
.application.sheet.item app-talent-tree-editor .menu input[type=checkbox],
.application.sheet.item .item-details-form input[type=checkbox] {
  flex: 0 0 20px;
}
.application.sheet.item app-item-details-activation label,
.application.sheet.item app-item-details-attack label,
.application.sheet.item app-item-details-damage label,
.application.sheet.item app-item-details-equip label,
.application.sheet.item app-item-details-deflect label,
.application.sheet.item app-item-details-id label,
.application.sheet.item app-item-details-modality label,
.application.sheet.item app-item-details-type label,
.application.sheet.item app-talent-tree-editor .menu label,
.application.sheet.item .item-details-form label {
  color: var(--cosmere-color-text-sub);
  flex: 1;
  font-weight: 600;
  font-variant: lining-nums;
}
.application.sheet.item app-item-details-activation label .units,
.application.sheet.item app-item-details-attack label .units,
.application.sheet.item app-item-details-damage label .units,
.application.sheet.item app-item-details-equip label .units,
.application.sheet.item app-item-details-deflect label .units,
.application.sheet.item app-item-details-id label .units,
.application.sheet.item app-item-details-modality label .units,
.application.sheet.item app-item-details-type label .units,
.application.sheet.item app-talent-tree-editor .menu label .units,
.application.sheet.item .item-details-form label .units {
  color: var(--cosmere-color-faded);
}
.application.sheet.item app-item-details-activation .form-group,
.application.sheet.item app-item-details-activation .form-group-stacked,
.application.sheet.item app-item-details-attack .form-group,
.application.sheet.item app-item-details-attack .form-group-stacked,
.application.sheet.item app-item-details-damage .form-group,
.application.sheet.item app-item-details-damage .form-group-stacked,
.application.sheet.item app-item-details-equip .form-group,
.application.sheet.item app-item-details-equip .form-group-stacked,
.application.sheet.item app-item-details-deflect .form-group,
.application.sheet.item app-item-details-deflect .form-group-stacked,
.application.sheet.item app-item-details-id .form-group,
.application.sheet.item app-item-details-id .form-group-stacked,
.application.sheet.item app-item-details-modality .form-group,
.application.sheet.item app-item-details-modality .form-group-stacked,
.application.sheet.item app-item-details-type .form-group,
.application.sheet.item app-item-details-type .form-group-stacked,
.application.sheet.item app-talent-tree-editor .menu .form-group,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked,
.application.sheet.item .item-details-form .form-group,
.application.sheet.item .item-details-form .form-group-stacked {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
  min-height: 32px;
}
.application.sheet.item app-item-details-activation .form-group.collapsible,
.application.sheet.item app-item-details-activation .form-group-stacked.collapsible,
.application.sheet.item app-item-details-attack .form-group.collapsible,
.application.sheet.item app-item-details-attack .form-group-stacked.collapsible,
.application.sheet.item app-item-details-damage .form-group.collapsible,
.application.sheet.item app-item-details-damage .form-group-stacked.collapsible,
.application.sheet.item app-item-details-equip .form-group.collapsible,
.application.sheet.item app-item-details-equip .form-group-stacked.collapsible,
.application.sheet.item app-item-details-deflect .form-group.collapsible,
.application.sheet.item app-item-details-deflect .form-group-stacked.collapsible,
.application.sheet.item app-item-details-id .form-group.collapsible,
.application.sheet.item app-item-details-id .form-group-stacked.collapsible,
.application.sheet.item app-item-details-modality .form-group.collapsible,
.application.sheet.item app-item-details-modality .form-group-stacked.collapsible,
.application.sheet.item app-item-details-type .form-group.collapsible,
.application.sheet.item app-item-details-type .form-group-stacked.collapsible,
.application.sheet.item app-talent-tree-editor .menu .form-group.collapsible,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked.collapsible,
.application.sheet.item .item-details-form .form-group.collapsible,
.application.sheet.item .item-details-form .form-group-stacked.collapsible {
  gap: 0;
}
.application.sheet.item app-item-details-activation .form-group.collapsible.expanded,
.application.sheet.item app-item-details-activation .form-group-stacked.collapsible.expanded,
.application.sheet.item app-item-details-attack .form-group.collapsible.expanded,
.application.sheet.item app-item-details-attack .form-group-stacked.collapsible.expanded,
.application.sheet.item app-item-details-damage .form-group.collapsible.expanded,
.application.sheet.item app-item-details-damage .form-group-stacked.collapsible.expanded,
.application.sheet.item app-item-details-equip .form-group.collapsible.expanded,
.application.sheet.item app-item-details-equip .form-group-stacked.collapsible.expanded,
.application.sheet.item app-item-details-deflect .form-group.collapsible.expanded,
.application.sheet.item app-item-details-deflect .form-group-stacked.collapsible.expanded,
.application.sheet.item app-item-details-id .form-group.collapsible.expanded,
.application.sheet.item app-item-details-id .form-group-stacked.collapsible.expanded,
.application.sheet.item app-item-details-modality .form-group.collapsible.expanded,
.application.sheet.item app-item-details-modality .form-group-stacked.collapsible.expanded,
.application.sheet.item app-item-details-type .form-group.collapsible.expanded,
.application.sheet.item app-item-details-type .form-group-stacked.collapsible.expanded,
.application.sheet.item app-talent-tree-editor .menu .form-group.collapsible.expanded,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked.collapsible.expanded,
.application.sheet.item .item-details-form .form-group.collapsible.expanded,
.application.sheet.item .item-details-form .form-group-stacked.collapsible.expanded {
  gap: 0.5rem;
}
.application.sheet.item app-item-details-activation .form-group .form-fields-list,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields-list,
.application.sheet.item app-item-details-attack .form-group .form-fields-list,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields-list,
.application.sheet.item app-item-details-damage .form-group .form-fields-list,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields-list,
.application.sheet.item app-item-details-equip .form-group .form-fields-list,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields-list,
.application.sheet.item app-item-details-deflect .form-group .form-fields-list,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields-list,
.application.sheet.item app-item-details-id .form-group .form-fields-list,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields-list,
.application.sheet.item app-item-details-modality .form-group .form-fields-list,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields-list,
.application.sheet.item app-item-details-type .form-group .form-fields-list,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields-list,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields-list,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields-list,
.application.sheet.item .item-details-form .form-group .form-fields-list,
.application.sheet.item .item-details-form .form-group-stacked .form-fields-list {
  display: flex;
  flex-direction: column;
  flex: 2;
  gap: 4px;
  align-items: center;
}
.application.sheet.item app-item-details-activation .form-group > app-id-input,
.application.sheet.item app-item-details-activation .form-group .form-fields,
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields,
.application.sheet.item app-item-details-attack .form-group > app-id-input,
.application.sheet.item app-item-details-attack .form-group .form-fields,
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields,
.application.sheet.item app-item-details-damage .form-group > app-id-input,
.application.sheet.item app-item-details-damage .form-group .form-fields,
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields,
.application.sheet.item app-item-details-equip .form-group > app-id-input,
.application.sheet.item app-item-details-equip .form-group .form-fields,
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields,
.application.sheet.item app-item-details-deflect .form-group > app-id-input,
.application.sheet.item app-item-details-deflect .form-group .form-fields,
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields,
.application.sheet.item app-item-details-id .form-group > app-id-input,
.application.sheet.item app-item-details-id .form-group .form-fields,
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields,
.application.sheet.item app-item-details-modality .form-group > app-id-input,
.application.sheet.item app-item-details-modality .form-group .form-fields,
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields,
.application.sheet.item app-item-details-type .form-group > app-id-input,
.application.sheet.item app-item-details-type .form-group .form-fields,
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields,
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields,
.application.sheet.item .item-details-form .form-group > app-id-input,
.application.sheet.item .item-details-form .form-group .form-fields,
.application.sheet.item .item-details-form .form-group-stacked > app-id-input,
.application.sheet.item .item-details-form .form-group-stacked .form-fields {
  display: flex;
  flex-direction: row;
  flex: 2;
  gap: 4px;
  align-items: center;
}
.application.sheet.item app-item-details-activation .form-group > app-id-input input[type=text],
.application.sheet.item app-item-details-activation .form-group > app-id-input input[type=number],
.application.sheet.item app-item-details-activation .form-group .form-fields input[type=text],
.application.sheet.item app-item-details-activation .form-group .form-fields input[type=number],
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input input[type=text],
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input input[type=number],
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields input[type=text],
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields input[type=number],
.application.sheet.item app-item-details-attack .form-group > app-id-input input[type=text],
.application.sheet.item app-item-details-attack .form-group > app-id-input input[type=number],
.application.sheet.item app-item-details-attack .form-group .form-fields input[type=text],
.application.sheet.item app-item-details-attack .form-group .form-fields input[type=number],
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input input[type=text],
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input input[type=number],
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields input[type=text],
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields input[type=number],
.application.sheet.item app-item-details-damage .form-group > app-id-input input[type=text],
.application.sheet.item app-item-details-damage .form-group > app-id-input input[type=number],
.application.sheet.item app-item-details-damage .form-group .form-fields input[type=text],
.application.sheet.item app-item-details-damage .form-group .form-fields input[type=number],
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input input[type=text],
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input input[type=number],
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields input[type=text],
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields input[type=number],
.application.sheet.item app-item-details-equip .form-group > app-id-input input[type=text],
.application.sheet.item app-item-details-equip .form-group > app-id-input input[type=number],
.application.sheet.item app-item-details-equip .form-group .form-fields input[type=text],
.application.sheet.item app-item-details-equip .form-group .form-fields input[type=number],
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input input[type=text],
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input input[type=number],
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields input[type=text],
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields input[type=number],
.application.sheet.item app-item-details-deflect .form-group > app-id-input input[type=text],
.application.sheet.item app-item-details-deflect .form-group > app-id-input input[type=number],
.application.sheet.item app-item-details-deflect .form-group .form-fields input[type=text],
.application.sheet.item app-item-details-deflect .form-group .form-fields input[type=number],
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input input[type=text],
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input input[type=number],
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields input[type=text],
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields input[type=number],
.application.sheet.item app-item-details-id .form-group > app-id-input input[type=text],
.application.sheet.item app-item-details-id .form-group > app-id-input input[type=number],
.application.sheet.item app-item-details-id .form-group .form-fields input[type=text],
.application.sheet.item app-item-details-id .form-group .form-fields input[type=number],
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input input[type=text],
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input input[type=number],
.application.sheet.item app-item-details-id .form-group-stacked .form-fields input[type=text],
.application.sheet.item app-item-details-id .form-group-stacked .form-fields input[type=number],
.application.sheet.item app-item-details-modality .form-group > app-id-input input[type=text],
.application.sheet.item app-item-details-modality .form-group > app-id-input input[type=number],
.application.sheet.item app-item-details-modality .form-group .form-fields input[type=text],
.application.sheet.item app-item-details-modality .form-group .form-fields input[type=number],
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input input[type=text],
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input input[type=number],
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields input[type=text],
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields input[type=number],
.application.sheet.item app-item-details-type .form-group > app-id-input input[type=text],
.application.sheet.item app-item-details-type .form-group > app-id-input input[type=number],
.application.sheet.item app-item-details-type .form-group .form-fields input[type=text],
.application.sheet.item app-item-details-type .form-group .form-fields input[type=number],
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input input[type=text],
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input input[type=number],
.application.sheet.item app-item-details-type .form-group-stacked .form-fields input[type=text],
.application.sheet.item app-item-details-type .form-group-stacked .form-fields input[type=number],
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input input[type=text],
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input input[type=number],
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields input[type=text],
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields input[type=number],
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input input[type=text],
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input input[type=number],
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields input[type=text],
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields input[type=number],
.application.sheet.item .item-details-form .form-group > app-id-input input[type=text],
.application.sheet.item .item-details-form .form-group > app-id-input input[type=number],
.application.sheet.item .item-details-form .form-group .form-fields input[type=text],
.application.sheet.item .item-details-form .form-group .form-fields input[type=number],
.application.sheet.item .item-details-form .form-group-stacked > app-id-input input[type=text],
.application.sheet.item .item-details-form .form-group-stacked > app-id-input input[type=number],
.application.sheet.item .item-details-form .form-group-stacked .form-fields input[type=text],
.application.sheet.item .item-details-form .form-group-stacked .form-fields input[type=number] {
  border-radius: 6px;
  background-color: var(--cosmere-color-base-4);
  padding: 0 0.5rem;
  flex: 1;
}
.application.sheet.item app-item-details-activation .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-activation .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-activation .form-group .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-activation .form-group .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-attack .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-attack .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-attack .form-group .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-attack .form-group .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-damage .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-damage .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-damage .form-group .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-damage .form-group .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-equip .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-equip .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-equip .form-group .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-equip .form-group .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-deflect .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-deflect .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-deflect .form-group .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-deflect .form-group .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-id .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-id .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-id .form-group .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-id .form-group .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-modality .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-modality .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-modality .form-group .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-modality .form-group .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-type .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-type .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-type .form-group .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-type .form-group .form-fields input[type=number]:read-only,
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields input[type=number]:read-only,
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields input[type=text]:read-only,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields input[type=number]:read-only,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields input[type=number]:read-only,
.application.sheet.item .item-details-form .form-group > app-id-input input[type=text]:read-only,
.application.sheet.item .item-details-form .form-group > app-id-input input[type=number]:read-only,
.application.sheet.item .item-details-form .form-group .form-fields input[type=text]:read-only,
.application.sheet.item .item-details-form .form-group .form-fields input[type=number]:read-only,
.application.sheet.item .item-details-form .form-group-stacked > app-id-input input[type=text]:read-only,
.application.sheet.item .item-details-form .form-group-stacked > app-id-input input[type=number]:read-only,
.application.sheet.item .item-details-form .form-group-stacked .form-fields input[type=text]:read-only,
.application.sheet.item .item-details-form .form-group-stacked .form-fields input[type=number]:read-only {
  background-color: var(--cosmere-color-base-3);
}
.application.sheet.item app-item-details-activation .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-activation .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-activation .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-activation .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-attack .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-attack .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-attack .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-attack .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-damage .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-damage .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-damage .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-damage .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-equip .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-equip .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-equip .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-equip .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-deflect .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-deflect .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-deflect .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-deflect .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-id .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-id .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-id .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-id .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-modality .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-modality .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-modality .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-modality .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-type .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-type .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-type .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-type .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields input[type=number]::placeholder,
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields input[type=number]::placeholder,
.application.sheet.item .item-details-form .form-group > app-id-input input[type=text]::placeholder,
.application.sheet.item .item-details-form .form-group > app-id-input input[type=number]::placeholder,
.application.sheet.item .item-details-form .form-group .form-fields input[type=text]::placeholder,
.application.sheet.item .item-details-form .form-group .form-fields input[type=number]::placeholder,
.application.sheet.item .item-details-form .form-group-stacked > app-id-input input[type=text]::placeholder,
.application.sheet.item .item-details-form .form-group-stacked > app-id-input input[type=number]::placeholder,
.application.sheet.item .item-details-form .form-group-stacked .form-fields input[type=text]::placeholder,
.application.sheet.item .item-details-form .form-group-stacked .form-fields input[type=number]::placeholder {
  color: var(--cosmere-color-faded);
}
.application.sheet.item app-item-details-activation .form-group > app-id-input input[type=range],
.application.sheet.item app-item-details-activation .form-group .form-fields input[type=range],
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input input[type=range],
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields input[type=range],
.application.sheet.item app-item-details-attack .form-group > app-id-input input[type=range],
.application.sheet.item app-item-details-attack .form-group .form-fields input[type=range],
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input input[type=range],
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields input[type=range],
.application.sheet.item app-item-details-damage .form-group > app-id-input input[type=range],
.application.sheet.item app-item-details-damage .form-group .form-fields input[type=range],
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input input[type=range],
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields input[type=range],
.application.sheet.item app-item-details-equip .form-group > app-id-input input[type=range],
.application.sheet.item app-item-details-equip .form-group .form-fields input[type=range],
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input input[type=range],
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields input[type=range],
.application.sheet.item app-item-details-deflect .form-group > app-id-input input[type=range],
.application.sheet.item app-item-details-deflect .form-group .form-fields input[type=range],
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input input[type=range],
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields input[type=range],
.application.sheet.item app-item-details-id .form-group > app-id-input input[type=range],
.application.sheet.item app-item-details-id .form-group .form-fields input[type=range],
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input input[type=range],
.application.sheet.item app-item-details-id .form-group-stacked .form-fields input[type=range],
.application.sheet.item app-item-details-modality .form-group > app-id-input input[type=range],
.application.sheet.item app-item-details-modality .form-group .form-fields input[type=range],
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input input[type=range],
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields input[type=range],
.application.sheet.item app-item-details-type .form-group > app-id-input input[type=range],
.application.sheet.item app-item-details-type .form-group .form-fields input[type=range],
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input input[type=range],
.application.sheet.item app-item-details-type .form-group-stacked .form-fields input[type=range],
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input input[type=range],
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields input[type=range],
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input input[type=range],
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields input[type=range],
.application.sheet.item .item-details-form .form-group > app-id-input input[type=range],
.application.sheet.item .item-details-form .form-group .form-fields input[type=range],
.application.sheet.item .item-details-form .form-group-stacked > app-id-input input[type=range],
.application.sheet.item .item-details-form .form-group-stacked .form-fields input[type=range] {
  flex: 3;
  --range-track-color: var(--cosmere-color-base-4);
  --range-thumb-background-color: var(--cosmere-color-accent);
  --range-thumb-border-color: transparent;
}
.application.sheet.item app-item-details-activation .form-group > app-id-input select,
.application.sheet.item app-item-details-activation .form-group .form-fields select,
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input select,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields select,
.application.sheet.item app-item-details-attack .form-group > app-id-input select,
.application.sheet.item app-item-details-attack .form-group .form-fields select,
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input select,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields select,
.application.sheet.item app-item-details-damage .form-group > app-id-input select,
.application.sheet.item app-item-details-damage .form-group .form-fields select,
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input select,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields select,
.application.sheet.item app-item-details-equip .form-group > app-id-input select,
.application.sheet.item app-item-details-equip .form-group .form-fields select,
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input select,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields select,
.application.sheet.item app-item-details-deflect .form-group > app-id-input select,
.application.sheet.item app-item-details-deflect .form-group .form-fields select,
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input select,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields select,
.application.sheet.item app-item-details-id .form-group > app-id-input select,
.application.sheet.item app-item-details-id .form-group .form-fields select,
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input select,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields select,
.application.sheet.item app-item-details-modality .form-group > app-id-input select,
.application.sheet.item app-item-details-modality .form-group .form-fields select,
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input select,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields select,
.application.sheet.item app-item-details-type .form-group > app-id-input select,
.application.sheet.item app-item-details-type .form-group .form-fields select,
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input select,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields select,
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input select,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields select,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input select,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields select,
.application.sheet.item .item-details-form .form-group > app-id-input select,
.application.sheet.item .item-details-form .form-group .form-fields select,
.application.sheet.item .item-details-form .form-group-stacked > app-id-input select,
.application.sheet.item .item-details-form .form-group-stacked .form-fields select {
  background-color: var(--cosmere-color-base-4);
  border-radius: 6px;
  padding: 0 0.25rem;
  flex: 2;
}
.application.sheet.item app-item-details-activation .form-group > app-id-input select:disabled,
.application.sheet.item app-item-details-activation .form-group .form-fields select:disabled,
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input select:disabled,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields select:disabled,
.application.sheet.item app-item-details-attack .form-group > app-id-input select:disabled,
.application.sheet.item app-item-details-attack .form-group .form-fields select:disabled,
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input select:disabled,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields select:disabled,
.application.sheet.item app-item-details-damage .form-group > app-id-input select:disabled,
.application.sheet.item app-item-details-damage .form-group .form-fields select:disabled,
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input select:disabled,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields select:disabled,
.application.sheet.item app-item-details-equip .form-group > app-id-input select:disabled,
.application.sheet.item app-item-details-equip .form-group .form-fields select:disabled,
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input select:disabled,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields select:disabled,
.application.sheet.item app-item-details-deflect .form-group > app-id-input select:disabled,
.application.sheet.item app-item-details-deflect .form-group .form-fields select:disabled,
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input select:disabled,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields select:disabled,
.application.sheet.item app-item-details-id .form-group > app-id-input select:disabled,
.application.sheet.item app-item-details-id .form-group .form-fields select:disabled,
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input select:disabled,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields select:disabled,
.application.sheet.item app-item-details-modality .form-group > app-id-input select:disabled,
.application.sheet.item app-item-details-modality .form-group .form-fields select:disabled,
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input select:disabled,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields select:disabled,
.application.sheet.item app-item-details-type .form-group > app-id-input select:disabled,
.application.sheet.item app-item-details-type .form-group .form-fields select:disabled,
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input select:disabled,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields select:disabled,
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input select:disabled,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields select:disabled,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input select:disabled,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields select:disabled,
.application.sheet.item .item-details-form .form-group > app-id-input select:disabled,
.application.sheet.item .item-details-form .form-group .form-fields select:disabled,
.application.sheet.item .item-details-form .form-group-stacked > app-id-input select:disabled,
.application.sheet.item .item-details-form .form-group-stacked .form-fields select:disabled {
  background-color: var(--cosmere-color-base-3);
}
.application.sheet.item app-item-details-activation .form-group > app-id-input > .extra,
.application.sheet.item app-item-details-activation .form-group .form-fields > .extra,
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input > .extra,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields > .extra,
.application.sheet.item app-item-details-attack .form-group > app-id-input > .extra,
.application.sheet.item app-item-details-attack .form-group .form-fields > .extra,
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input > .extra,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields > .extra,
.application.sheet.item app-item-details-damage .form-group > app-id-input > .extra,
.application.sheet.item app-item-details-damage .form-group .form-fields > .extra,
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input > .extra,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields > .extra,
.application.sheet.item app-item-details-equip .form-group > app-id-input > .extra,
.application.sheet.item app-item-details-equip .form-group .form-fields > .extra,
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input > .extra,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields > .extra,
.application.sheet.item app-item-details-deflect .form-group > app-id-input > .extra,
.application.sheet.item app-item-details-deflect .form-group .form-fields > .extra,
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input > .extra,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields > .extra,
.application.sheet.item app-item-details-id .form-group > app-id-input > .extra,
.application.sheet.item app-item-details-id .form-group .form-fields > .extra,
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input > .extra,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields > .extra,
.application.sheet.item app-item-details-modality .form-group > app-id-input > .extra,
.application.sheet.item app-item-details-modality .form-group .form-fields > .extra,
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input > .extra,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields > .extra,
.application.sheet.item app-item-details-type .form-group > app-id-input > .extra,
.application.sheet.item app-item-details-type .form-group .form-fields > .extra,
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input > .extra,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields > .extra,
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input > .extra,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields > .extra,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input > .extra,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields > .extra,
.application.sheet.item .item-details-form .form-group > app-id-input > .extra,
.application.sheet.item .item-details-form .form-group .form-fields > .extra,
.application.sheet.item .item-details-form .form-group-stacked > app-id-input > .extra,
.application.sheet.item .item-details-form .form-group-stacked .form-fields > .extra {
  flex: 0;
}
.application.sheet.item app-item-details-activation .form-group > app-id-input > .delim,
.application.sheet.item app-item-details-activation .form-group .form-fields > .delim,
.application.sheet.item app-item-details-activation .form-group-stacked > app-id-input > .delim,
.application.sheet.item app-item-details-activation .form-group-stacked .form-fields > .delim,
.application.sheet.item app-item-details-attack .form-group > app-id-input > .delim,
.application.sheet.item app-item-details-attack .form-group .form-fields > .delim,
.application.sheet.item app-item-details-attack .form-group-stacked > app-id-input > .delim,
.application.sheet.item app-item-details-attack .form-group-stacked .form-fields > .delim,
.application.sheet.item app-item-details-damage .form-group > app-id-input > .delim,
.application.sheet.item app-item-details-damage .form-group .form-fields > .delim,
.application.sheet.item app-item-details-damage .form-group-stacked > app-id-input > .delim,
.application.sheet.item app-item-details-damage .form-group-stacked .form-fields > .delim,
.application.sheet.item app-item-details-equip .form-group > app-id-input > .delim,
.application.sheet.item app-item-details-equip .form-group .form-fields > .delim,
.application.sheet.item app-item-details-equip .form-group-stacked > app-id-input > .delim,
.application.sheet.item app-item-details-equip .form-group-stacked .form-fields > .delim,
.application.sheet.item app-item-details-deflect .form-group > app-id-input > .delim,
.application.sheet.item app-item-details-deflect .form-group .form-fields > .delim,
.application.sheet.item app-item-details-deflect .form-group-stacked > app-id-input > .delim,
.application.sheet.item app-item-details-deflect .form-group-stacked .form-fields > .delim,
.application.sheet.item app-item-details-id .form-group > app-id-input > .delim,
.application.sheet.item app-item-details-id .form-group .form-fields > .delim,
.application.sheet.item app-item-details-id .form-group-stacked > app-id-input > .delim,
.application.sheet.item app-item-details-id .form-group-stacked .form-fields > .delim,
.application.sheet.item app-item-details-modality .form-group > app-id-input > .delim,
.application.sheet.item app-item-details-modality .form-group .form-fields > .delim,
.application.sheet.item app-item-details-modality .form-group-stacked > app-id-input > .delim,
.application.sheet.item app-item-details-modality .form-group-stacked .form-fields > .delim,
.application.sheet.item app-item-details-type .form-group > app-id-input > .delim,
.application.sheet.item app-item-details-type .form-group .form-fields > .delim,
.application.sheet.item app-item-details-type .form-group-stacked > app-id-input > .delim,
.application.sheet.item app-item-details-type .form-group-stacked .form-fields > .delim,
.application.sheet.item app-talent-tree-editor .menu .form-group > app-id-input > .delim,
.application.sheet.item app-talent-tree-editor .menu .form-group .form-fields > .delim,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked > app-id-input > .delim,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked .form-fields > .delim,
.application.sheet.item .item-details-form .form-group > app-id-input > .delim,
.application.sheet.item .item-details-form .form-group .form-fields > .delim,
.application.sheet.item .item-details-form .form-group-stacked > app-id-input > .delim,
.application.sheet.item .item-details-form .form-group-stacked .form-fields > .delim {
  flex: none;
}
.application.sheet.item app-item-details-activation .form-group-stacked,
.application.sheet.item app-item-details-attack .form-group-stacked,
.application.sheet.item app-item-details-damage .form-group-stacked,
.application.sheet.item app-item-details-equip .form-group-stacked,
.application.sheet.item app-item-details-deflect .form-group-stacked,
.application.sheet.item app-item-details-id .form-group-stacked,
.application.sheet.item app-item-details-modality .form-group-stacked,
.application.sheet.item app-item-details-type .form-group-stacked,
.application.sheet.item app-talent-tree-editor .menu .form-group-stacked,
.application.sheet.item .item-details-form .form-group-stacked {
  flex-direction: column;
  align-items: stretch;
}
.application.sheet.item app-item-details-activation .hint,
.application.sheet.item app-item-details-attack .hint,
.application.sheet.item app-item-details-damage .hint,
.application.sheet.item app-item-details-equip .hint,
.application.sheet.item app-item-details-deflect .hint,
.application.sheet.item app-item-details-id .hint,
.application.sheet.item app-item-details-modality .hint,
.application.sheet.item app-item-details-type .hint,
.application.sheet.item app-talent-tree-editor .menu .hint,
.application.sheet.item .item-details-form .hint {
  color: var(--cosmere-color-faded);
  margin: 0;
}
.application.sheet.item app-ancestry-advancement-talent-list,
.application.sheet.item app-ancestry-bonus-talents {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.application.sheet.item app-ancestry-advancement-talent-list .drop-area,
.application.sheet.item app-ancestry-bonus-talents .drop-area {
  margin: 0;
}
.application.sheet.item app-ancestry-advancement-talent-list .item.talent .details .level > input,
.application.sheet.item app-ancestry-bonus-talents .item.talent .details .level > input {
  height: 20px;
  font-family: var(--cosmere-font-normal);
  font-variant: lining-nums;
  font-weight: 600;
  font-size: var(--font-size-12);
  field-sizing: content;
  color: var(--cosmere-color-text-sub);
  text-align: center;
}

.sheet.journal-sheet section[data-link] h1 > a, .sheet.journal-sheet section[data-link] h2 > a, .sheet.journal-sheet section[data-link] h3 > a, .sheet.journal-sheet section[data-link] h4 > a, .sheet.journal-sheet section[data-link] h5 > a, .sheet.journal-sheet section[data-link] h6 > a {
  vertical-align: super;
  font-size: 10pt;
}
.sheet.journal-sheet section[data-link] > a.embed-label {
  float: left;
  position: relative;
  padding-right: 1ch;
}
.sheet.journal-sheet section[data-link] > a.embed-label span {
  font-weight: bold;
  color: var(--cosmere-color-opportunity);
}
.sheet.journal-sheet section[data-link] > a.embed-label > i.icon {
  position: absolute;
  font-size: 0.5em;
  top: 2px;
  right: 0.9ch;
}
.sheet.journal-sheet section.item-embed.talent-tree {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sheet.journal-sheet section.item-embed.talent-tree .embed > section {
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.sheet.journal-sheet section.item-embed.talent-tree .embed > section .controls {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  z-index: 1;
  font-weight: bold;
  font-size: 1.2em;
  color: var(--cosmere-color-accent);
}
.sheet.journal-sheet section.item-embed.talent-tree .embed > section > app-talent-tree-view {
  width: 100%;
  height: 100%;
}

:is(.chat-popout, #chat-log, .chat-log) .chat-message {
  padding: 0.5rem;
  border-width: 1px;
  border-block-end-width: 2px;
  border-radius: 6px;
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-13);
  font-variant: lining-nums;
  position: relative;
  background: var(--cosmere-color-parchment);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .overlay {
  text-align: center !important;
  flex-grow: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0.125rem;
  padding: 0 0.375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .overlay div {
  width: 22px;
  height: 22px;
  padding: 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .overlay div img {
  border: 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .overlay div img:hover {
  cursor: pointer;
  filter: var(--cosmere-shadow-svg);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .overlay.overlay-crit.left {
  justify-content: flex-start;
  margin-right: 25%;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .overlay.overlay-crit.right {
  justify-content: flex-end;
  margin-left: 25%;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .cosmere-icon + .overlay {
  bottom: 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header {
  margin-bottom: 0.5rem;
  position: relative;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header .message-delete {
  display: none;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header .message-sender {
  display: flex;
  align-items: start;
  gap: 0.75rem;
  white-space: unset;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header .message-sender .avatar {
  height: 100%;
  display: grid;
  place-content: center;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header .message-sender img {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  box-shadow: 0 0 6px var(--cosmere-shadow-85);
  object-fit: cover;
  object-position: top;
  border: none;
  flex: none;
  background: var(--cosmere-color-dark-3);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header .name-stacked {
  flex: 1;
  display: flex;
  min-height: 32px;
  flex-direction: column;
  justify-content: center;
  line-height: normal;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header .title {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-16);
  line-height: 16px;
  padding-top: 0.25rem;
  font-weight: bold;
  color: var(--cosmere-color-dark-3);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header .subtitle {
  font-size: var(--font-size-11);
  color: var(--cosmere-color-dark-6);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header .message-metadata {
  font-size: var(--font-size-10);
  transform: translate(2px, -4px);
  flex: none;
  gap: 0.25rem;
  display: flex;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-header .message-metadata time {
  color: var(--cosmere-color-dark-6);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content {
  position: relative;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section {
  padding: 0.5rem;
  border: 1px solid var(--cosmere-color-light-1);
  border-radius: 3px;
  background: var(--cosmere-color-off-white-1);
  overflow: hidden;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.critical {
  border: 3px double var(--cosmere-color-opportunity);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary > img {
  width: 32px;
  height: 32px;
  border: 2px solid var(--cosmere-color-dark-3);
  box-shadow: 0 0 4px var(--cosmere-shadow-45);
  border-radius: 0;
  background-color: var(--cosmere-color-dark-6);
  object-fit: cover;
  object-position: top;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary > .icon {
  font-size: var(--font-size-16);
  color: var(--cosmere-color-opportunity);
  padding-right: 0.25rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary > .icon.clickable:hover {
  cursor: pointer;
  filter: var(--cosmere-shadow-svg);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary .name-stacked {
  padding-right: 0.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary .name-stacked .title {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-15);
  font-weight: bold;
  color: var(--cosmere-color-dark-1);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary .name-stacked .title.undone strong {
  text-decoration: line-through;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary .name-stacked .subtitle {
  font-size: var(--font-size-10);
  color: var(--cosmere-color-dark-6);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary .name-stacked .traits {
  font-size: var(--font-size-10);
  color: var(--cosmere-color-dark-6);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .summary .name-stacked .traits strong {
  color: var(--cosmere-color-opportunity);
  font-weight: 600;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .details {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-11);
  padding: 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .details > .wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow: hidden;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .details p {
  margin: 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.description .details p:first-child {
  padding-top: 0.5rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.injury .summary .name-stacked .title {
  font-size: var(--font-size-14);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.injury .summary .name-stacked .title strong {
  color: var(--cosmere-color-complication);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.healing .summary .name-stacked .title {
  font-size: var(--font-size-14);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section.healing .summary .name-stacked .title strong {
  color: var(--cosmere-color-health-front);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .section-header {
  margin-bottom: 0.25rem;
  font-family: var(--cosmere-font-normal);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .section-header .title {
  font-weight: bold;
  font-size: var(--font-size-13);
  text-transform: uppercase;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.1rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .section-header .subtitle {
  font-weight: 600;
  font-size: var(--font-size-13);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.25rem;
  font-style: italic;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .section-header .subtitle .skill {
  font-weight: bold;
  color: var(--cosmere-color-opportunity);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .section-header .subtitle .attribute {
  color: var(--cosmere-color-light-2);
  text-transform: uppercase;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .section-header .types {
  font-size: var(--font-size-10);
  font-family: var(--cosmere-font-condensed);
  color: var(--cosmere-color-dark-6) !important;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .section-header .types > img {
  border: none;
  width: 12px;
  opacity: 0.4;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-flavor {
  display: none;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-roll-injury,
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-roll-d20,
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-roll-damage {
  display: flex;
  height: 36px;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip {
  flex: auto;
  order: unset;
  display: block;
  overflow: hidden;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .tooltip-part {
  border-bottom: 1px solid var(--color-border-light-1);
  padding: 0.125rem 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .tooltip-part.constant {
  padding-right: 6px;
  min-height: 40px;
  display: grid;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .tooltip-part:last-child {
  border: none;
  padding-bottom: 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice {
  display: flex;
  align-items: center;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls {
  flex: 1;
  margin: 5px 0 5px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  align-items: center;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .roll {
  float: unset;
  margin: 0;
  height: 24px;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .roll.success, :is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .roll.max {
  color: var(--cosmere-color-opportunity);
  filter: sepia(1) hue-rotate(180deg);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .roll.failure, :is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .roll.min {
  color: var(--cosmere-color-complication);
  filter: sepia(0.8) hue-rotate(-50deg);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .roll.rerolled, :is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .roll.discarded {
  color: inherit;
  filter: sepia(0.5) contrast(0.75) opacity(0.4);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .roll.plotdie > img {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .constant {
  font-family: var(--cosmere-font-normal);
  font-weight: bold;
  font-size: var(--font-size-16);
  margin-left: 0.25rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .dice-rolls .constant .sign {
  color: var(--cosmere-color-light-2);
  font-weight: normal;
  margin-right: 2px;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .total {
  flex-basis: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .total > img {
  top: 6px;
  position: absolute;
  width: 30px;
  border: none;
  opacity: 0.1;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .total .label {
  font-family: var(--cosmere-font-condensed);
  font-size: var(--font-size-10);
  color: var(--cosmere-color-dark-6);
  text-transform: uppercase;
  text-align: center;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .total .value {
  font-family: var(--cosmere-font-normal);
  color: var(--cosmere-color-dark-1);
  font-weight: bold;
  font-size: var(--font-size-20);
  margin-top: -0.125rem;
  margin-bottom: 0.125rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-tooltip .dice .total .sign {
  color: var(--cosmere-color-light-2);
  font-weight: normal;
  margin-right: 2px;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-formula, :is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-total {
  border-radius: 3px;
  background: var(--cosmere-background-5);
  font-weight: 600;
  padding: 0.25rem;
  line-height: normal;
  flex: auto;
  margin: 0;
  width: 100%;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-formula > .label {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-10);
  font-weight: 600;
  color: var(--cosmere-color-light-2);
  text-transform: uppercase;
  text-align: left !important;
  flex-grow: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 0.375rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 1;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-total {
  font-weight: bold;
  font-size: var(--font-size-22);
  font-family: var(--cosmere-font-header);
  line-height: 36px;
  color: var(--cosmere-color-dark-1);
  padding: 0.125rem;
  position: relative;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-total.ignored {
  opacity: 0.4;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-total.opportunity {
  color: var(--cosmere-color-opportunity);
  background: var(--cosmere-color-opportunity-background);
  border-color: var(--cosmere-color-opportunity);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-total.complication {
  color: var(--cosmere-color-complication);
  background: var(--cosmere-color-complication-background);
  border-color: var(--cosmere-color-complication);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-total:has(.cosmere-icon) {
  line-height: 32px;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-total .cosmere-icon {
  vertical-align: middle;
  font-size: var(--font-size-18);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-roll-damage .dice-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-subtotal {
  transition: all 200ms ease;
  line-height: normal;
  padding: 0 0.5rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  width: 20%;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-subtotal .value {
  color: var(--cosmere-color-dark-6);
  font-size: var(--font-size-12);
  font-family: var(--cosmere-font-normal);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-subtotal .label {
  color: var(--cosmere-color-light-1);
  font-size: var(--font-size-10);
  font-family: var(--cosmere-font-condensed);
  text-transform: uppercase;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-subtotal.active {
  padding: 0;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  width: 80%;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-subtotal.active.left {
  padding-left: 20%;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-subtotal.active.left:has(+ .right) {
  border-right: 1px solid var(--cosmere-color-light-4);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-subtotal.active.right {
  padding-right: 20%;
  border-left: 1px solid var(--cosmere-color-light-4);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-subtotal.active .value {
  color: var(--cosmere-color-dark-1);
  font-size: var(--font-size-22);
  font-family: var(--cosmere-font-header);
  padding-top: 0.375rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-subtotal.active .label {
  display: none;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-section .dice-roll .dice-result .dice-total.opportunity .dice-subtotal.active .value {
  color: var(--cosmere-color-opportunity);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray > label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-11);
  font-family: var(--cosmere-font-normal);
  font-weight: bold;
  text-transform: uppercase;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray > label > span {
  flex: none;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray > label > i:first-of-type {
  color: var(--cosmere-color-light-2);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray > label::before, :is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray > label::after {
  content: "";
  flex-basis: 50%;
  border-top: 1px dotted var(--cosmere-color-dark-6);
  align-self: center;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray .target-headers {
  color: var(--cosmere-color-light-2);
  font-size: var(--font-size-10);
  font-family: var(--cosmere-font-condensed);
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.25rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray .target-headers > span {
  width: 15%;
  text-align: center;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray .target-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0.25rem 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray .target-list .target {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: var(--font-size-13);
  font-family: var(--cosmere-font-normal);
  font-weight: bold;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray .target-list .target .name {
  color: var(--cosmere-color-dark-1);
  width: 55%;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray .target-list .target .result {
  color: var(--cosmere-color-dark-4);
  width: 15%;
  text-align: center;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray .target-list .target .result .success {
  color: var(--cosmere-color-health-front);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .chat-card-tray .target-list .target .result .failure {
  color: var(--cosmere-color-complication);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .collapsible {
  cursor: pointer;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .collapsible .collapsible-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 250ms ease;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .collapsible .collapsible-content > .wrapper {
  overflow: hidden;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .collapsible .fa-caret-down {
  transform: rotate(-90deg);
  transition: all 250ms ease;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .collapsible.expanded .fa-caret-down {
  transform: rotate(0deg);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .message-content .chat-card .collapsible.expanded .collapsible-content {
  grid-template-rows: 1fr;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .apply-buttons {
  justify-content: space-evenly;
  align-items: center;
  padding-right: 0;
  padding-top: 5px;
  text-align: right !important;
  display: flex;
  font-family: var(--cosmere-font-normal);
  position: static;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .apply-buttons button {
  width: 46px;
  height: 22px;
  font-size: var(--font-size-14);
  font-weight: 600;
  line-height: 22px;
  padding: 0;
  gap: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 0.125rem;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .apply-buttons button > i {
  margin: 0;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .apply-buttons button.damage {
  color: var(--cosmere-color-complication);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .apply-buttons button.healing {
  color: var(--cosmere-color-health-front);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .apply-buttons button.focus {
  color: var(--cosmere-color-focus-front);
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .enricher-link a {
  border-radius: 4px;
  background: var(--cosmere-color-light-6);
  margin: 0.125rem;
  padding: 0.125rem;
  font-weight: bold;
}
:is(.chat-popout, #chat-log, .chat-log) .chat-message .enricher-link a:hover {
  background: var(--cosmere-color-light-3);
  box-shadow: 0 0 5px var(--cosmere-color-light-1);
}

/* Modifier Keys */
:is(.chat-popout, #chat-log, .chat-log)[data-modifier-shift] .chat-message .message-header .message-delete {
  display: unset;
}

.immunity-tooltip {
  display: flex;
  flex-direction: column;
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-14);
  font-variant: lining-nums;
  font-weight: 600;
  line-height: var(--font-size-14);
  color: var(--cosmere-color-text-sub);
  gap: 0.25rem;
}
.immunity-tooltip .immunity {
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-12);
}

.combat-sidebar .combat-tracker-header {
  border: none;
}

.combat-sidebar .combat-tracker {
  --combat-fast-turn-svg: url("assets/icons/svg/combat/icon_combat_fast_turn_on.svg");
  --combat-fast-turn-hover-svg: url("assets/icons/svg/combat/icon_combat_fast_turn_hover.svg");
  --combat-slow-turn-svg: url("assets/icons/svg/combat/icon_combat_slow_turn_on.svg");
  --combat-slow-turn-hover-svg: url("assets/icons/svg/combat/icon_combat_slow_turn_hover.svg");
  --combat-turn-pending-svg: url("assets/icons/svg/combat/icon_combat_turn_pending.svg");
  --combat-turn-hover-svg: url("assets/icons/svg/combat/icon_combat_turn_hover.svg");
  --combat-turn-done-svg: url("assets/icons/svg/combat/icon_combat_turn_done.svg");
  overflow-x: hidden;
}
.combat-sidebar .combat-tracker .combat-phase {
  padding: 0.5rem 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--color-border-dark-1);
  border-bottom: 1px solid var(--color-border-dark-1);
}
.combat-sidebar .combat-tracker .combat-phase.fast {
  background-color: var(--cosmere-color-turn-fast);
}
.combat-sidebar .combat-tracker .combat-phase.slow {
  background-color: var(--cosmere-color-turn-slow);
}
.combat-sidebar .combat-tracker .combat-phase .title {
  font-family: var(--cosmere-font-header);
  font-size: var(--font-size-12);
  text-transform: uppercase;
  padding-top: 0.25rem;
}
.combat-sidebar .combat-tracker .combatant {
  border: none;
}
.combat-sidebar .combat-tracker .combatant.defeated {
  color: var(--cosmere-color-complication-text);
}
.combat-sidebar .combat-tracker .combatant.defeated > img {
  opacity: 0.3;
  transform: scale(0.75);
}
.combat-sidebar .combat-tracker .combatant-name {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-15);
  font-weight: 600;
}
.combat-sidebar .combat-tracker .combatant-turn-controls {
  display: flex;
  text-align: center;
  justify-content: center;
  flex: 0;
  margin-right: 0.25rem;
}
.combat-sidebar .combat-tracker .combatant-turn-speed-control,
.combat-sidebar .combat-tracker .combatant-turn-finish-control {
  cursor: pointer;
  display: block;
  width: 32px;
  height: var(--sidebar-item-height);
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
}
.combat-sidebar .combat-tracker .combatant-turn-speed-control:hover,
.combat-sidebar .combat-tracker .combatant-turn-finish-control:hover {
  filter: var(--cosmere-shadow-svg);
}
.combat-sidebar .combat-tracker .combatant-turn-speed-control.fast {
  background-image: var(--combat-fast-turn-svg);
}
.combat-sidebar .combat-tracker .combatant-turn-speed-control.fast:hover {
  background-image: var(--combat-fast-turn-hover-svg);
}
.combat-sidebar .combat-tracker .combatant-turn-speed-control.slow {
  background-image: var(--combat-slow-turn-svg);
}
.combat-sidebar .combat-tracker .combatant-turn-speed-control.slow:hover {
  background-image: var(--combat-slow-turn-hover-svg);
}
.combat-sidebar .combat-tracker .combatant-turn-finish-control:not(.done) {
  background-image: var(--combat-turn-pending-svg);
}
.combat-sidebar .combat-tracker .combatant-turn-finish-control:not(.done):hover {
  background-image: var(--combat-turn-hover-svg);
  animation: rotating 2s linear infinite;
}
.combat-sidebar .combat-tracker .combatant-turn-finish-control.done {
  background-image: var(--combat-turn-done-svg);
  opacity: 0.4;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.application.dialog {
  border: 1px solid var(--cosmere-color-accent);
  border-radius: 6px;
}
.application.dialog > .window-header {
  padding: 0 0.75rem !important;
}
.application.dialog > .window-header .window-title {
  visibility: visible !important;
  font-family: var(--cosmere-font-header);
  font-size: var(--font-size-12);
  color: var(--cosmere-color-text-sub);
  text-transform: uppercase;
  text-align: left;
  padding-top: 0.25rem;
}
.application.dialog > .window-content {
  padding: 0 0.75rem 0.75rem;
}
.application.dialog .scroll-container {
  width: calc(100% + 0.5rem);
  padding-right: 0.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: var(--cosmere-color-base-6) var(--color-scrollbar-track);
  scrollbar-gutter: stable;
}
.application.dialog ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.application.dialog ul > li {
  margin: 0;
  list-style-type: none;
}
.application.dialog .expertise-list .header,
.application.dialog .immunities-list .header {
  display: flex;
  align-items: center;
  min-height: 30px;
  background-color: var(--cosmere-color-base-1);
  border-radius: 6px 6px 0 0;
  padding: 0 0.375rem;
}
.application.dialog .expertise-list .header .title,
.application.dialog .immunities-list .header .title {
  margin-left: 0.25rem;
  font-size: var(--font-size-15);
  font-weight: 600;
  color: var(--cosmere-color-text-main);
}
.application.dialog .expertise-list .header .title i,
.application.dialog .immunities-list .header .title i {
  margin-right: 0.5rem;
}
.application.dialog .expertise-list .bullet,
.application.dialog .immunities-list .bullet {
  font-size: 0.375rem;
  flex: 0;
}
.application.dialog .expertise-list .bullet.fa-stack,
.application.dialog .immunities-list .bullet.fa-stack {
  flex: 0.2;
  font-size: var(--font-size-10);
}
.application.dialog .expertise-list .bullet i.fa-stack-1x,
.application.dialog .immunities-list .bullet i.fa-stack-1x {
  line-height: 1.2rem;
  color: var(--cosmere-color-off-white-2);
}
.application.dialog .expertise-list .bullet .condition-icon,
.application.dialog .immunities-list .bullet .condition-icon {
  height: 13px;
  margin-top: 0.15rem;
  background-color: var(--cosmere-color-off-white-2);
}
.application.dialog .expertise-list .configured,
.application.dialog .expertise-list .custom,
.application.dialog .immunities-list .configured,
.application.dialog .immunities-list .custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.375rem;
  background-color: var(--cosmere-color-base-3);
  gap: 0.375rem;
  min-height: 26px;
}
.application.dialog .expertise-list .configured > label,
.application.dialog .expertise-list .custom > label,
.application.dialog .immunities-list .configured > label,
.application.dialog .immunities-list .custom > label {
  flex: 1;
}
.application.dialog .expertise-list .custom > a,
.application.dialog .immunities-list .custom > a {
  color: var(--cosmere-color-faded);
  flex: 0 0 18px;
  text-align: center;
}
.application.dialog .expertise-list .custom > input,
.application.dialog .immunities-list .custom > input {
  flex: 1;
  height: 26px;
  font-style: italic;
}
.application.dialog .expertise-list .custom > input::placeholder,
.application.dialog .immunities-list .custom > input::placeholder {
  color: var(--cosmere-color-faded);
}
.application.dialog .expertise-list .add-custom,
.application.dialog .immunities-list .add-custom {
  min-height: 30px;
  background-color: color(from var(--cosmere-color-base-3) srgb r g b/0.7);
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-12);
  font-weight: 600;
  text-align: center;
  color: var(--cosmere-color-faded);
  display: flex;
  align-items: center;
  justify-content: center;
}
.application.dialog .expertise-list li:last-child,
.application.dialog .immunities-list li:last-child {
  border-radius: 0 0 6px 6px;
}
.application.dialog.edit-expertises form, .application.dialog.edit-immunities form {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.625rem;
}
.application.dialog .dialog-form.standard-form,
.application.dialog .dialog-content.standard-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.25rem;
}
.application.dialog .dialog-form.standard-form .form-footer,
.application.dialog .dialog-content.standard-form .form-footer {
  margin-top: 0.625rem;
}
.application.dialog .dialog-form.standard-form .form-footer > button,
.application.dialog .dialog-content.standard-form .form-footer > button {
  height: auto;
}
.application.dialog .dialog-content.standard-form form,
.application.dialog .dialog-content.standard-form #consumables, .application.dialog.configure-resource form,
.application.dialog.configure-resource #consumables, .application.dialog.configure-deflect form,
.application.dialog.configure-deflect #consumables, .application.dialog.configure-defense form,
.application.dialog.configure-defense #consumables, .application.dialog.configure-movement-rate form,
.application.dialog.configure-movement-rate #consumables, .application.dialog.configure-recovery-die form,
.application.dialog.configure-recovery-die #consumables, .application.dialog.configure-senses-range form,
.application.dialog.configure-senses-range #consumables, .application.dialog.edit-bonus-talents-rule form,
.application.dialog.edit-bonus-talents-rule #consumables, .application.dialog.pick-dice-result form,
.application.dialog.pick-dice-result #consumables, .application.dialog.roll-configuration form,
.application.dialog.roll-configuration #consumables, .application.dialog.edit-event-rule form,
.application.dialog.edit-event-rule #consumables, .application.dialog.edit-creature-type form,
.application.dialog.edit-creature-type #consumables {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 4px;
}
.application.dialog .dialog-content.standard-form input, .application.dialog.configure-resource input, .application.dialog.configure-deflect input, .application.dialog.configure-defense input, .application.dialog.configure-movement-rate input, .application.dialog.configure-recovery-die input, .application.dialog.configure-senses-range input, .application.dialog.edit-bonus-talents-rule input, .application.dialog.pick-dice-result input, .application.dialog.roll-configuration input, .application.dialog.edit-event-rule input, .application.dialog.edit-creature-type input {
  color: var(--cosmere-color-text-sub);
  font-variant: lining-nums;
  font-weight: 600;
  flex: 2;
}
.application.dialog .dialog-content.standard-form input:read-only, .application.dialog.configure-resource input:read-only, .application.dialog.configure-deflect input:read-only, .application.dialog.configure-defense input:read-only, .application.dialog.configure-movement-rate input:read-only, .application.dialog.configure-recovery-die input:read-only, .application.dialog.configure-senses-range input:read-only, .application.dialog.edit-bonus-talents-rule input:read-only, .application.dialog.pick-dice-result input:read-only, .application.dialog.roll-configuration input:read-only, .application.dialog.edit-event-rule input:read-only, .application.dialog.edit-creature-type input:read-only {
  color: var(--cosmere-color-faded);
}
.application.dialog .dialog-content.standard-form input[type=checkbox], .application.dialog.configure-resource input[type=checkbox], .application.dialog.configure-deflect input[type=checkbox], .application.dialog.configure-defense input[type=checkbox], .application.dialog.configure-movement-rate input[type=checkbox], .application.dialog.configure-recovery-die input[type=checkbox], .application.dialog.configure-senses-range input[type=checkbox], .application.dialog.edit-bonus-talents-rule input[type=checkbox], .application.dialog.pick-dice-result input[type=checkbox], .application.dialog.roll-configuration input[type=checkbox], .application.dialog.edit-event-rule input[type=checkbox], .application.dialog.edit-creature-type input[type=checkbox] {
  flex: 0 0 20px;
}
.application.dialog .dialog-content.standard-form input[type=radio], .application.dialog.configure-resource input[type=radio], .application.dialog.configure-deflect input[type=radio], .application.dialog.configure-defense input[type=radio], .application.dialog.configure-movement-rate input[type=radio], .application.dialog.configure-recovery-die input[type=radio], .application.dialog.configure-senses-range input[type=radio], .application.dialog.edit-bonus-talents-rule input[type=radio], .application.dialog.pick-dice-result input[type=radio], .application.dialog.roll-configuration input[type=radio], .application.dialog.edit-event-rule input[type=radio], .application.dialog.edit-creature-type input[type=radio] {
  flex: 0 0 12px;
}
.application.dialog .dialog-content.standard-form label, .application.dialog.configure-resource label, .application.dialog.configure-deflect label, .application.dialog.configure-defense label, .application.dialog.configure-movement-rate label, .application.dialog.configure-recovery-die label, .application.dialog.configure-senses-range label, .application.dialog.edit-bonus-talents-rule label, .application.dialog.pick-dice-result label, .application.dialog.roll-configuration label, .application.dialog.edit-event-rule label, .application.dialog.edit-creature-type label {
  color: var(--cosmere-color-text-sub);
  flex: 1;
  font-weight: 600;
  line-height: var(--form-field-height);
}
.application.dialog .dialog-content.standard-form .form-group, .application.dialog.configure-resource .form-group, .application.dialog.configure-deflect .form-group, .application.dialog.configure-defense .form-group, .application.dialog.configure-movement-rate .form-group, .application.dialog.configure-recovery-die .form-group, .application.dialog.configure-senses-range .form-group, .application.dialog.edit-bonus-talents-rule .form-group, .application.dialog.pick-dice-result .form-group, .application.dialog.roll-configuration .form-group, .application.dialog.edit-event-rule .form-group, .application.dialog.edit-creature-type .form-group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.application.dialog .dialog-content.standard-form .form-group > .form-fields, .application.dialog.configure-resource .form-group > .form-fields, .application.dialog.configure-deflect .form-group > .form-fields, .application.dialog.configure-defense .form-group > .form-fields, .application.dialog.configure-movement-rate .form-group > .form-fields, .application.dialog.configure-recovery-die .form-group > .form-fields, .application.dialog.configure-senses-range .form-group > .form-fields, .application.dialog.edit-bonus-talents-rule .form-group > .form-fields, .application.dialog.pick-dice-result .form-group > .form-fields, .application.dialog.roll-configuration .form-group > .form-fields, .application.dialog.edit-event-rule .form-group > .form-fields, .application.dialog.edit-creature-type .form-group > .form-fields {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex: 2;
}
.application.dialog .dialog-content.standard-form .form-group > .form-fields.narrow, .application.dialog.configure-resource .form-group > .form-fields.narrow, .application.dialog.configure-deflect .form-group > .form-fields.narrow, .application.dialog.configure-defense .form-group > .form-fields.narrow, .application.dialog.configure-movement-rate .form-group > .form-fields.narrow, .application.dialog.configure-recovery-die .form-group > .form-fields.narrow, .application.dialog.configure-senses-range .form-group > .form-fields.narrow, .application.dialog.edit-bonus-talents-rule .form-group > .form-fields.narrow, .application.dialog.pick-dice-result .form-group > .form-fields.narrow, .application.dialog.roll-configuration .form-group > .form-fields.narrow, .application.dialog.edit-event-rule .form-group > .form-fields.narrow, .application.dialog.edit-creature-type .form-group > .form-fields.narrow {
  flex: 0.6;
}
.application.dialog .dialog-content.standard-form .form-group > .form-fields > input[type=text],
.application.dialog .dialog-content.standard-form .form-group > .form-fields > input[type=number], .application.dialog.configure-resource .form-group > .form-fields > input[type=text],
.application.dialog.configure-resource .form-group > .form-fields > input[type=number], .application.dialog.configure-deflect .form-group > .form-fields > input[type=text],
.application.dialog.configure-deflect .form-group > .form-fields > input[type=number], .application.dialog.configure-defense .form-group > .form-fields > input[type=text],
.application.dialog.configure-defense .form-group > .form-fields > input[type=number], .application.dialog.configure-movement-rate .form-group > .form-fields > input[type=text],
.application.dialog.configure-movement-rate .form-group > .form-fields > input[type=number], .application.dialog.configure-recovery-die .form-group > .form-fields > input[type=text],
.application.dialog.configure-recovery-die .form-group > .form-fields > input[type=number], .application.dialog.configure-senses-range .form-group > .form-fields > input[type=text],
.application.dialog.configure-senses-range .form-group > .form-fields > input[type=number], .application.dialog.edit-bonus-talents-rule .form-group > .form-fields > input[type=text],
.application.dialog.edit-bonus-talents-rule .form-group > .form-fields > input[type=number], .application.dialog.pick-dice-result .form-group > .form-fields > input[type=text],
.application.dialog.pick-dice-result .form-group > .form-fields > input[type=number], .application.dialog.roll-configuration .form-group > .form-fields > input[type=text],
.application.dialog.roll-configuration .form-group > .form-fields > input[type=number], .application.dialog.edit-event-rule .form-group > .form-fields > input[type=text],
.application.dialog.edit-event-rule .form-group > .form-fields > input[type=number], .application.dialog.edit-creature-type .form-group > .form-fields > input[type=text],
.application.dialog.edit-creature-type .form-group > .form-fields > input[type=number] {
  border-radius: 6px;
  background-color: var(--cosmere-color-base-4);
  padding: 0 0.5rem;
  flex: 1;
}
.application.dialog .dialog-content.standard-form .form-group > .form-fields > input[type=text]:read-only,
.application.dialog .dialog-content.standard-form .form-group > .form-fields > input[type=number]:read-only, .application.dialog.configure-resource .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.configure-resource .form-group > .form-fields > input[type=number]:read-only, .application.dialog.configure-deflect .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.configure-deflect .form-group > .form-fields > input[type=number]:read-only, .application.dialog.configure-defense .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.configure-defense .form-group > .form-fields > input[type=number]:read-only, .application.dialog.configure-movement-rate .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.configure-movement-rate .form-group > .form-fields > input[type=number]:read-only, .application.dialog.configure-recovery-die .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.configure-recovery-die .form-group > .form-fields > input[type=number]:read-only, .application.dialog.configure-senses-range .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.configure-senses-range .form-group > .form-fields > input[type=number]:read-only, .application.dialog.edit-bonus-talents-rule .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.edit-bonus-talents-rule .form-group > .form-fields > input[type=number]:read-only, .application.dialog.pick-dice-result .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.pick-dice-result .form-group > .form-fields > input[type=number]:read-only, .application.dialog.roll-configuration .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.roll-configuration .form-group > .form-fields > input[type=number]:read-only, .application.dialog.edit-event-rule .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.edit-event-rule .form-group > .form-fields > input[type=number]:read-only, .application.dialog.edit-creature-type .form-group > .form-fields > input[type=text]:read-only,
.application.dialog.edit-creature-type .form-group > .form-fields > input[type=number]:read-only {
  background-color: var(--cosmere-color-base-3);
}
.application.dialog .dialog-content.standard-form .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog .dialog-content.standard-form .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.configure-resource .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.configure-resource .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.configure-deflect .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.configure-deflect .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.configure-defense .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.configure-defense .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.configure-movement-rate .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.configure-movement-rate .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.configure-recovery-die .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.configure-recovery-die .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.configure-senses-range .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.configure-senses-range .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.edit-bonus-talents-rule .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.edit-bonus-talents-rule .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.pick-dice-result .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.pick-dice-result .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.roll-configuration .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.roll-configuration .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.edit-event-rule .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.edit-event-rule .form-group > .form-fields > input[type=number]::placeholder, .application.dialog.edit-creature-type .form-group > .form-fields > input[type=text]::placeholder,
.application.dialog.edit-creature-type .form-group > .form-fields > input[type=number]::placeholder {
  color: var(--cosmere-color-faded);
}
.application.dialog .dialog-content.standard-form .form-group > .form-fields > select, .application.dialog.configure-resource .form-group > .form-fields > select, .application.dialog.configure-deflect .form-group > .form-fields > select, .application.dialog.configure-defense .form-group > .form-fields > select, .application.dialog.configure-movement-rate .form-group > .form-fields > select, .application.dialog.configure-recovery-die .form-group > .form-fields > select, .application.dialog.configure-senses-range .form-group > .form-fields > select, .application.dialog.edit-bonus-talents-rule .form-group > .form-fields > select, .application.dialog.pick-dice-result .form-group > .form-fields > select, .application.dialog.roll-configuration .form-group > .form-fields > select, .application.dialog.edit-event-rule .form-group > .form-fields > select, .application.dialog.edit-creature-type .form-group > .form-fields > select {
  background-color: var(--cosmere-color-base-4);
  border-radius: 6px;
  padding: 0 0.25rem;
  flex: 2;
}
.application.dialog .dialog-content.standard-form .form-group > .form-fields > select:disabled, .application.dialog.configure-resource .form-group > .form-fields > select:disabled, .application.dialog.configure-deflect .form-group > .form-fields > select:disabled, .application.dialog.configure-defense .form-group > .form-fields > select:disabled, .application.dialog.configure-movement-rate .form-group > .form-fields > select:disabled, .application.dialog.configure-recovery-die .form-group > .form-fields > select:disabled, .application.dialog.configure-senses-range .form-group > .form-fields > select:disabled, .application.dialog.edit-bonus-talents-rule .form-group > .form-fields > select:disabled, .application.dialog.pick-dice-result .form-group > .form-fields > select:disabled, .application.dialog.roll-configuration .form-group > .form-fields > select:disabled, .application.dialog.edit-event-rule .form-group > .form-fields > select:disabled, .application.dialog.edit-creature-type .form-group > .form-fields > select:disabled {
  background-color: var(--cosmere-color-base-3);
}
.application.dialog .dialog-content.standard-form .form-group.max input, .application.dialog.configure-resource .form-group.max input, .application.dialog.configure-deflect .form-group.max input, .application.dialog.configure-defense .form-group.max input, .application.dialog.configure-movement-rate .form-group.max input, .application.dialog.configure-recovery-die .form-group.max input, .application.dialog.configure-senses-range .form-group.max input, .application.dialog.edit-bonus-talents-rule .form-group.max input, .application.dialog.pick-dice-result .form-group.max input, .application.dialog.roll-configuration .form-group.max input, .application.dialog.edit-event-rule .form-group.max input, .application.dialog.edit-creature-type .form-group.max input {
  text-align: center;
}
.application.dialog .dialog-content.standard-form .hint, .application.dialog.configure-resource .hint, .application.dialog.configure-deflect .hint, .application.dialog.configure-defense .hint, .application.dialog.configure-movement-rate .hint, .application.dialog.configure-recovery-die .hint, .application.dialog.configure-senses-range .hint, .application.dialog.edit-bonus-talents-rule .hint, .application.dialog.pick-dice-result .hint, .application.dialog.roll-configuration .hint, .application.dialog.edit-event-rule .hint, .application.dialog.edit-creature-type .hint {
  color: var(--cosmere-color-faded);
  margin: 0;
}
.application.dialog .dialog-content.standard-form .submit, .application.dialog.configure-resource .submit, .application.dialog.configure-deflect .submit, .application.dialog.configure-defense .submit, .application.dialog.configure-movement-rate .submit, .application.dialog.configure-recovery-die .submit, .application.dialog.configure-senses-range .submit, .application.dialog.edit-bonus-talents-rule .submit, .application.dialog.pick-dice-result .submit, .application.dialog.roll-configuration .submit, .application.dialog.edit-event-rule .submit, .application.dialog.edit-creature-type .submit {
  margin-top: 0.625rem;
}
.application.dialog .dialog-content.standard-form .submit > button, .application.dialog.configure-resource .submit > button, .application.dialog.configure-deflect .submit > button, .application.dialog.configure-defense .submit > button, .application.dialog.configure-movement-rate .submit > button, .application.dialog.configure-recovery-die .submit > button, .application.dialog.configure-senses-range .submit > button, .application.dialog.edit-bonus-talents-rule .submit > button, .application.dialog.pick-dice-result .submit > button, .application.dialog.roll-configuration .submit > button, .application.dialog.edit-event-rule .submit > button, .application.dialog.edit-creature-type .submit > button {
  flex: 1;
}
.application.dialog.edit-creature-type fieldset {
  margin-top: 0.5rem;
}
.application.dialog.edit-creature-type fieldset .type-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.application.dialog.edit-creature-type fieldset .type-list input[type=radio] {
  margin: 4px;
}
.application.dialog.edit-creature-type fieldset .type-list label {
  color: var(--cosmere-color-text-sub);
}
.application.dialog.roll-configuration fieldset {
  margin-top: 0.5rem;
}
.application.dialog.roll-configuration fieldset .roll-config {
  margin: 0 0.5rem;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-12);
  font-weight: 600;
  font-variant: lining-nums;
}
.application.dialog.roll-configuration fieldset .roll-config .title {
  flex: 1;
  color: var(--cosmere-color-text-sub);
  text-transform: uppercase;
}
.application.dialog.roll-configuration fieldset .roll-config .formula {
  flex: 2;
  color: var(--cosmere-color-faded);
  background-color: var(--cosmere-color-base-3);
  border-radius: 6px;
  text-align: center;
  padding: 0.5rem;
}
.application.dialog.roll-configuration fieldset .roll-config .dice-tooltip {
  flex: 2;
}
.application.dialog.roll-configuration .dice-rolls .roll {
  min-width: 20px;
  height: 20px;
  background-size: 20px 20px;
  line-height: 20px;
  font-size: var(--font-size-14);
  cursor: pointer;
}
.application.dialog.roll-configuration .dice-rolls .roll:hover {
  filter: var(--cosmere-shadow-svg);
}
.application.dialog.roll-configuration .dice-rolls .roll.advantage {
  color: var(--cosmere-color-opportunity);
  filter: sepia(1) hue-rotate(180deg);
  font-family: "Font Awesome 6 Pro";
}
.application.dialog.roll-configuration .dice-rolls .roll.advantage:hover {
  filter: sepia(1) hue-rotate(180deg) var(--cosmere-shadow-svg);
}
.application.dialog.roll-configuration .dice-rolls .roll.advantage::before {
  content: "\f35b";
}
.application.dialog.roll-configuration .dice-rolls .roll.disadvantage {
  color: var(--cosmere-color-complication);
  filter: sepia(0.8) hue-rotate(-50deg);
  font-family: "Font Awesome 6 Pro";
}
.application.dialog.roll-configuration .dice-rolls .roll.disadvantage:hover {
  filter: sepia(0.8) hue-rotate(-50deg) var(--cosmere-shadow-svg);
}
.application.dialog.roll-configuration .dice-rolls .roll.disadvantage::before {
  content: "\f358";
}
.application.dialog.pick-dice-result .dice-rolls, .application.dialog.roll-configuration .dice-rolls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.application.dialog.pick-dice-result .dice-rolls .roll, .application.dialog.roll-configuration .dice-rolls .roll {
  position: relative;
  background-repeat: no-repeat;
}
.application.dialog.pick-dice-result .dice-rolls .roll.success, .application.dialog.pick-dice-result .dice-rolls .roll.max, .application.dialog.roll-configuration .dice-rolls .roll.success, .application.dialog.roll-configuration .dice-rolls .roll.max {
  color: var(--cosmere-color-opportunity);
  filter: sepia(1) hue-rotate(180deg);
}
.application.dialog.pick-dice-result .dice-rolls .roll.failure, .application.dialog.pick-dice-result .dice-rolls .roll.min, .application.dialog.roll-configuration .dice-rolls .roll.failure, .application.dialog.roll-configuration .dice-rolls .roll.min {
  color: var(--cosmere-color-complication);
  filter: sepia(0.8) hue-rotate(-50deg);
}
.application.dialog.pick-dice-result .dice-rolls .roll.rerolled, .application.dialog.pick-dice-result .dice-rolls .roll.discarded, .application.dialog.roll-configuration .dice-rolls .roll.rerolled, .application.dialog.roll-configuration .dice-rolls .roll.discarded {
  color: inherit;
  filter: sepia(0.5) contrast(0.75) opacity(0.4);
}
.application.dialog.pick-dice-result .dice-rolls .roll.plotdie > img, .application.dialog.roll-configuration .dice-rolls .roll.plotdie > img {
  border: 0;
  border-radius: 0;
}
.application.dialog.pick-dice-result .dice-rolls .roll {
  min-width: 48px;
  height: 48px;
  background-size: 48px 48px;
}
.application.dialog.pick-dice-result .dice-rolls .roll.plotdie > img {
  width: 48px;
  height: 48px;
}
.application.dialog.release-notes {
  max-height: 1000px;
}
.application.dialog.release-notes .window-content {
  overflow: auto;
}
.application.dialog.edit-event-rule .trigger-hint,
.application.dialog.edit-event-rule .handler-hint {
  margin-bottom: 1rem;
}
.application.dialog.edit-talent-prerequisite .form-group > .form-fields > input {
  color: var(--cosmere-color-text-sub);
}
.application.dialog.edit-talent-prerequisite .form-group > .form-fields > select {
  background-color: var(--cosmere-color-base-4);
  border-radius: 6px;
  padding: 0 0.25rem;
  flex: 2;
  width: auto;
  padding-bottom: 0.125rem;
  margin-left: -0.375rem;
}
.application.dialog.edit-talent-prerequisite .form-group > .form-fields > select:disabled {
  background-color: var(--cosmere-color-base-3);
}
.application.dialog.edit-talent-prerequisite .form-group > .form-fields > select > option {
  background-color: var(--cosmere-color-base-4);
}
.application.dialog.edit-talent-prerequisite .form-group > .form-fields > input,
.application.dialog.edit-talent-prerequisite .form-group > .form-fields > select {
  font-family: var(--cosmere-font-normal);
  font-variant: lining-nums;
  font-weight: 600;
  field-sizing: content;
}

app-multi-state-toggle {
  position: relative;
  display: flex;
  font-size: 9pt;
  align-items: center;
  justify-content: space-around;
  background: #302831;
  height: 1.25rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
app-multi-state-toggle input[type=radio] {
  display: none;
}
app-multi-state-toggle label {
  flex: 1;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  text-shadow: 0 0 0.2rem black;
}
app-multi-state-toggle .selected {
  position: absolute;
  height: 100%;
  transition: 0.3s;
  background: grey;
  z-index: 0;
}

app-document-reference-input {
  display: flex;
  flex-direction: row;
  align-items: center;
}
app-document-reference-input > * {
  flex: 1;
  min-height: 32px;
}
app-document-reference-input .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  padding: 0 0.5rem;
  border-radius: 6px;
  background-color: var(--cosmere-color-base-3);
}
app-document-reference-input .controls > a {
  color: var(--cosmere-color-faded);
}
app-document-reference-input .drop-area {
  margin: 0;
}

app-multi-value-select {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
app-multi-value-select .values {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
}
app-multi-value-select .values .value {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-11);
  font-weight: 600;
  color: var(--cosmere-color-faded);
  border: 1px solid var(--cosmere-color-faded);
  padding: 0.15rem 0.4rem;
  border-radius: 10px;
  background-color: var(--cosmere-color-base-2);
}

app-document-drop-list,
app-item-drop-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
app-document-drop-list .document,
app-item-drop-list .document {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 24px;
}
app-document-drop-list .document .link,
app-item-drop-list .document .link {
  flex: 3;
}
app-document-drop-list .document .quantity,
app-item-drop-list .document .quantity {
  flex: 1;
  display: flex;
  align-items: center;
}
app-document-drop-list .document .quantity > i,
app-item-drop-list .document .quantity > i {
  font-size: var(--font-size-10);
  color: var(--cosmere-color-faded);
}
app-document-drop-list .document .controls > a,
app-item-drop-list .document .controls > a {
  color: var(--cosmere-color-faded);
}
app-document-drop-list .drop-area,
app-item-drop-list .drop-area {
  margin: 0;
}

#tooltip {
  background-color: var(--cosmere-color-sheet);
  background-image: var(--cosmere-sheet-texture);
  border: 1px solid var(--cosmere-color-faded);
  border-radius: 6px;
  padding: 0.5rem;
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-14);
  font-variant: lining-nums;
  font-weight: 600;
  line-height: var(--font-size-14);
  color: var(--cosmere-color-text-sub);
}
#tooltip .talenttip .header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 3rem;
}
#tooltip .talenttip .header h4 {
  font-family: var(--cosmere-font-header-sc);
  font-size: var(--font-size-24);
  font-variant: lining-nums;
  font-weight: 600;
  line-height: var(--font-size-24);
  color: var(--cosmere-color-white);
  margin: 0;
  text-shadow: 0 0 0.5rem black;
  text-wrap: balance;
  text-align: center;
}
#tooltip .talenttip .header .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(5px);
  z-index: -1;
}
#tooltip .talenttip .prerequisites {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5em 0;
}
#tooltip .talenttip .prerequisites .prerequisite {
  border: 1px solid var(--cosmere-color-dark-5);
  background-color: var(--cosmere-color-dark-2);
  border-radius: 0.2rem;
  padding: 0 0.2rem;
  margin: 0 0.2rem;
}
#tooltip .talenttip .prerequisites .prerequisite > i {
  font-size: 0.8rem;
  line-height: 1.3;
}
#tooltip .talenttip .prerequisites .prerequisite.unmet {
  color: var(--cosmere-color-complication-text);
  border-color: var(--cosmere-color-complication-text);
  background-color: var(--cosmere-color-complication-background-dark);
}
#tooltip .talenttip .prerequisites .prerequisite.met {
  color: var(--cosmere-color-opportunity-text);
  border-color: var(--cosmere-color-opportunity-text);
  background-color: var(--cosmere-color-opportunity-background-dark);
}
#tooltip .conditiontip {
  text-align: left;
}
#tooltip .conditiontip > h2 {
  font-family: var(--cosmere-font-header-sc);
  font-size: var(--font-size-16);
  font-variant: lining-nums;
  font-weight: 600;
  color: var(--cosmere-color-text-main);
  border: none;
}
#tooltip a.content-link, #tooltip a.roll {
  background: rgba(221, 221, 221, 0.0823529412);
}

.application.dialog.release-notes ul > li {
  font-size: var(--font-size-12);
  list-style-type: disc;
  margin-left: 1rem;
}

:root {
  --stormlight-journal-color-text: #000000;
  --stormlight-journal-translucent-1: rgba(215, 215, 215, 0.4);
  --stormlight-journal-yellow-1: #dcbc88;
  --stormlight-journal-yellow-2: #f8f0e2;
  --stormlight-journal-table-background-1: rgba(228, 232, 236, 0.75);
  --stormlight-journal-table-background-2: rgba(248, 249, 250, 0.75);
  --stormlight-journal-ra-background: rgba(239, 237, 230, 0.75);
  --stormlight-journal-ra-header: #cea453;
  --stormlight-journal-me-header: #802728;
  --stormlight-journal-me-background: rgba(245, 227, 228, 0.75);
  --stormlight-journal-pr-blue: #135baa;
  --stormlight-journal-pr-yellow: #a5752b;
  --stormlight-journal-foundry-orange: #bc2e0a;
  --stormlight-journal-sl-sidebar-corner-size: 20px;
  --stormlight-journal-sl-sidebar-border-width: 2px;
}

.sheet.journal-entry.sljsr {
  border: 3px solid var(--stormlight-journal-yellow-1);
  padding: 0px 5px 5px 5px;
  border-image-outset: 5px;
  background: url("assets/journal/window-background.webp") repeat;
  background-size: 1000px auto, auto auto;
  /* Utilization:
          <div class="sl-chapter-header">
              <div>
                  <p></p>
                  <p>introduction</p>
                  <p></p>
              </div>
              <div>
                  <p></p>
              </div>
          </div> 
      */
}
.sheet.journal-entry.sljsr .journal-entry-content {
  background: url("assets/journal/page-background.webp");
  background-size: 100% 100%;
}
@keyframes scaleMin {
  from {
    min-width: inherit;
  }
  to {
    min-width: 15em;
  }
}
.sheet.journal-entry.sljsr .journal-sidebar:not(.collapsed) {
  min-width: 15em;
  animation-name: scaleMin;
  animation-duration: 1s;
}
.sheet.journal-entry.sljsr .scrollable {
  scrollbar-color: var(--stormlight-journal-yellow-1) var(--color-scrollbar-track);
}
.sheet.journal-entry.sljsr .sl-chapter-header div:nth-child(1) {
  display: flex;
  height: 3rem;
  padding-left: 0;
  padding-right: 0;
}
.sheet.journal-entry.sljsr .sl-chapter-header div:nth-child(1) p:nth-child(2) {
  text-wrap: nowrap;
  color: var(--cosmere-color-opportunity);
  border-bottom-color: var(--stormlight-journal-yellow-1);
  border-bottom-width: 3px;
  margin-bottom: 12px;
  margin-top: 0px;
  padding: 0.5rem 0.5rem 0 0.5rem;
  font-size: 2rem;
  font-weight: normal;
  font-family: var(--cosmere-font-header-sc);
}
.sheet.journal-entry.sljsr .sl-chapter-header div:nth-child(1) p:first-child {
  flex: 1;
  content: "";
  background-image: url("assets/journal/header-left.webp");
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right;
  margin: 0;
}
.sheet.journal-entry.sljsr .sl-chapter-header div:nth-child(1) p:last-child {
  flex: 1;
  content: "";
  background-image: url("assets/journal/header-right.webp");
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: left;
  margin: 0;
}
.sheet.journal-entry.sljsr .sl-chapter-header div:nth-child(2) {
  width: 100%;
  background-image: url("assets/journal/header-line.webp");
  background-size: 90% auto;
  background-repeat: no-repeat;
  background-position: top;
  margin: 0px;
}
.sheet.journal-entry.sljsr .sl-chapter-header div:nth-child(2) p {
  margin: 0px;
}
.sheet.journal-entry.sljsr .journal-entry-page {
  color: var(--stormlight-journal-color-text);
  font-family: var(--cosmere-font-normal);
  font-weight: 600;
  font-variant-numeric: lining-nums;
}
.sheet.journal-entry.sljsr .journal-entry-page .journal-page-header h1 {
  color: var(--cosmere-color-opportunity);
  border-bottom-color: var(--stormlight-journal-yellow-1);
  border-bottom-width: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  font-family: var(--cosmere-font-header-sc);
}
.sheet.journal-entry.sljsr .journal-entry-page strong {
  color: var(--cosmere-color-opportunity);
}
.sheet.journal-entry.sljsr .journal-entry-page h2 {
  font-family: var(--cosmere-font-header-sc);
  font-size: 18pt;
  color: var(--cosmere-color-opportunity);
  border-bottom-color: var(--stormlight-journal-yellow-1);
  border-bottom-width: 3px;
  padding-bottom: 1px;
  font-variant-numeric: lining-nums;
}
.sheet.journal-entry.sljsr .journal-entry-page h3 {
  color: var(--cosmere-color-opportunity);
  font-family: var(--cosmere-font-header-sc);
  font-weight: bold;
  font-size: 14pt;
  border-bottom-width: 1px;
  border-bottom-color: var(--cosmere-color-opportunity);
  border-bottom-style: solid;
  font-variant-numeric: lining-nums;
}
.sheet.journal-entry.sljsr .journal-entry-page h4 {
  color: black;
  font-family: var(--cosmere-font-normal);
  font-weight: bold;
  font-variant: small-caps;
  font-size: 14pt;
}
.sheet.journal-entry.sljsr .journal-entry-page a.content-link {
  position: relative;
  padding: 0;
  padding-right: 1.5ch;
  background: none;
  border: none;
  text-decoration: underline;
  color: unset;
}
.sheet.journal-entry.sljsr .journal-entry-page a.content-link > i {
  position: absolute;
  font-size: 0.5em;
  top: 2px;
  right: 0;
  color: var(--content-link-border-color);
}
.sheet.journal-entry.sljsr .journal-entry-page a.content-link > i::before {
  content: "\f0c1";
}
.sheet.journal-entry.sljsr .journal-entry-page h1 a.content-link, .sheet.journal-entry.sljsr .journal-entry-page h2 a.content-link, .sheet.journal-entry.sljsr .journal-entry-page h3 a.content-link, .sheet.journal-entry.sljsr .journal-entry-page h4 a.content-link, .sheet.journal-entry.sljsr .journal-entry-page h5 a.content-link, .sheet.journal-entry.sljsr .journal-entry-page h6 a.content-link, .sheet.journal-entry.sljsr .journal-entry-page .sl-table a.content-link {
  text-decoration: none;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table {
  border-top: 0;
  border-bottom: 0;
  table-layout: auto;
  border-right: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: var(--cosmere-color-opportunity);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr:first-child td:first-child {
  padding-left: 0.5rem;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr:first-child td {
  color: var(--cosmere-color-white);
  font-family: var(--cosmere-font-normal);
  font-weight: bold;
  font-size: 14px;
  background-color: var(--cosmere-color-opportunity);
  font-variant-caps: small-caps;
  font-variant-numeric: lining-nums;
  padding-top: 0;
  padding-bottom: 0;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr:first-child td strong {
  color: inherit;
  font-variant-numeric: lining-nums;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr:first-child td p {
  white-space: nowrap;
  padding-right: 0.75rem;
  font-variant-numeric: lining-nums;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr {
  vertical-align: text-top;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr td:first-child {
  padding-left: 0.5rem;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr td:last-child {
  padding-right: 0.5rem;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr p {
  padding-right: 0.5rem;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr:nth-child(even) {
  background-color: var(--stormlight-journal-table-background-1);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-table tbody tr:nth-child(odd) {
  background-color: var(--stormlight-journal-table-background-2);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar {
  border-top: 0;
  border-bottom: 0;
  background: transparent;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red tbody,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar tbody {
  position: relative;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:first-child,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red tbody tr:first-child,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:first-child,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar tbody tr:first-child {
  background-color: transparent;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:first-child td,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red tbody tr:first-child td,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:first-child td,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar tbody tr:first-child td {
  color: var(--cosmere-color-white);
  font-family: var(--cosmere-font-normal);
  font-variant-caps: small-caps;
  padding-left: 1rem !important;
  padding-top: 0;
  padding-bottom: 0;
  transform: scaleX(0.998);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:first-child td p,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red tbody tr:first-child td p,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:first-child td p,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar tbody tr:first-child td p {
  font-weight: bold;
  font-size: 20px;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:first-child td strong,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red tbody tr:first-child td strong,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:first-child td strong,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar tbody tr:first-child td strong {
  color: inherit;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:last-child,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red tbody tr:last-child,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:last-child,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar tbody tr:last-child {
  background-color: transparent;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:last-child td,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red tbody tr:last-child td,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:last-child td,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar tbody tr:last-child td {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  position: relative;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  clip-path: polygon(-2px -2px, calc(100% + 0.5px) -2px, calc(100% + 0.5px) calc(100% - var(--stormlight-journal-sl-sidebar-corner-size)), calc(100% - var(--stormlight-journal-sl-sidebar-corner-size)) 100%, 0 100%);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:last-child td p,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red tbody tr:last-child td p,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:last-child td p,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar tbody tr:last-child td p {
  min-height: 1.2rem;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:last-child::after,
.sheet.journal-entry.sljsr .journal-entry-page .sl-red tbody tr:last-child::after,
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:last-child::after,
.sheet.journal-entry.sljsr .journal-entry-page .sl-sidebar tbody tr:last-child::after {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--stormlight-journal-sl-sidebar-corner-size)), calc(100% - var(--stormlight-journal-sl-sidebar-corner-size)) 100%, 0 100%, 0 0, var(--stormlight-journal-sl-sidebar-border-width) 1px, var(--stormlight-journal-sl-sidebar-border-width) calc(100% - var(--stormlight-journal-sl-sidebar-border-width)), calc(100% - var(--stormlight-journal-sl-sidebar-corner-size) - var(--stormlight-journal-sl-sidebar-border-width) / 2 - 0.25px) calc(100% - var(--stormlight-journal-sl-sidebar-border-width)), calc(100% - var(--stormlight-journal-sl-sidebar-border-width)) calc(100% - var(--stormlight-journal-sl-sidebar-corner-size) - var(--stormlight-journal-sl-sidebar-border-width) / 2 + 0.25px), calc(100% - var(--stormlight-journal-sl-sidebar-border-width)) var(--stormlight-journal-sl-sidebar-border-width), 3px var(--stormlight-journal-sl-sidebar-border-width));
}
.sheet.journal-entry.sljsr .journal-entry-page ::marker {
  font-variant-numeric: lining-nums;
  font-weight: bold;
  color: var(--cosmere-color-opportunity);
}
.sheet.journal-entry.sljsr .journal-entry-page ul, .sheet.journal-entry.sljsr .journal-entry-page .sl-ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.sheet.journal-entry.sljsr .journal-entry-page ul li, .sheet.journal-entry.sljsr .journal-entry-page .sl-ul li {
  position: relative;
  padding-left: 2px;
  margin-bottom: 1px;
  /*color: var(--cosmere-color-opportunity)*/
}
.sheet.journal-entry.sljsr .journal-entry-page ul li:not(.stormlight-success, .stormlight-failure)::before, .sheet.journal-entry.sljsr .journal-entry-page .sl-ul li:not(.stormlight-success, .stormlight-failure)::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 5px;
  height: 5px;
  background-color: var(--cosmere-color-opportunity);
  transform: rotate(45deg);
}
.sheet.journal-entry.sljsr .journal-entry-page ul p, .sheet.journal-entry.sljsr .journal-entry-page .sl-ul p {
  margin-left: 16px;
}
.sheet.journal-entry.sljsr .journal-entry-page img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sheet.journal-entry.sljsr .journal-entry-page table {
  background-color: unset;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:first-child td {
  background-color: var(--cosmere-color-opportunity);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:last-child td {
  background-color: var(--stormlight-journal-translucent-1);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-blue tbody tr:last-child::after {
  background: var(--cosmere-color-opportunity);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:first-child td {
  background-color: var(--stormlight-journal-foundry-orange);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:first-child td > p {
  padding-left: 2.5ch;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:first-child td::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../../icons/vtt-512.png);
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  z-index: 100;
  top: calc(100% - 36px);
  left: 3px;
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:last-child td {
  background-color: var(--stormlight-journal-me-background);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry tbody tr:last-child::after {
  background: var(--stormlight-journal-foundry-orange);
}
.sheet.journal-entry.sljsr .journal-entry-page .sl-foundry ::marker {
  font-variant-numeric: lining-nums;
  font-weight: bold;
  color: var(--stormlight-journal-foundry-orange);
}

.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config),
.application.dialog {
  --border-corner-svg: url("assets/icons/svg/sheet/border_corner.svg");
  --star-cosmere-svg: url("assets/icons/cosmere/svg/star_cosmere.svg");
  overflow: visible;
  background-color: var(--cosmere-color-sheet);
  background-image: var(--cosmere-sheet-texture);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config).minimized,
.application.dialog.minimized {
  border: 1px solid var(--cosmere-color-accent);
  border-radius: 6px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config).minimized > .window-corners,
.application.dialog.minimized > .window-corners {
  display: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config).minimized > .window-background,
.application.dialog.minimized > .window-background {
  display: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config).minimized > .window-header,
.application.dialog.minimized > .window-header {
  padding: 0 0.5rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config).minimized > .window-header > button:not([data-action=close]),
.application.dialog.minimized > .window-header > button:not([data-action=close]) {
  display: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config):not(.minimized) > .window-header,
.application.dialog:not(.minimized) > .window-header {
  padding: 0 1.875rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config):not(.minimized) > .window-header #mode-toggle,
.application.dialog:not(.minimized) > .window-header #mode-toggle {
  display: unset;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config):not(.minimized) > .window-header .window-title,
.application.dialog:not(.minimized) > .window-header .window-title {
  visibility: hidden;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) input[type=text],
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) input[type=number],
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) select,
.application.dialog input[type=text],
.application.dialog input[type=number],
.application.dialog select {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: inherit;
  color: inherit;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) input[type=checkbox],
.application.dialog input[type=checkbox] {
  margin: 0;
  --checkbox-checked-color: var(--cosmere-color-accent);
  --checkbox-disabled-color: var(--cosmere-color-neutral);
  --checkbox-background-color: color(from var(--cosmere-color-faded) srgb r g b / 0.4);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) input[type=radio],
.application.dialog input[type=radio] {
  margin: 0;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) fieldset,
.application.dialog fieldset {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-radius: 6px;
  border: 1px solid var(--cosmere-color-faded);
  margin: 0;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) fieldset > legend,
.application.dialog fieldset > legend {
  font-family: var(--cosmere-font-header);
  font-size: var(--font-size-11);
  text-transform: uppercase;
  color: var(--cosmere-color-text-sub);
  padding: 0 0.375rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) button,
.application.dialog button {
  color: var(--cosmere-color-text-sub);
  border-color: var(--cosmere-color-faded);
  background: var(--cosmere-color-base-1);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) button :not(.fa-solid, .fas),
.application.dialog button :not(.fa-solid, .fas) {
  font-family: var(--cosmere-font-normal);
  font-weight: 600;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) button:hover,
.application.dialog button:hover {
  color: var(--cosmere-color-text-main);
  border-color: var(--cosmere-color-accent);
  background: var(--cosmere-color-base-5);
  box-shadow: 0 0 5px var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) button:disabled,
.application.dialog button:disabled {
  opacity: 0.4;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-header,
.application.dialog > .window-header {
  background: transparent;
  position: relative;
  z-index: 1;
  border: none;
  align-items: center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-header .window-title,
.application.dialog > .window-header .window-title {
  font-weight: 600;
  color: var(--cosmere-color-text-sub);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-header button.header-control,
.application.dialog > .window-header button.header-control {
  color: var(--cosmere-color-text-sub);
  background: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-header button.header-control:hover,
.application.dialog > .window-header button.header-control:hover {
  box-shadow: none;
  text-shadow: 0 0 5px var(--color-shadow-primary);
  color: var(--cosmere-color-text-sub);
  background: none;
  box-shadow: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-header button.header-control:focus,
.application.dialog > .window-header button.header-control:focus {
  outline: none;
  box-shadow: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-header #mode-toggle,
.application.dialog > .window-header #mode-toggle {
  display: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) > .window-content,
.application.dialog > .window-content {
  backdrop-filter: blur(0rem);
  overflow: visible;
  min-height: 0;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .icon.active,
.application.dialog .icon.active {
  color: var(--cosmere-color-text-sub);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .icon.faded,
.application.dialog .icon.faded {
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .info,
.application.dialog .info {
  font-size: var(--font-size-11);
  color: var(--cosmere-color-faded);
  margin-left: 0.125rem;
  cursor: help;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .info:hover,
.application.dialog .info:hover {
  text-shadow: 0 0 6px var(--color-shadow-primary);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .skills-column,
.application.dialog .skills-column {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .pip-list,
.application.dialog .pip-list {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 0.25rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .pip-list .pip > div,
.application.dialog .pip-list .pip > div {
  width: 10px;
  height: 10px;
  border: 1px solid var(--cosmere-color-base-5);
  border-radius: 50%;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .pip-list .pip.active > div,
.application.dialog .pip-list .pip.active > div {
  background-color: var(--cosmere-color-text-main);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .pip-list .pip.locked > div,
.application.dialog .pip-list .pip.locked > div {
  opacity: 0.35;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .pip-list .pip:not(.active) > div,
.application.dialog .pip-list .pip:not(.active) > div {
  background-color: var(--cosmere-color-base-1);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .box-corners,
.application.dialog .box-corners {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .box-corners .corner,
.application.dialog .box-corners .corner {
  width: 10px;
  height: 10px;
  background-color: var(--cosmere-color-accent);
  mask: var(--border-corner-svg) no-repeat center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .box-corners .corner-pair,
.application.dialog .box-corners .corner-pair {
  display: flex;
  justify-content: space-between;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .box-corners .bot,
.application.dialog .box-corners .bot {
  transform: scaleY(-1);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .box-corners .right,
.application.dialog .box-corners .right {
  transform: scaleX(-1);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .drop-area,
.application.dialog .drop-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  border: 2px dotted var(--cosmere-color-faded);
  border-radius: 4px;
  background-color: var(--cosmere-color-sheet);
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-12);
  font-weight: 600;
  color: var(--cosmere-color-faded);
  text-transform: uppercase;
  opacity: 0.5;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .drop-area.dropping,
.application.dialog .drop-area.dropping {
  opacity: 1;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .icon-header,
.application.dialog .icon-header {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-12);
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .icon-header .title,
.application.dialog .icon-header .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list,
.application.dialog .item-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list > li,
.application.dialog .item-list > li {
  margin: 0;
  list-style-type: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list > li:not(.favorite):not(:first-child):not(:last-child),
.application.dialog .item-list > li:not(.favorite):not(:first-child):not(:last-child) {
  border-bottom: 1px dotted var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list > li:not(.favorite):last-child,
.application.dialog .item-list > li:not(.favorite):last-child {
  border-radius: 0 0 6px 6px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list > li:not(.favorite):last-child:first-child,
.application.dialog .item-list > li:not(.favorite):last-child:first-child {
  border-radius: 6px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item,
.application.dialog .item-list .item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  padding: 0.375rem;
  background-color: var(--cosmere-color-base-3);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .details,
.application.dialog .item-list .item .details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .description,
.application.dialog .item-list .item .description {
  text-align: left;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .img,
.application.dialog .item-list .item .img {
  width: 28px;
  height: 28px;
  border: 2px solid var(--cosmere-color-accent);
  border-radius: 0;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .img > img,
.application.dialog .item-list .item .img > img {
  max-width: 100%;
  max-height: 100%;
  border: 0;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .img .roll-icon,
.application.dialog .item-list .item .img .roll-icon {
  display: none;
  position: absolute;
  z-index: 1;
  border: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item.usable .img,
.application.dialog .item-list .item.usable .img {
  cursor: pointer;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item.usable .img:hover .roll-icon,
.application.dialog .item-list .item.usable .img:hover .roll-icon {
  display: block;
  opacity: 0.6;
  animation: rotating 2s linear infinite;
  width: 22px;
  height: 22px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .title,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .name,
.application.dialog .item-list .item .title,
.application.dialog .item-list .item .name {
  font-family: var(--cosmere-font-normal);
  font-variant: lining-nums;
  text-align: left;
  flex: 1;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .title,
.application.dialog .item-list .item .title {
  margin-left: 0.25rem;
  font-size: var(--font-size-14);
  font-weight: 600;
  color: var(--cosmere-color-text-main);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .name,
.application.dialog .item-list .item .name {
  font-size: var(--font-size-13);
  font-weight: 600;
  color: var(--cosmere-color-text-sub);
  display: flex;
  flex-direction: column;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .name .traits,
.application.dialog .item-list .item .name .traits {
  font-size: var(--font-size-10);
  font-weight: bold;
  font-variant: lining-nums;
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .name .traits .highlight,
.application.dialog .item-list .item .name .traits .highlight {
  color: var(--cosmere-color-text-accent);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .name.inline,
.application.dialog .item-list .item .name.inline {
  display: block;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .subtitle,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .detail,
.application.dialog .item-list .item .subtitle,
.application.dialog .item-list .item .detail {
  width: 48px;
  color: var(--cosmere-color-text-sub);
  text-transform: uppercase;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .subtitle.wide,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .detail.wide,
.application.dialog .item-list .item .subtitle.wide,
.application.dialog .item-list .item .detail.wide {
  width: 76px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .subtitle.thin,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .detail.thin,
.application.dialog .item-list .item .subtitle.thin,
.application.dialog .item-list .item .detail.thin {
  width: 16px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .subtitle.flexible,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .detail.flexible,
.application.dialog .item-list .item .subtitle.flexible,
.application.dialog .item-list .item .detail.flexible {
  flex: 1;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .subtitle,
.application.dialog .item-list .item .subtitle {
  font-family: var(--cosmere-font-header);
  font-size: var(--font-size-8);
  margin-top: 4px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .detail,
.application.dialog .item-list .item .detail {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-10);
  font-weight: 600;
  font-variant: lining-nums;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .controls,
.application.dialog .item-list .item .controls {
  width: 34px;
  text-align: center;
  display: flex;
  gap: 0.375rem;
  justify-content: flex-end;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .controls a,
.application.dialog .item-list .item .controls a {
  width: 14px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .action,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .quantity,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .level,
.application.dialog .item-list .item .action,
.application.dialog .item-list .item .quantity,
.application.dialog .item-list .item .level {
  font-size: var(--font-size-12);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .quantity,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .duration,
.application.dialog .item-list .item .quantity,
.application.dialog .item-list .item .duration {
  display: flex;
  justify-content: space-evenly;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .quantity > a,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .duration > a,
.application.dialog .item-list .item .quantity > a,
.application.dialog .item-list .item .duration > a {
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .weight > i,
.application.dialog .item-list .item .weight > i {
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .none,
.application.dialog .item-list .item .none {
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip > a,
.application.dialog .item-list .item .equip > a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip > a > i,
.application.dialog .item-list .item .equip > a > i {
  font-size: var(--font-size-12);
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip > a > i.equipped,
.application.dialog .item-list .item .equip > a > i.equipped {
  color: var(--cosmere-color-text-sub);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip .hold-2h,
.application.dialog .item-list .item .equip .hold-2h {
  width: 48px;
  height: 20px;
  mask: var(--mask-equip-2h-svg) no-repeat center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip .hold-1h,
.application.dialog .item-list .item .equip .hold-1h {
  width: 48px;
  height: 10px;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip .hold-1h.main-hand,
.application.dialog .item-list .item .equip .hold-1h.main-hand {
  mask: var(--mask-equip-1h-top-svg) no-repeat center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip .hold-1h.off-hand,
.application.dialog .item-list .item .equip .hold-1h.off-hand {
  mask: var(--mask-equip-1h-bot-svg) no-repeat center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip .hold-2h,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip .hold-1h,
.application.dialog .item-list .item .equip .hold-2h,
.application.dialog .item-list .item .equip .hold-1h {
  background-color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip .hold-2h.equipped,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .equip .hold-1h.equipped,
.application.dialog .item-list .item .equip .hold-2h.equipped,
.application.dialog .item-list .item .equip .hold-1h.equipped {
  background-color: var(--cosmere-color-text-sub);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .restriction,
.application.dialog .item-list .item .restriction {
  font-size: var(--font-size-12);
  color: var(--cosmere-color-faded);
  text-transform: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .item .document-list,
.application.dialog .item-list .item .document-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .header,
.application.dialog .item-list .header {
  min-height: 30px;
  background-color: var(--cosmere-color-base-1);
  border-radius: 6px 6px 0 0;
  padding: 0 0.375rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .item-list .header.basic,
.application.dialog .item-list .header.basic {
  background-color: var(--cosmere-color-dark-1);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .pills-list.collapsible-content > .wrapper, .application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .pills-list:not(.collapsible-content),
.application.dialog .pills-list.collapsible-content > .wrapper,
.application.dialog .pills-list:not(.collapsible-content) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 0.375rem 0;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .pills-list .pill,
.application.dialog .pills-list .pill {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-10);
  font-weight: bold;
  font-variant: lining-nums;
  text-transform: uppercase;
  color: var(--cosmere-color-faded);
  border: 1px solid var(--cosmere-color-faded);
  padding: 0.125rem 0.25rem;
  border-radius: 6px;
  background-color: var(--cosmere-color-base-2);
  display: flex;
  flex-direction: row;
  gap: 0.125rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .pills-list .pill > .separator,
.application.dialog .pills-list .pill > .separator {
  line-height: 10px;
  opacity: 0.8;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skills-group,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-adversary-skills-group,
.application.dialog app-actor-skills-group,
.application.dialog app-adversary-skills-group {
  position: relative;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skills-group:not(:has(*)),
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-adversary-skills-group:not(:has(*)),
.application.dialog app-actor-skills-group:not(:has(*)),
.application.dialog app-adversary-skills-group:not(:has(*)) {
  display: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skills-group .skill-list,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-adversary-skills-group .skill-list,
.application.dialog app-actor-skills-group .skill-list,
.application.dialog app-adversary-skills-group .skill-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0.625rem;
  border: 2px solid var(--cosmere-color-accent);
  border-radius: 0;
  background-color: var(--cosmere-color-base-2);
  mask: radial-gradient(8px at 8px 8px, transparent 98%, black) -8px -8px;
  list-style: none;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skills-group .skill-list .skill,
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-adversary-skills-group .skill-list .skill,
.application.dialog app-actor-skills-group .skill-list .skill,
.application.dialog app-adversary-skills-group .skill-list .skill {
  list-style: none;
  margin-bottom: 0.125rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skill,
.application.dialog app-actor-skill {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-10);
  font-weight: bold;
  text-transform: uppercase;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skill [data-action],
.application.dialog app-actor-skill [data-action] {
  cursor: pointer;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skill .mod,
.application.dialog app-actor-skill .mod {
  font-family: var(--cosmere-font-header);
  font-size: var(--font-size-12);
  font-weight: 600;
  padding-top: 0.25rem;
  width: 24px;
  text-align: center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skill .mod .operator,
.application.dialog app-actor-skill .mod .operator {
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skill .mod .val,
.application.dialog app-actor-skill .mod .val {
  color: var(--cosmere-color-text-main);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skill .name,
.application.dialog app-actor-skill .name {
  color: var(--cosmere-color-text-sub);
  text-align: left;
  flex: 1;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-actor-skill .attribute,
.application.dialog app-actor-skill .attribute {
  color: var(--cosmere-color-text-accent);
  width: 24px;
  text-align: center;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .enricher-link a,
.application.dialog .enricher-link a {
  border-radius: 4px;
  background: var(--cosmere-color-base-1);
  margin: 0.125rem;
  padding: 0.125rem;
  font-weight: bold;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) .enricher-link a:hover,
.application.dialog .enricher-link a:hover {
  border-color: var(--cosmere-color-accent);
  background: var(--cosmere-color-base-5);
  box-shadow: 0 0 5px var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-expertises-list .icon-header,
.application.dialog app-expertises-list .icon-header {
  color: var(--cosmere-color-faded);
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-expertises-list .expertises,
.application.dialog app-expertises-list .expertises {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.375rem;
}
.application.sheet:not(.scene-config,
.active-effect-config,
.journal-sheet,
.roll-table-sheet,
.token-config) app-expertises-list .expertise,
.application.dialog app-expertises-list .expertise {
  font-family: var(--cosmere-font-normal);
  font-size: var(--font-size-11);
  font-weight: 600;
  color: var(--cosmere-color-faded);
  border: 1px solid var(--cosmere-color-faded);
  padding: 0.15rem 0.4rem;
  border-radius: 10px;
  background-color: var(--cosmere-color-base-2);
}

/* ----------------------------------------- */
/*  Globals                                  */
/* ----------------------------------------- */
:root {
  --cosmere-color-black: #000;
  --cosmere-color-dark-1: #111;
  --cosmere-color-dark-2: #222;
  --cosmere-color-dark-3: #333;
  --cosmere-color-dark-4: #444;
  --cosmere-color-dark-5: #555;
  --cosmere-color-dark-6: #666;
  --cosmere-color-dark-7: #777;
  --cosmere-color-light-1: #888;
  --cosmere-color-light-2: #999;
  --cosmere-color-light-3: #aaa;
  --cosmere-color-light-4: #bbb;
  --cosmere-color-light-5: #ccc;
  --cosmere-color-light-6: #ddd;
  --cosmere-color-light-7: #eee;
  --cosmere-color-white: #fff;
  --cosmere-color-off-white-1: #f8f4f1;
  --cosmere-color-off-white-2: #f0f0e0;
  --cosmere-color-complication: #ab3d38;
  --cosmere-color-complication-text: #ab3d38;
  --cosmere-color-complication-background: #ffdddd;
  --cosmere-color-complication-background-dark: #290706;
  --cosmere-color-opportunity: #1e3c60;
  --cosmere-color-opportunity-text: #7fa4e9;
  --cosmere-color-opportunity-background: #dde5ff;
  --cosmere-color-opportunity-background-dark: #060d1e;
  --cosmere-color-parchment: #f1ebe8;
  --cosmere-color-turn-fast: #a77129;
  --cosmere-color-turn-slow: #1a3c60;
  --cosmere-color-health-front: #286f3e;
  --cosmere-color-health-back: #6b1b2a;
  --cosmere-color-focus-front: #6e45e4;
  --cosmere-color-focus-back: #281c4a;
  --cosmere-color-invest-front: #3e6abb;
  --cosmere-color-invest-back: #182845;
  --cosmere-background-25: rgb(0 0 0 / 25%);
  --cosmere-background-10: rgb(0 0 0 / 10%);
  --cosmere-background-5: rgb(0 0 0 / 5%);
  --cosmere-shadow-15: rgba(0, 0, 0, 0.15);
  --cosmere-shadow-25: rgba(0, 0, 0, 0.25);
  --cosmere-shadow-35: rgba(0, 0, 0, 0.35);
  --cosmere-shadow-45: rgba(0, 0, 0, 0.45);
  --cosmere-shadow-55: rgba(0, 0, 0, 0.55);
  --cosmere-shadow-65: rgba(0, 0, 0, 0.65);
  --cosmere-shadow-75: rgba(0, 0, 0, 0.75);
  --cosmere-shadow-85: rgba(0, 0, 0, 0.85);
  --cosmere-shadow-svg: drop-shadow(0 0 4px rgba(255, 0, 0, 0.6));
  --cosmere-font-normal: "Laski Sans", sans-serif;
  --cosmere-font-header: "Penumbra Serif Std", serif;
  --cosmere-font-header-sc: "Penumbra Serif Std SC", serif;
  --cosmere-font-condensed: "Roboto Condensed", sans-serif;
  --cosmere-font-icons: "Cosmere Dingbats";
  --font-size-8: 0.5rem;
  --font-size-9: 0.563rem;
  --font-size-22: 1.375rem;
  /* ----------------------------------------- */
  /*  Default Cosmere Theme                    */
  /* ----------------------------------------- */
}
:root .cosmere-theme-default.theme-dark {
  --cosmere-banner-actor-top: url("assets/art/banner_actor_cosmere_top_dark.webp");
  --cosmere-banner-actor-bot: url("assets/art/banner_actor_cosmere_bot_dark.webp");
  --cosmere-banner-item-top: url("assets/art/banner_actor_cosmere_top_dark.webp");
  --cosmere-sheet-texture: url("assets/art/texture_sheet_cosmere_dark.webp");
  --cosmere-color-accent: #beaa8a;
  --cosmere-color-faded: #857d6a;
  --cosmere-color-sheet: #081127;
  --cosmere-color-neutral: var(--cosmere-color-dark-1);
  --cosmere-color-highlight: var(--cosmere-color-opportunity-text);
  --cosmere-color-base-1: #1d2945;
  --cosmere-color-base-2: #0d172f;
  --cosmere-color-base-3: #141d30;
  --cosmere-color-base-4: #21293d;
  --cosmere-color-base-5: #5b616e;
  --cosmere-color-base-6: #2c3445;
  --cosmere-color-text-main: var(--cosmere-color-white);
  --cosmere-color-text-sub: var(--cosmere-color-off-white-2);
  --cosmere-color-text-accent: var(--cosmere-color-accent);
}
:root .cosmere-theme-default.theme-light {
  --cosmere-banner-actor-top: url("assets/art/banner_actor_cosmere_top_light.webp");
  --cosmere-banner-actor-bot: url("assets/art/banner_actor_cosmere_bot_light.webp");
  --cosmere-banner-item-top: url("assets/art/banner_actor_cosmere_top_light.webp");
  --cosmere-sheet-texture: url("assets/art/texture_sheet_cosmere_light.webp");
  --cosmere-color-accent: #504538;
  --cosmere-color-faded: #9c876e;
  --cosmere-color-sheet: #d9cdbf;
  --cosmere-color-neutral: var(--cosmere-color-light-2);
  --cosmere-color-highlight: #ad6f41;
  --cosmere-color-base-1: #c6b094;
  --cosmere-color-base-2: #eadfd2;
  --cosmere-color-base-3: #ddd2c5;
  --cosmere-color-base-4: #aea499;
  --cosmere-color-base-5: #7b6b57;
  --cosmere-color-base-6: #596d79;
  --cosmere-color-text-main: #2f4858;
  --cosmere-color-text-sub: #374955;
  --cosmere-color-text-accent: #504538;
}

/* ----------------------------------------- */
/*  Fonts                                    */
/* ----------------------------------------- */
.application h1,
.application h4,
.application h5,
span.document-name {
  font-family: var(--cosmere-font-normal);
}

.application {
  font-family: var(--cosmere-font-normal);
  font-variant: lining-nums;
  box-shadow: none;
}

.application p {
  font-size: var(--font-size-13);
}

span.cosmere-icon,
em.cosmere-icon,
i.cosmere-icon {
  font-family: var(--cosmere-font-icons) !important;
}
span.cosmere-icon.complication-color,
em.cosmere-icon.complication-color,
i.cosmere-icon.complication-color {
  color: var(--cosmere-color-complication-text);
}
span.cosmere-icon.complication,
em.cosmere-icon.complication,
i.cosmere-icon.complication {
  color: var(--cosmere-color-complication);
}
span.cosmere-icon.complication::after,
em.cosmere-icon.complication::after,
i.cosmere-icon.complication::after {
  content: "C";
}
span.cosmere-icon.opportunity-color,
em.cosmere-icon.opportunity-color,
i.cosmere-icon.opportunity-color {
  color: var(--cosmere-color-opportunity-text);
}
span.cosmere-icon.opportunity,
em.cosmere-icon.opportunity,
i.cosmere-icon.opportunity {
  color: var(--cosmere-color-opportunity);
}
span.cosmere-icon.opportunity::after,
em.cosmere-icon.opportunity::after,
i.cosmere-icon.opportunity::after {
  content: "O";
}
span.cosmere-icon.action1::after,
em.cosmere-icon.action1::after,
i.cosmere-icon.action1::after {
  content: "1";
}
span.cosmere-icon.action2::after,
em.cosmere-icon.action2::after,
i.cosmere-icon.action2::after {
  content: "2";
}
span.cosmere-icon.action3::after,
em.cosmere-icon.action3::after,
i.cosmere-icon.action3::after {
  content: "3";
}
span.cosmere-icon.reaction::after,
em.cosmere-icon.reaction::after,
i.cosmere-icon.reaction::after {
  content: "r";
}
span.cosmere-icon.free::after,
em.cosmere-icon.free::after,
i.cosmere-icon.free::after {
  content: "0";
}
span.cosmere-icon.special::after,
em.cosmere-icon.special::after,
i.cosmere-icon.special::after {
  content: "*";
}
span.cosmere-icon.passive::after,
em.cosmere-icon.passive::after,
i.cosmere-icon.passive::after {
  content: "8";
}

em.cosmere-icon,
i.cosmere-icon {
  font-style: normal;
}