:root {
  --white: #fff;
  --black: #222;
  --grey: #6f7787;
  --dark-grey: #575e6b;
  --light-grey: #eee;
  --light-grey-hover: #ddd;
  --red: #cf0a2c;
  --red-hover: #cf0a2c;
  --yellow: #ffe36d;
  --yellow: #fcc200;
  --blue: #0071ce;
  --blue-hover: #0071ce;
  --teal: #accde7;
  --teal-hover: #accde7;
  --purple: #7466bf;
  --purple-hover: #7466bf;
  --green: #34ac69;
  --app-max-width: 1920px;
  --active-tab-background: var(--grey);
  --active-tab-hover: var(--dark-grey);
  --active-tab-color: var(--white);
  --background: #eee;
  --hover: rgba(0, 0, 0, 0.04);
  --disabled: #a1aeb8;
  --dashed-border: 1px dashed #767676;
  --primary: #2673b3;
  --primary-logo: #2673b3;
  --primary-hover: #125f9f;
  --primary-active: #0c4c81;
  --warning: var(--yellow);
  --danger: var(--red);
  --success: var(--green);
  --space-nano: 4px;
  --space-micro: 8px;
  --space-small: 16px;
  --space-default: 24px;
  --space-large: 32px;
  --space-mega: 56px;
  --radius-small: 2px;
  --radius-default: 4px;
  --radius-big: 6px;
  --tile: #fff;
  --tile-shadow: 0 4px 40px rgba(0, 0, 0, 0.17);
  --hard-shadow: 0 4px 40px rgba(0, 0, 0, 0.5);
  --tile-border-radius: 6px;
  --tile-margin: var(--space-default);
  --tile-padding: var(--space-large);
  --default-text: #222222;
  --meta-text: var(--grey);
  --disabled-text: var(--grey);
  --size-default: 14px;
  --size-big: 15px;
  --icon-small: 1px;
  --icon-mid: 28px;
  --icon-big: 1px;
  --input-background: #fff;
  --input-radius: 2px;
  --input-border: 1px solid #ddd;
  --input-label-color: var(--black);
  --input-label-size: 14px;
  --button-radius: 3px;
  --button-background-primary: var(--primary);
  --button-hover-primary: var(--primary-hover);
  --button-active-primary: var(--primary-active);
  --button-disabled-primary: #92b9d9;
  --button-border-primary: 1px solid transparent;
  --button-color-primary: var(--white);
  --button-background-secondary: var(--white);
  --button-hover-secondary: #f8f8f8;
  --button-active-secondary: #eeeeee;
  --button-disabled-secondary: 1px solid #6f7787;
  --button-border-secondary: 1px solid #6f7787;
  --button-color-secondary: var(--black);
  --button-background-danger: var(--red);
  --button-hover-danger: #b80826;
  --button-active-danger: #a40621;
  --button-disabled-danger: #e78495;
  --button-border-danger: 1px solid transparent;
  --button-color-danger: var(--white);
  --toast-radius: 6px;
  --toast-info: #accde7;
  --toast-color-info: var(--default-text);
  --toast-warning: var(--yellow);
  --toast-color-warning: var(--default-text);
  --toast-success: #99d5b4;
  --toast-color-success: var(--default-text);
  --toast-danger: #cf0a2c;
  --toast-color-danger: var(--white);
  --list-border: 1px solid #ddd;
  --tag-violet-background: #dfdbf5;
  --tag-violet-hover: #e4e2f2;
  --tag-violet-text: #39345d;
  --tag-violet-importance: 10;
  --tag-pink-background: #efdaee;
  --tag-pink-hover: #d4c0d3;
  --tag-pink-text: #502b4e;
  --tag-pink-importance: 10;
  --tag-green-background: #c2e6d2;
  --tag-green-hover: #c6dfd1;
  --tag-green-text: #502b4e;
  --tag-green-importance: 10;
  --tag-blue-background: #cbe8ff;
  --tag-blue-hover: #d5ecff;
  --tag-blue-text: #14344d;
  --tag-blue-importance: 4;
  --tag-purple-background: #b2c0f2;
  --tag-purple-hover: #bfc9ed;
  --tag-purple-text: #372b43;
  --tag-purple-importance: 3;
  --tag-brown-background: #ece1ca;
  --tag-brown-hover: #e4ded0;
  --tag-brown-text: #433a2b;
  --tag-brown-importance: 10;
  --tag-turquoise-background: #c3fcf4;
  --tag-turquoise-hover: #d2f8f3;
  --tag-turquoise-text: #204a65;
  --tag-turquoise-importance: 2;
  --tag-grey-background: #eeeeee;
  --tag-grey-hover: #dedede;
  --tag-grey-text: #222222;
  --tag-grey-importance: 10;
  --tag-orange-background: #ffd2a8;
  --tag-orange-hover: #ffe0c3;
  --tag-orange-text: #543c25;
  --tag-orange-importance: 10;
  --tag-rose-background: #fcaac5;
  --tag-rose-hover: #ffc3d7;
  --tag-rose-text: #3b1824;
  --tag-rose-importance: 1;
}

@media screen {
  [data-theme=dark] {
    --background: #0d1d2b;
    --tile: #0f2c44;
    --default-text: #fff;
    --input-background: #0d1d2b;
    --hover: #0d1d2b;
    --dashed-border: 1px dashed #fff;
    --list-border: 1px solid #3d4b61;
    --input-border: 1px solid #3d4b61;
    --active-tab-background: var(--white);
    --active-tab-color: var(--black);
    --active-tab-hover: var(--light-grey);
    --button-background-secondary: transparent;
    --button-hover-secondary: #123653;
    --button-active-secondary: #174367;
    --button-disabled-secondary: 1px solid #6f7787;
    --button-border-secondary: 1px solid #6f7787;
    --button-color-secondary: var(--white);
    --primary-logo: #6895ba;
  }
}
/* parse-color-link(string [string:null])
  enables support for internal linking of the $colors variable. in the color
  library, a string can be entered that is separated with /. The syntax is:
  "group/id"
 */
/* convert-simple-number(str [string:""])
  Converts a String-Number to a Number
  - this seems a complicated thing for sass to do
 */
.task-center {
  background: var(--background);
  position: absolute;
  top: 0;
  right: 10px;
  max-width: 1000px;
  min-width: 800px;
  z-index: 1;
}
.task-center .tags {
  margin-top: var(--space-micro);
  margin-bottom: 4px;
}
.task-center .tags > * {
  background: var(--tile);
}
.task-center__item {
  padding: var(--space-micro);
  width: 100%;
  box-sizing: border-box;
}
.task-center__item-content {
  background: var(--tile);
  padding: 10px;
}
.task-center__item-content:last-child {
  border-bottom: none;
}
.task-center__item-content p {
  margin-top: 0;
  margin-bottom: var(--space-nano);
}
.task-center__item-content p b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.task-center__item-content p:last-child {
  margin-bottom: 0;
}
.task-center__item-meta {
  display: flex;
  flex-direction: row;
}
.task-center__item-meta-block {
  background: var(--tile);
  color: var(--default-text);
  padding: 10px;
  flex: 1;
  display: flex;
  align-items: center;
  margin-right: var(--space-micro);
  font-size: var(--size-default);
}
.task-center__item-meta-block:last-child {
  margin-right: 0;
}
.task-center__item-meta-block img {
  height: 22px;
  filter: brightness(0);
}
.task-center__item-meta-block i {
  font-size: 22px;
}
.task-center__item-meta-block span {
  margin-left: 10px;
}

@media screen {
  [data-theme=dark] .task-center__item-meta-block img {
    filter: brightness(100);
  }
}
@media only screen and (max-width: 600px) {
  .task-center {
    display: none !important;
  }
}
.app__header--secondary {
  align-items: flex-end;
  position: relative;
  height: 40px;
}
.app__header--secondary .tab-view {
  max-width: calc(100% - 270px);
}
.app__header--secondary .tab-view__bar {
  scrollbar-width: none;
}
.app__header--secondary .tab-view__bar p {
  text-align: left;
}
.app__header--secondary .tab-view__bar button,
.app__header--secondary .tab-view__bar a {
  display: block;
  padding: var(--space-nano) var(--space-micro);
  min-width: 190px;
  max-width: 190px;
}
.app__header--secondary .tab-view__bar button:first-child,
.app__header--secondary .tab-view__bar a:first-child {
  margin-left: auto;
}
.app__header--secondary .tab-view__bar .score {
  text-align: center;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  position: absolute;
  right: 9px;
  top: 21px;
  margin-top: -15px;
  font-size: 14px;
  color: var(--black);
}
.app__header--secondary .tab-view__bar .score svg {
  fill: var(--black);
}
.app__header--secondary .tab-view__bar .score.warning {
  background-color: var(--yellow);
  color: var(--black);
  font-weight: 600;
}
.app__header--secondary .tab-view__bar .score.alert {
  background-color: var(--red);
  color: var(--white);
  font-weight: 600;
}
.app__header--secondary .tab-view__bar .score.alert svg {
  fill: var(--white);
}
.app__header--secondary .tab-view__bar p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app__header--secondary .tab-view__bar p.target {
  margin: 0;
  line-height: 14px;
}
.app__header--secondary .tab-view__bar p.name {
  margin: 0;
}

@media only screen and (max-width: 600px) {
  .app__header--secondary .tab-view {
    max-width: none;
  }
}
#submit #configure-file {
  padding-bottom: 100px;
}
#submit .button-bar .task-meter {
  margin-right: auto;
  align-self: center;
}
#submit .score-block {
  margin-left: var(--space-small);
}
#submit #general {
  margin-bottom: var(--space-micro);
}
#submit #general p {
  margin-bottom: var(--space-nano);
  word-break: break-all;
  white-space: normal;
  margin-right: var(--space-small);
}
#submit #general .flex > span {
  font-size: var(--size-default);
}
#submit #profiles {
  list-style: none;
}
#submit #profiles li {
  padding: var(--space-micro);
  border-bottom: var(--list-border);
}
#submit #profiles li:hover {
  background: var(--hover);
}
#submit #profiles li input {
  display: none;
}
#submit #profiles li input:checked + label {
  font-weight: 600;
}
#submit #profiles li input:checked + label[automatic-profile] p:first-child {
  margin-bottom: 0;
}
#submit #profiles li input:checked + label button {
  display: block;
}
#submit #profiles li input:checked + label .tags {
  margin-top: var(--space-micro);
}
#submit #profiles li input:checked + label .tags span {
  background: var(--primary);
  color: var(--white);
  display: inline;
}
#submit #profiles li label[data-profile] {
  display: flex;
  cursor: pointer;
}
#submit #profiles li label[data-profile] div {
  flex: 1;
  align-self: center;
}
#submit #profiles li label[data-profile] .tags {
  margin: 0;
}
#submit #profiles li label[data-profile] .tags span {
  display: none;
}
#submit #profiles li label[data-profile] p {
  margin-bottom: 0;
}
#submit #profiles li label[data-profile] .platform svg,
#submit #profiles li label[data-profile] img.platform {
  justify-self: center;
  align-self: center;
  height: 30px;
  width: 30px;
  margin-right: 20px;
}
#submit #profiles li label[data-profile] .ma-icon {
  flex: none;
}
#submit #profiles li label[data-profile] > i {
  font-size: 32px;
  margin-right: 20px;
}
#submit #profiles li label[data-profile] button {
  display: none;
  align-self: start;
}
#submit #option-tabs {
  margin-left: 0;
}
#submit #option-tabs .pick-tab {
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--space-small);
}
#submit #url-list li p {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#submit #url-list li .tags,
#submit #url-list li .tags span {
  margin-bottom: 0;
}
#submit .commandline {
  width: 100%;
  flex: 1;
  margin-top: var(--space-micro);
}
#submit .commandline fieldset {
  margin-bottom: 0;
  flex: 1;
}
#submit .commandline svg {
  padding: 5px;
}

@media only screen and (max-width: 600px) {
  #general {
    flex-direction: column-reverse;
  }
  #general .score-block {
    width: 100%;
    margin-left: 0;
  }
}

/*# sourceMappingURL=pick.css.map */