/* app/assets/stylesheets/env-theme.css */
:root {
  --core-primary-color: hsl(219, 43%, 40%);
  --core-primary-hue: 219;
  --core-primary-saturation: 43%;
  --core-primary-luminosity: 40%;
}

/* app/assets/stylesheets/theme.css */
:root {
  --text-color: #000;
  --text-invert-color: #fff;
  --text-dim-color: #444;
  --core-light-grey: hsl(0, 0%, 73%);
  --core-dark-grey: hsl(0, 0%, 53%);
  --core-grey: #EEE;
  --core-grey-dark-25: hsl(0, 0%, calc(93% - 35%));
  --core-primary: hsl(var(--core-primary-hue), var(--core-primary-saturation), var(--core-primary-luminosity));
  --core-primary-dark-5: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) - 5%));
  --core-primary-dark-10: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) - 10%));
  --core-primary-dark-15: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) - 15%));
  --core-primary-dark-20: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) - 20%));
  --core-primary-dark-25: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) - 25%));
  --core-primary-dark-30: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) - 30%));
  --core-primary-dark-40: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) - 40%));
  --core-primary-dark-50: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) - 50%));
  --core-primary-light-5: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) + 5%));
  --core-primary-light-15: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) + 15%));
  --core-primary-light-20: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) + 20%));
  --core-primary-light-30: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) + 30%));
  --core-primary-light-35: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) + 35%));
  --core-primary-light-40: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) + 40%));
  --core-primary-light-45: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) + 45%));
  --core-primary-light-50: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) + 50%));
  --core-primary-light-55: hsl(var(--core-primary-hue), var(--core-primary-saturation), calc(var(--core-primary-luminosity) + 55%));
  --core-destructive: hsl(0, 67%, 60%);
  --core-destructive-dark-15: hsl(0, 67%, 45%);
  --core-update: hsl(120, 23%, 57%);
  --core-update-dark-15: hsl(120, 23%, 42%);
  --core-xhr: hsl(210, 62%, 59%);
  --core-xhr-dark-10: hsl(210, 62%, 49%);
  --core-xhr-dark-15: hsl(210, 62%, 44%);
  --core-warning: hsl(60, 100%, 93%);
  --core-warning-dark-15: hsl(60, 100%, 82%);
  --core-warning-dark-30: hsl(60, 100%, 66%);
  --core-warning-dark-60: hsl(60, 100%, 33%);
  --core-warning-dark-90: hsl(60, 100%, 3%);
  --core-info: hsl(120, 100%, 93%);
  --core-info-dark-15: hsl(120, 100%, 82%);
  --core-info-dark-30: hsl(120, 100%, 66%);
  --core-info-dark-60: hsl(120, 100%, 33%);
  --core-info-dark-90: hsl(120, 100%, 3%);
  --core-error: hsl(0, 100%, 93%);
  --core-error-dark-15: hsl(0, 100%, 82%);
  --core-error-dark-30: hsl(0, 100%, 66%);
  --core-error-dark-60: hsl(0, 100%, 33%);
  --core-error-dark-90: hsl(0, 100%, 3%);
  --core-background-color: hsl(0, 0%, 100%);
  --core-background-color-offset: #ccc;
  --core-table-grey: hsl(0, 0%, 76%);
  --core-table-grey-dark-15: hsl(0, 0%, 61%);
  --core-table-grey-dark-55: hsl(0, 0%, 21%);
  --core-border-color: #B9B9B9;
  --core-invalid: hsl(4, 100%, 90%);
  --core-form-padding: 0.4em;
  --tooltip-color: hsl(60deg, 100%, 40%);
  --perma-black: black;
  --perma-white: white;
  --row-bom: #cf9;
  --row-pre-release: #ff9;
  --row-info: #ff9;
  --row-warn: #b22;
  --page-left-padding: 0.5em;
  --page-left-margin: 1em;
  --core-dirty-color: #FAEBD7;
  --backdrop-color: hsla(0, 0%, 100%, 0.4);
  --triangle-color: #444;
  --row-offset-background-color: #f8f8f8;
}

/* app/assets/stylesheets/mixins/core.css */
@keyframes tick-tock {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* app/assets/stylesheets/buttons.css */
:root {
  --switch-color: rgb(165, 175, 255);
}
:is(button.get, a.button, .button.get, button.xhr, button.delete, button.remove, button.update):is(:disabled, :disabled:hover),
input[type=checkbox].toggle:disabled + label,
input[type=checkbox].toggle:disabled + label:hover {
  background-color: var(--core-dark-grey);
  color: #222;
  border: 1px solid #666;
  cursor: not-allowed;
}
button.get,
a.button,
.button.get,
button.xhr,
button.delete,
button.remove,
button.update,
input[type=checkbox].toggle + label {
  border: 1px solid #999;
  font-family:
    -apple-system,
    "Helvetica Neue",
    "Arial",
    "Tahoma",
    sans-serif;
  font-size: 1em;
  padding: 0.2em 0.6em 0.2em 0.3em;
  cursor: pointer;
  margin: 0;
  border-radius: 0.2em;
  background-color: var(--core-grey);
  color: #222;
  font-weight: bold;
}
:is(button.get, a.button, .button.get, button.xhr, button.delete, button.remove, button.update, input[type=checkbox].toggle + label):empty:not([title]) {
  padding: 0.2em;
}
button:focus {
  outline: none;
}
button + button.submit,
button + a.button,
a.button + button.submit {
  margin-left: 0.2em;
}
:is(button.get, a.button, .button.get):hover,
:is(button.get, a.button, .button.get):focus {
  background-color: var(--core-light-grey);
  color: white;
  border: thin solid #666;
}
:is(button.get, a.button, .button.get):active {
  background-color: var(--core-dark-grey);
  -webkit-user-select: none;
  user-select: none;
}
:is(button.get, a.button, .button.get):active:not(:hover) {
  color: #ccc;
  border: thin solid black;
}
:is(button.get, a.button, .button.get):empty:not([title]) {
  padding: 0.1em 0.2em;
}
:is(button.get, a.button, .button.get):empty {
  padding: 0.2em 0.4em;
}
button.xhr:hover,
button.xhr:focus {
  background-color: var(--core-xhr);
  color: white;
  border: thin solid #666;
}
button.xhr:active {
  background-color: var(--core-xhr-dark-15);
  -webkit-user-select: none;
  user-select: none;
}
button.xhr.pressed {
  background-color: var(--core-xhr-dark-10);
  color: white;
  border: thin solid #666;
}
button.delete,
button.remove {
  color: #900;
}
:is(button.delete, button.remove):hover,
:is(button.delete, button.remove):focus {
  background-color: var(--core-destructive);
  color: white;
  border: thin solid #666;
}
:is(button.delete, button.remove):active {
  background-color: var(--core-destructive-dark-15);
  -webkit-user-select: none;
  user-select: none;
}
button.update:hover,
button.update:focus {
  background-color: var(--core-update);
  color: white;
  border: thin solid #666;
}
button.update:active {
  background-color: var(--core-update-dark-15);
  -webkit-user-select: none;
  user-select: none;
}
button:not([class*=icon-]),
a.button:not([class*=icon-]) {
  padding: 0.2em 0.4em;
}
button[class*=icon-]:not([data-active])::before,
a.button[class*=icon-]:not([data-active])::before {
  padding: 0 0.1em 0 0.1em;
}
button.post[data-count][title]::after {
  content: attr(title) attr(data-count);
  padding-left: 0.3em;
}
button.post[data-count]::after {
  content: attr(data-count);
  padding-left: 0.3em;
}
@media screen and (max-width:500px) {
  button.post[data-count][title]::after {
    content: attr(data-count);
    padding-left: 0.3em;
  }
}
@layer {
  .no-chrome {
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
  }
  button {
    color: var(--text-color);
  }
}
button[data-active] {
  padding-left: 0.3em;
}
button[data-active]::before {
  background-image: url("/assets/loading-2661f1fff9f29d1b30ee87f6dd0603cd5f614b3a.svg");
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: -3px 3px -3px 0;
  background-repeat: no-repeat;
  transform-origin: 50% 50%;
  animation: tick-tock 1s steps(12, end) infinite;
}
@media screen and (max-width:500px) {
  button.get,
  button.delete,
  button.update {
    text-shadow: none;
  }
  :is(button.get, button.delete, button.update):hover {
    text-shadow: none;
  }
  :is(button.get, button.delete, button.update):active {
    text-shadow: none;
  }
}
.list .submit-bar,
.form .submit-bar {
  display: flex;
  margin: 0.35em 0;
  padding: 0.35em 0;
  border: none;
  border-bottom: thin solid var(--core-light-grey);
  background-color: var(--core-background-color);
}
:is(.list .submit-bar, .form .submit-bar) a:not(:hover):visited {
  color: var(--perma-black);
}
.space-around,
.form span.flex.space-around {
  justify-content: space-around;
}
.space-evenly,
.form span.flex.space-evenly {
  justify-content: space-around;
  justify-content: space-evenly;
}
.space-between,
.form span.flex.space-between {
  justify-content: space-between;
}
.action-bar {
  display: flex;
  padding: 0.35em 0;
}
.action-bar > button {
  margin-left: 0.6em;
}
.action-bar > *:first-child {
  margin-left: 0;
}
.button-bar button {
  border-radius: 0;
}
.button-bar button:first-child {
  border-top-left-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
  border-right: none;
}
.button-bar button:first-child:disabled:hover {
  border-right: none;
}
.button-bar button:last-child {
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  border-left: none;
}
.button-bar button:last-child:disabled:hover {
  border-left: none;
}
.button-bar button:last-child:nth-child(2),
.button-bar button:only-child {
  border: thin solid #999;
}
:is(.button-bar button:last-child:nth-child(2), .button-bar button:only-child):disabled {
  border: thin solid #666;
}
:is(.button-bar button:last-child:nth-child(2), .button-bar button:only-child):hover {
  border: thin solid #666;
}
input.hidden[type=file]:disabled + label {
  color: var(--text-dim-color);
}
input[type=checkbox].toggle {
  display: none;
}
input[type=checkbox].toggle + label:hover {
  background-color: var(--core-update);
  color: white;
  border: thin solid #666;
}
input[type=checkbox].toggle + label:active {
  background-color: var(--core-update-dark-15);
  -webkit-user-select: none;
  user-select: none;
}
input[type=checkbox].toggle:checked + label {
  background-color: var(--core-primary);
  color: var(--text-invert-color);
}
input[type=checkbox].toggle:checked + label.no-chrome {
  background-color: var(--core-primary);
}
input[type=checkbox].toggle + label.no-chrome {
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  color: var(--text-color);
}
input[type=checkbox].toggle + label.no-chrome:hover {
  background-color: var(--core-primary-dark-10);
}
input[type=checkbox].toggle + label.no-chrome:active {
  background-color: var(--core-primary-dark-15);
}
input[type=checkbox].toggle + label.no-chrome {
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
input[type=checkbox].toggle + label.no-chrome:hover {
  background-color: var(--core-update);
}
input[type=checkbox].toggle + label.no-chrome:active {
  background-color: var(--core-update-dark-15);
}
:root {
  --switch-height: 20px;
  --switch-width: 42px;
}
@media screen and (pointer: coarse) {
  :root {
    --switch-height: 30px;
    --switch-width: 52px;
  }
}
input[type=checkbox].switch {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}
input[type=checkbox].switch + label {
  color: var(--text-color);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  cursor: pointer;
  display: inline-block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: calc(var(--switch-width) + 5px);
  white-space: nowrap;
  height: var(--switch-height);
  width: var(--switch-width);
  border-radius: calc(var(--switch-height) / 2);
  padding: 0;
  background-color: white;
}
input[type=checkbox].switch + label::before {
  background: transparent;
  content: "";
  position: absolute;
  display: block;
  height: var(--switch-height);
  width: var(--switch-height);
  top: 0;
  left: 0;
  border-radius: calc(var(--switch-height) / 2);
  transition: .25s ease-in-out;
}
input[type=checkbox].switch + label::after {
  content: "";
  position: absolute;
  display: block;
  height: var(--switch-height);
  width: var(--switch-height);
  top: 0;
  left: 0px;
  border-radius: calc(var(--switch-height) / 2);
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
  transition: .25s ease-in-out;
}
input[type=checkbox].switch:active + label::after {
  background: #ddd;
}
input[type=checkbox].switch:checked + label::before {
  width: var(--switch-width);
  background: var(--switch-color);
}
input[type=checkbox].switch:checked + label::after {
  left: calc(var(--switch-width) - var(--switch-height));
  box-shadow: inset 0 0 0 1px var(--switch-color), 0 2px 4px rgba(0, 0, 0, .2);
}
input[type=checkbox][data-color=gold].switch + label::before {
  background: transparent;
}
input[type=checkbox][data-color=gold].switch:checked + label::before {
  background: gold;
}
input[type=checkbox][data-color=gold].switch:checked + label::after {
  box-shadow: inset 0 0 0 1px gold, 0 2px 4px rgba(0, 0, 0, .2);
}
input[type=checkbox][data-color=mistyrose].switch + label::before {
  background: transparent;
}
input[type=checkbox][data-color=mistyrose].switch:checked + label::before {
  background: mistyrose;
}
input[type=checkbox][data-color=mistyrose].switch:checked + label::after {
  box-shadow: inset 0 0 0 1px mistyrose, 0 2px 4px rgba(0, 0, 0, .2);
}

/* app/assets/stylesheets/fonts.css */
@font-face {
  font-family: "core";
  src: url("/assets/core-icons-c3a8735df3a4bd4e25c88067e5e1cea60863ffe5.eot");
  src:
    url("/assets/core-icons-c3a8735df3a4bd4e25c88067e5e1cea60863ffe5.eot?#iefix") format("embedded-opentype"),
    url("/assets/core-icons-a734bd3da0bdd96f3dc6cb9cbb1a916cb69cbfa2.woff2") format("woff2"),
    url("/assets/core-icons-bc56a9cb7744e0e26044d2d15ddc6b2404a022b3.woff") format("woff"),
    url("/assets/core-icons-91ff26dfabed39dc260044a9f9a4a63998d9f36d.ttf") format("truetype"),
    url("/assets/core-icons-ccf86ae19831aee5c153baa62c1677968fd7943b.svg#core-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "core";
    src: url("/assets/core-icons-ccf86ae19831aee5c153baa62c1677968fd7943b.svg#core-icons") format("svg");
  }
}
.icon-add:before,
.icon-adjust:before,
.icon-alert:before,
.icon-audit:before,
.icon-back:before,
.icon-bell:before,
.icon-book:before,
.icon-bookmark:before,
.icon-box:before,
.icon-bug:before,
.icon-building:before,
.icon-calendar:before,
.icon-camera:before,
.icon-caution:before,
.icon-check:before,
.icon-chevron:before,
.icon-circle-slash:before,
.icon-clock:before,
.icon-clone:before,
.icon-collapse:before,
.icon-comment:before,
.icon-conversation:before,
.icon-copy:before,
.icon-core:before,
.icon-data:before,
.icon-day-adjust:before,
.icon-deleted:before,
.icon-delta:before,
.icon-desktop:before,
.icon-dot:before,
.icon-download:before,
.icon-down-arrow:before,
.icon-ellipsis:before,
.icon-eye:before,
.icon-exit:before,
.icon-expand:before,
.icon-feed:before,
.icon-file:before,
.icon-filter:before,
.icon-folder:before,
.icon-folder-closed:before,
.icon-folder-copy:before,
.icon-folder-new:before,
.icon-folder-open:before,
.icon-full-screen:before,
.icon-help:before,
.icon-history:before,
.icon-home:before,
.icon-hyperlink:before,
.icon-image:before,
.icon-inbox:before,
.icon-key:before,
.icon-lasso:before,
.icon-layer:before,
.icon-left-arrow:before,
.icon-link:before,
.icon-lock:before,
.icon-mail:before,
.icon-markdown:before,
.icon-measure:before,
.icon-menu:before,
.icon-minus:before,
.icon-moon:before,
.icon-normal-screen:before,
.icon-nuclear:before,
.icon-o-list:before,
.icon-package:before,
.icon-package-closed:before,
.icon-package-new:before,
.icon-package-open:before,
.icon-paste:before,
.icon-pencil:before,
.icon-percentage:before,
.icon-person:before,
.icon-pin:before,
.icon-plus:before,
.icon-print:before,
.icon-qr:before,
.icon-qr-scan:before,
.icon-refresh:before,
.icon-revert:before,
.icon-right-arrow:before,
.icon-search:before,
.icon-settings:before,
.icon-sign-out:before,
.icon-sort:after,
.icon-sort-asc:after,
.icon-sort-desc:after,
.icon-star:before,
.icon-sun:before,
.icon-surveillance:before,
.icon-target:before,
.icon-task:before,
.icon-task-list:before,
.icon-trash:before,
.icon-u-list:before,
.icon-unit:before,
.icon-unit-closed:before,
.icon-unit-new:before,
.icon-unit-open:before,
.icon-unit-target:before,
.icon-upcase:before,
.icon-upload:before,
.icon-v-ellipsis:before,
.icon-windows:before,
.icon-worker:before,
.icon-wrench:before,
.icon-zap:before,
.icon-zip:before {
  display: inline-block;
  font-family: "core";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 1rem;
  height: 1rem;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.large[class*=icon-]::before {
  font-size: 2rem;
}
.icon-add:before {
  content: "\f129";
}
.icon-adjust:before {
  content: "\f151";
}
.icon-alert:before {
  content: "\f118";
}
.icon-audit:before {
  content: "\f17a";
}
.icon-back:before {
  content: "\f13c";
}
.icon-bell:before {
  content: "\f163";
}
.icon-book:before {
  content: "\f153";
}
.icon-bookmark:before {
  content: "\f10c";
  font-size: 1rem;
}
.icon-box:before {
  content: "\f135";
}
.icon-bug:before {
  content: "\f111";
}
.icon-building:before {
  content: "\f17b";
}
.icon-calendar:before {
  content: "\f110";
}
.icon-camera:before {
  content: "\f12e";
}
.icon-caution:before {
  content: "\f10f";
  text-decoration: none;
}
.icon-check:before {
  content: "\f119";
}
.icon-chevron:before {
  content: "\f13d";
}
.icon-circle-slash:before {
  content: "\f11a";
}
.icon-clock:before {
  content: "\f160";
}
.icon-clone:before {
  content: "\f11d";
}
.icon-collapse:before {
  content: "\f112";
}
.icon-comment:before {
  content: "\f11b";
}
.icon-conversation:before {
  content: "\f11e";
}
.icon-copy:before {
  content: "\f144";
}
.icon-core:before {
  content: "\f117";
}
.icon-data:before {
  content: "\f100";
}
.icon-day-adjust:before {
  content: "\f179";
}
.icon-deleted:before {
  content: "\f122";
}
.icon-delta:before {
  content: "\f12d";
}
.icon-desktop:before {
  content: "\f148";
}
.icon-dot:before {
  content: "\f105";
}
.icon-download:before {
  content: "\f13e";
}
.icon-down-arrow:before {
  content: "\f165";
}
.icon-ellipsis:before {
  content: "\f167";
}
.icon-eye:before {
  content: "\f161";
}
.icon-exit:before {
  content: "\f10d";
}
.icon-expand:before {
  content: "\f113";
}
.icon-feed:before {
  content: "\f14a";
  font-size: 0.8em;
}
.icon-file:before {
  content: "\f12c";
}
.icon-filter:before {
  content: "\f123";
}
.icon-folder:before {
  content: "\f14d";
}
.icon-folder-closed:before {
  content: "\f14e";
}
.icon-folder-copy:before {
  content: "\f154";
}
.icon-folder-new:before {
  content: "\f150";
}
.icon-folder-open:before {
  content: "\f14f";
}
.icon-full-screen:before {
  content: "\f140";
}
.icon-help:before {
  content: "\f137";
}
.icon-history:before {
  content: "\f114";
}
.icon-home:before {
  content: "\f106";
}
.icon-hyperlink:before {
  content: "\f127";
}
.icon-image:before {
  content: "\f173";
}
.icon-inbox:before {
  content: "\f120";
}
.icon-key:before {
  content: "\f134";
}
.icon-lasso:before {
  content: "\f16c";
}
.icon-layer:before {
  content: "\f16e";
}
.icon-left-arrow:before {
  content: "\f107";
}
.icon-link:before {
  content: "\f115";
}
.icon-lock:before {
  content: "\f136";
}
.icon-mail:before {
  content: "\f147";
}
.icon-markdown:before {
  content: "\f11f";
}
.icon-measure:before {
  content: "\f170";
}
.icon-menu:before {
  content: "\f10a";
}
.icon-minus:before {
  content: "\f130";
}
.icon-moon:before {
  content: "\f164";
}
.icon-normal-screen:before {
  content: "\f141";
}
.icon-nuclear:before {
  content: "\f169";
}
.icon-o-list:before {
  content: "\f116";
}
.icon-package:before {
  content: "\f15b";
}
.icon-package-closed:before {
  content: "\f15c";
}
.icon-package-new:before {
  content: "\f15e";
}
.icon-package-open:before {
  content: "\f15d";
}
.icon-paste:before {
  content: "\f166";
}
.icon-pencil:before {
  content: "\f121";
}
.icon-percentage:before {
  content: "\f17c";
}
.icon-person:before {
  content: "\f16b";
}
.icon-pin:before {
  content: "\f16d";
}
.icon-plus:before {
  content: "\f124";
}
.icon-print:before {
  content: "\f143";
}
.icon-qr:before {
  content: "\f14c";
}
.icon-qr-scan:before {
  content: "\f16a";
}
.icon-refresh:before {
  content: "\f12b";
}
.icon-revert:before {
  content: "\f132";
}
.icon-right-arrow:before {
  content: "\f108";
}
.icon-search:before {
  content: "\f10b";
}
.icon-settings:before {
  content: "\f128";
}
.icon-sign-out:before {
  content: "\f101";
}
.icon-sort:after {
  content: "\f102";
  color: #EAEAEA;
  text-shadow: none;
}
.icon-sort-asc:after {
  content: "\f103";
  color: var(--core-primary);
  text-shadow: none;
}
.icon-sort-desc:after {
  content: "\f104";
  color: var(--core-primary);
  text-shadow: none;
}
.icon-star:before {
  content: "\f155";
}
.icon-sun:before {
  content: "\f16f";
}
.icon-surveillance:before {
  content: "\f174";
}
.icon-target:before {
  content: "\f12f";
}
.icon-task:before {
  content: "\f125";
}
.icon-task-list:before {
  content: "\f126";
}
.icon-trash:before {
  content: "\f11c";
}
.icon-u-list:before {
  content: "\f10e";
}
.icon-unit:before {
  content: "\f156";
}
.icon-unit-closed:before {
  content: "\f158";
}
.icon-unit-new:before {
  content: "\f159";
}
.icon-unit-open:before {
  content: "\f15a";
}
.icon-unit-target:before {
  content: "\f17e";
}
.icon-upcase:before {
  content: "\f146";
}
.icon-upload:before {
  content: "\f13a";
}
.icon-v-ellipsis:before {
  content: "\f168";
}
.icon-windows:before {
  content: "\f15f";
}
.icon-worker:before {
  content: "\f17f";
}
.icon-wrench:before {
  content: "\f180";
}
.icon-zap:before {
  content: "\f109";
}
.icon-zip:before {
  content: "\f145";
}

/* app/assets/stylesheets/login.css */
* {
  touch-action: manipulation;
  font-family:
    -apple-system,
    "Helvetica Neue",
    "Arial",
    "Tahoma";
}
.row {
  display: flex;
  align-items: stretch;
}
.row label {
  flex: 0 0 auto;
  width: 5em;
  border-right: thin solid #eee;
  padding: 0.5em;
  touch-action: manipulation;
}
form div .row:first-of-type:not(:last-of-type) {
  border-bottom: thin solid #eee;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.flex {
  box-sizing: border-box;
  flex: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--core-primary-dark-5);
  padding: 2em;
  border-radius: 0.5em;
}
.flex form > div:first-of-type {
  flex: 1 auto;
  background-color: white;
  border-radius: 0.5em;
  background-clip: border-box;
  overflow: hidden;
}
.flex .icon-core {
  flex: 1 auto;
  color: white;
  text-align: center;
  font-size: 10rem;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-timing-function: ease;
}
.flex .icon-core::before {
  font-size: 10rem;
}
@media (prefers-reduced-motion) {
  .flex .icon-core {
    animation: none;
  }
}
label {
  font-weight: bold;
  width: 5em;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  50% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
button#login-button {
  width: 100%;
  margin: 0.5em 0;
}
html {
  height: 100%;
}
body {
  margin: 0;
  height: 100%;
  background-color: var(--core-background-color);
}
.flash {
  padding: 0.5em;
  text-align: center;
  color: white;
  flex: 0 1 auto;
  width: 30em;
  box-sizing: border-box;
  border-radius: 0.5em;
  margin-top: 1em;
}
#login-error {
  background-color: red;
  text-shadow: 0 1px 0 #411;
}
#login-info {
  color: green;
  text-shadow: 0 1px 0 #141;
}
#login-warning {
  background-color: yellow;
  color: black;
  text-shadow: 0 1px 0 #fff;
}
#azure {
  width: 100%;
  margin: 0.5em 0;
  display: block;
  box-sizing: border-box;
  text-align: center;
}
img {
  background-color: #fff;
  border-radius: 0.3rem;
  padding: 0.5rem;
  padding-right: 0.6rem;
}
@media screen and (max-width:500px) {
  img {
    filter: unset;
  }
  .flex {
    flex: 1 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
  }
  .flex img {
    width: 90vw;
    object-fit: contain;
  }
  .flex .icon-core {
    background-color: var(--core-primary-dark-5);
    padding: 1rem;
    border-radius: 50%;
    font-size: 40vw;
    line-height: 40vw;
    position: absolute;
    top: 20vh;
    z-index: 2;
  }
  .flex .icon-core::before {
    font-size: 40vw;
  }
  .flex .content {
    box-sizing: border-box;
    background-color: var(--core-primary-light-55);
    width: 100vw;
    text-align: center;
    position: absolute;
    top: 34vh;
    height: calc(100vh - 34vh);
    padding-top: 21vh;
  }
  .center {
    align-items: stretch;
  }
  .row label {
    display: none;
  }
  button#login-button {
    font-size: 7vw;
  }
  a,
  label,
  .flash {
    font-size: 5vw;
  }
  .flash {
    border-radius: 0;
    margin-top: 0;
  }
  .flash,
  .flex {
    width: auto;
  }
  #azure {
    border-radius: 0;
    border-right: none;
    border-left: none;
    line-height: 10vh;
  }
}