@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%; }

*, :after, :before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit; }

* {
  padding: 0;
  margin: 0; }

audio:not([controls]) {
  display: none;
  height: 0; }

hr {
  overflow: visible; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

summary {
  display: list-item; }

small {
  font-size: 80%; }

[hidden], template {
  display: none; }

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active, a:hover {
  outline-width: 0; }

code, kbd, pre, samp {
  font-family: monospace,monospace; }

b, strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

input {
  border-radius: 0; }

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer; }

[disabled] {
  cursor: default; }

[type=number] {
  width: auto; }

[type=search] {
  -webkit-appearance: textfield; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  resize: vertical; }

button, input, optgroup, select, textarea {
  font: inherit; }

optgroup {
  font-weight: 700; }

button {
  overflow: visible; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: 0;
  padding: 0; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button; }

button, select {
  text-transform: none; }

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

select::-ms-value {
  color: currentColor; }

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

img {
  border-style: none; }

progress {
  vertical-align: baseline; }

svg:not(:root) {
  overflow: hidden; }

audio, canvas, progress, video {
  display: inline-block; }

@media screen {
  [hidden~=screen] {
    display: inherit; }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important; } }

[aria-busy=true] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

[aria-disabled] {
  cursor: default; }

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none; }

.button {
  border: 1px solid currentColor;
  cursor: pointer;
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .button:active {
    color: rgba(255, 255, 255, 0.8); }
  .button--primary {
    background: #349CF4;
    border-color: #0d86ed;
    -webkit-box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2);
            box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2);
    text-shadow: 0 1px 0 #0c79d5, 0 1px 2px rgba(10, 107, 189, 0.8); }
    .button--primary:hover {
      background: #56adf6; }
    .button--primary:active, .button--primary:focus {
      -webkit-box-shadow: 0 1px 1px rgba(13, 134, 237, 0.15), 0 1px 3px 1px rgba(13, 134, 237, 0.2), 0 0 0 1px #0d86ed;
              box-shadow: 0 1px 1px rgba(13, 134, 237, 0.15), 0 1px 3px 1px rgba(13, 134, 237, 0.2), 0 0 0 1px #0d86ed; }
    .button--primary:active {
      background: #0d86ed;
      border-color: #0c79d5;
      -webkit-box-shadow: 0 1px 1px rgba(13, 134, 237, 0.15), 0 1px 3px 1px rgba(13, 134, 237, 0.2), 0 0 0 1px #0d86ed;
              box-shadow: 0 1px 1px rgba(13, 134, 237, 0.15), 0 1px 3px 1px rgba(13, 134, 237, 0.2), 0 0 0 1px #0d86ed; }
    .inverse .button--primary {
      border-color: #349CF4; }
      .inverse .button--primary:focus, .inverse .button--primary:hover {
        background: #56adf6;
        border-color: #56adf6; }
      .inverse .button--primary:active, .inverse .button--primary:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(86, 173, 246, 0.4);
                box-shadow: 0 0 0 2px rgba(86, 173, 246, 0.4); }
      .inverse .button--primary:active {
        background: #349CF4;
        border-color: #349CF4; }
    .button--primary svg {
      -webkit-filter: drop-shadow(0 1px 0 #0c79d5) drop-shadow(0 1px 2px rgba(10, 107, 189, 0.8));
              filter: drop-shadow(0 1px 0 #0c79d5) drop-shadow(0 1px 2px rgba(10, 107, 189, 0.8)); }
  .button--secondary {
    background: #39CE83;
    border-color: #2cb36f;
    -webkit-box-shadow: 0 1px 1px rgba(57, 206, 131, 0.15), 0 1px 3px 1px rgba(57, 206, 131, 0.2);
            box-shadow: 0 1px 1px rgba(57, 206, 131, 0.15), 0 1px 3px 1px rgba(57, 206, 131, 0.2);
    text-shadow: 0 1px 0 #279e62, 0 1px 2px rgba(34, 138, 86, 0.8); }
    .button--secondary:hover {
      background: #56d595; }
    .button--secondary:active, .button--secondary:focus {
      -webkit-box-shadow: 0 1px 1px rgba(57, 206, 131, 0.15), 0 1px 3px 1px rgba(57, 206, 131, 0.2), 0 0 0 1px #39ce83;
              box-shadow: 0 1px 1px rgba(57, 206, 131, 0.15), 0 1px 3px 1px rgba(57, 206, 131, 0.2), 0 0 0 1px #39ce83; }
    .button--secondary:active {
      background: #2cb36f;
      border-color: #279e62; }
    .inverse .button--secondary {
      border-color: #39CE83; }
      .inverse .button--secondary:focus, .inverse .button--secondary:hover {
        background: #56d595;
        border-color: #56d595; }
      .inverse .button--secondary:active, .inverse .button--secondary:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(86, 213, 149, 0.4);
                box-shadow: 0 0 0 2px rgba(86, 213, 149, 0.4); }
      .inverse .button--secondary:active {
        background: #39CE83;
        border-color: #39CE83; }
    .button--secondary svg {
      -webkit-filter: drop-shadow(0 1px 0 #279e62) drop-shadow(0 1px 2px rgba(34, 138, 86, 0.8));
              filter: drop-shadow(0 1px 0 #279e62) drop-shadow(0 1px 2px rgba(34, 138, 86, 0.8)); }
  .button--tertiary {
    background: #8899A8;
    border-color: #768a9b;
    -webkit-box-shadow: 0 1px 1px rgba(136, 153, 168, 0.15), 0 1px 3px 1px rgba(136, 153, 168, 0.2);
            box-shadow: 0 1px 1px rgba(136, 153, 168, 0.15), 0 1px 3px 1px rgba(136, 153, 168, 0.2);
    text-shadow: 0 1px 0 #5f7282, 0 1px 2px rgba(84, 101, 115, 0.8); }
    .button--tertiary:hover {
      background: #9dabb7; }
    .button--tertiary:active, .button--tertiary:focus {
      -webkit-box-shadow: 0 1px 1px rgba(136, 153, 168, 0.15), 0 1px 3px 1px rgba(136, 153, 168, 0.2), 0 0 0 1px #8899a8;
              box-shadow: 0 1px 1px rgba(136, 153, 168, 0.15), 0 1px 3px 1px rgba(136, 153, 168, 0.2), 0 0 0 1px #8899a8; }
    .button--tertiary:active {
      background: #6a7e91;
      border-color: #5f7282; }
    .inverse .button--tertiary {
      border-color: #8899A8; }
      .inverse .button--tertiary:focus, .inverse .button--tertiary:hover {
        background: #9dabb7;
        border-color: #9dabb7; }
      .inverse .button--tertiary:active, .inverse .button--tertiary:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(157, 171, 183, 0.4);
                box-shadow: 0 0 0 2px rgba(157, 171, 183, 0.4); }
      .inverse .button--tertiary:active {
        background: #8899A8;
        border-color: #8899A8; }
    .button--tertiary svg {
      -webkit-filter: drop-shadow(0 1px 0 #5f7282) drop-shadow(0 1px 2px rgba(84, 101, 115, 0.8));
              filter: drop-shadow(0 1px 0 #5f7282) drop-shadow(0 1px 2px rgba(84, 101, 115, 0.8)); }
  .button--quaternary {
    background: #fff;
    border-color: #d2d8de;
    -webkit-box-shadow: 0 1px 1px rgba(210, 216, 222, 0.15), 0 1px 3px 1px rgba(210, 216, 222, 0.2);
            box-shadow: 0 1px 1px rgba(210, 216, 222, 0.15), 0 1px 3px 1px rgba(210, 216, 222, 0.2);
    color: #8899A8; }
    .button--quaternary:hover {
      border-color: #ABBAC7;
      color: #6a7e91; }
    .button--quaternary:active, .button--quaternary:focus {
      border-color: #349CF4;
      -webkit-box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4;
              box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4;
      color: #2266a0; }
    .button--quaternary:active {
      background-color: rgba(52, 156, 244, 0.05); }
    .inverse .button--quaternary {
      background: #293341;
      border-color: #202D3C;
      -webkit-box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2);
              box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2);
      color: #8899A8; }
      .inverse .button--quaternary:focus, .inverse .button--quaternary:hover {
        border-color: #17212b;
        color: #d2d8de; }
      .inverse .button--quaternary:active, .inverse .button--quaternary:focus {
        border-color: #349CF4;
        -webkit-box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4;
                box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4;
        color: #f6fafe; }
      .inverse .button--quaternary:active {
        background-color: rgba(52, 156, 244, 0.15); }
    .button--quaternary svg {
      -webkit-filter: drop-shadow(0 1px 0 #c3ccd3) drop-shadow(0 1px 2px rgba(180, 191, 200, 0.8));
              filter: drop-shadow(0 1px 0 #c3ccd3) drop-shadow(0 1px 2px rgba(180, 191, 200, 0.8)); }
  .button--is-disabled {
    -webkit-box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2);
            box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2);
    color: #9dabb7;
    text-shadow: none; }
    .button--is-disabled, .button--is-disabled:hover, .button--is-disabled:focus, .button--is-disabled:active {
      background: #E9EEF2;
      border-color: #d6dfe7;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: not-allowed; }
  .button__content {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    white-space: nowrap; }
  .button .icon {
    fill: currentColor; }
    .button .icon--loading {
      left: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: opacity 0.375s;
      -o-transition: opacity 0.375s;
      transition: opacity 0.375s; }
  .button--is-loading .button__content {
    opacity: 0; }
  .button--is-loading .icon--loading {
    opacity: 1; }

.context-menu {
  font-size: 0.875rem;
  height: 100vh;
  left: 0;
  width: 100vw;
  position: absolute;
  top: 0; }
  .context-menu--enter .context-menu__items {
    opacity: 0;
    -webkit-transform: translateY(-2rem);
        -ms-transform: translateY(-2rem);
            transform: translateY(-2rem); }
    .context-menu--enter .context-menu__items--is-up {
      -webkit-transform: translateY(2rem);
          -ms-transform: translateY(2rem);
              transform: translateY(2rem); }
  .context-menu--enter--active .context-menu__items {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .context-menu--exit .context-menu__items {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .context-menu--exit--active .context-menu__items {
    opacity: 0;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px); }
    .context-menu--exit--active .context-menu__items--is-up {
      -webkit-transform: translateY(20px);
          -ms-transform: translateY(20px);
              transform: translateY(20px); }
  .context-menu__items {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(40, 48, 59, 0.05), 0 1px 3px 1px rgba(40, 48, 59, 0.1), 0 0 0 1px rgba(40, 48, 59, 0.1);
            box-shadow: 0 1px 1px rgba(40, 48, 59, 0.05), 0 1px 3px 1px rgba(40, 48, 59, 0.1), 0 0 0 1px rgba(40, 48, 59, 0.1);
    max-width: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    -webkit-transform-origin: 50% -5px;
        -ms-transform-origin: 50% -5px;
            transform-origin: 50% -5px;
    -webkit-transition: opacity 0.125s, -webkit-transform 0.125s;
    transition: opacity 0.125s, -webkit-transform 0.125s;
    -o-transition: opacity 0.125s, transform 0.125s;
    transition: opacity 0.125s, transform 0.125s;
    transition: opacity 0.125s, transform 0.125s, -webkit-transform 0.125s;
    z-index: 101; }
    .context-menu__items, .context-menu__items__padding-surrogate {
      padding: 9px 0; }
    .context-menu__items--is-up {
      -webkit-transform-origin: 50% calc(100% + 5px);
          -ms-transform-origin: 50% calc(100% + 5px);
              transform-origin: 50% calc(100% + 5px); }
    .context-menu__items--match-trigger-width {
      max-width: none; }
    .context-menu__items--no-padding {
      padding: 0; }
    .context-menu__items--no-scrolling {
      overflow: hidden; }

.container {
  max-width: 900px; }

.error {
  background: #f34570;
  border-radius: 3px;
  color: #fff;
  padding: 8px 12px;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s; }
  .error--is-loading {
    opacity: 0.25; }
  .inverse .error {
    color: #fff;
    border: none;
    background: #f34570; }

.input,
.button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px;
  font-size: 0.875rem;
  height: 34px;
  outline: none;
  padding: 0 12px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s; }
  .input:focus, .input:active,
  .button:focus,
  .button:active {
    -webkit-transition: all 0.125s;
    -o-transition: all 0.125s;
    transition: all 0.125s; }

.form__row {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  width: 100%; }
  .form__row:last-child, .form__row--no-margin {
    margin-bottom: 0; }
  .form__row--group {
    -ms-flex-direction: column;
        flex-direction: column; }
  .form__row--align--start {
    -ms-flex-align: start;
        align-items: flex-start; }
  .form__row--align--center {
    -ms-flex-align: center;
        align-items: center; }
  .form__row--align--end {
    -ms-flex-align: end;
        align-items: flex-end; }
  .form__row--justify--start {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .form__row--justify--center {
    -ms-flex-pack: center;
        justify-content: center; }
  .form__row--justify--end {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .form__row__item {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin: 0 6px;
    min-width: 1px;
    position: relative;
    width: auto; }
    .form__row__item:first-child, .form__row__item.is-first {
      margin-left: 0; }
    .form__row__item:last-child, .form__row__item.is-last {
      margin-right: 0; }
    .form__row__item--grow {
      -ms-flex-positive: 1;
          flex-grow: 1; }
    .form__row__item--shrink {
      -ms-flex-negative: 1;
          flex-shrink: 1; }
    .form__row__item--one-eighth {
      width: 12.5%; }
    .form__row__item--one-quarter {
      width: 25%; }
    .form__row__item--three-eighths {
      width: 37.5%; }
    .form__row__item--one-half {
      width: 50%; }
    .form__row__item--five-eighths {
      width: 62.5%; }
    .form__row__item--three-quarters {
      width: 75%; }
    .form__row__item--seven-eighths {
      width: 87.5%; }
    .form__row__item .button,
    .form__row__item .checkbox,
    .form__row__item .form__element__wrapper,
    .form__row__item .input,
    .form__row__item .error,
    .form__row__item .radio {
      width: 100%; }
    .form__row__item .error {
      background: rgba(243, 69, 112, 0.1);
      border: 1px solid rgba(243, 69, 112, 0.2);
      border-radius: 3px;
      color: #f34570;
      padding: 8px 12px;
      -webkit-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
      .form__row__item .error--is-loading {
        opacity: 0.4; }

.form__element__label {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 3px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.form__element__wrapper {
  position: relative; }

.form__element--label-offset {
  margin-top: calc(3px + 1rem); }

.form__element--match-textbox-height {
  height: 34px; }

.form__element--has-addon--placed-before {
  padding-left: 40px; }
  .form__element--has-addon--placed-before.form__element--has-addon--count-2 {
    padding-left: 74px; }

.form__element--has-addon--placed-after {
  padding-right: 40px; }
  .form__element--has-addon--placed-after.form__element--has-addon--count-2 {
    padding-right: 74px; }

.form__element__addon {
  border-width: 0;
  border-style: solid;
  border-color: rgba(136, 153, 168, 0.15);
  bottom: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  top: 0; }
  .inverse .form__element__addon {
    border-color: #202D3C; }
  .form__element:focus ~ .form__element__addon,
  .form__element:active ~ .form__element__addon {
    border-color: rgba(52, 156, 244, 0.15);
    -webkit-transition: all 0.125s;
    -o-transition: all 0.125s;
    transition: all 0.125s; }
    .form__element:focus ~ .form__element__addon .icon,
    .form__element:active ~ .form__element__addon .icon {
      fill: #349CF4;
      -webkit-transition: all 0.125s;
      -o-transition: all 0.125s;
      transition: all 0.125s; }
      .form__element:focus ~ .form__element__addon .icon--stroke,
      .form__element:active ~ .form__element__addon .icon--stroke {
        fill: none;
        stroke: #349CF4; }
  .form__element__addon .icon {
    fill: #8899A8;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s; }
    .form__element__addon .icon--stroke {
      fill: none;
      stroke: #8899A8; }
  .form__element__addon--placed-before {
    border-right-width: 1px;
    left: 0; }
    .form__element__addon--placed-before.form__element__addon--index-2 {
      left: 34px; }
  .form__element__addon--placed-after {
    border-left-width: 1px;
    right: 0; }
    .form__element__addon--placed-after.form__element__addon--index-2 {
      right: 34px; }
  .form__element__addon--is-icon {
    width: 34px; }
  .form__element__addon--is-interactive {
    cursor: pointer;
    pointer-events: auto; }
    .form__element__addon--is-interactive:hover .icon {
      fill: #349CF4;
      -webkit-transition: all 0.125s;
      -o-transition: all 0.125s;
      transition: all 0.125s; }

@-webkit-keyframes rotateAroundMidpoint {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotateAroundMidpoint {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.icon {
  position: relative; }
  .icon--small, .form__element__addon .icon {
    height: 18px;
    width: 18px; }
  .icon--large {
    height: 24px;
    width: 24px; }
  .icon__element {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .icon--loading--ring {
    stroke: currentColor; }
  .icon__ring-slice {
    -webkit-animation: 1s linear infinite forwards rotateAroundMidpoint;
            animation: 1s linear infinite forwards rotateAroundMidpoint; }

.input {
  background: #fff;
  color: #8899A8;
  border: 1px solid #d2d8de;
  -webkit-box-shadow: 0 1px 1px rgba(210, 216, 222, 0.15), 0 1px 3px 1px rgba(210, 216, 222, 0.2);
          box-shadow: 0 1px 1px rgba(210, 216, 222, 0.15), 0 1px 3px 1px rgba(210, 216, 222, 0.2); }
  .input::-webkit-input-placeholder {
    color: rgba(171, 186, 199, 0.5);
    -webkit-transition: color 0.125s;
    -o-transition: color 0.125s;
    transition: color 0.125s; }
  .input::-moz-placeholder {
    color: rgba(171, 186, 199, 0.5);
    -webkit-transition: color 0.125s;
    -o-transition: color 0.125s;
    transition: color 0.125s; }
  .input::-ms-input-placeholder {
    color: rgba(171, 186, 199, 0.5);
    -webkit-transition: color 0.125s;
    -o-transition: color 0.125s;
    transition: color 0.125s; }
  .input::placeholder {
    color: rgba(171, 186, 199, 0.5);
    -webkit-transition: color 0.125s;
    -o-transition: color 0.125s;
    transition: color 0.125s; }
  .input:hover {
    border-color: #ABBAC7;
    color: #6a7e91; }
    .input:hover::-webkit-input-placeholder {
      color: rgba(157, 171, 183, 0.6); }
    .input:hover::-moz-placeholder {
      color: rgba(157, 171, 183, 0.6); }
    .input:hover::-ms-input-placeholder {
      color: rgba(157, 171, 183, 0.6); }
    .input:hover::placeholder {
      color: rgba(157, 171, 183, 0.6); }
  .input:active, .input:focus {
    background-color: rgba(52, 156, 244, 0.05);
    color: #2266a0;
    border-color: #349CF4;
    -webkit-box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4;
            box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4; }
    .input:active::-webkit-input-placeholder, .input:focus::-webkit-input-placeholder {
      color: rgba(86, 173, 246, 0.5); }
    .input:active::-moz-placeholder, .input:focus::-moz-placeholder {
      color: rgba(86, 173, 246, 0.5); }
    .input:active::-ms-input-placeholder, .input:focus::-ms-input-placeholder {
      color: rgba(86, 173, 246, 0.5); }
    .input:active::placeholder, .input:focus::placeholder {
      color: rgba(86, 173, 246, 0.5); }
  .inverse .input {
    background: #293341;
    border: 1px solid #202D3C;
    -webkit-box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2);
            box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2);
    color: #8899A8; }
    .inverse .input::-webkit-input-placeholder {
      color: rgba(171, 186, 199, 0.25); }
    .inverse .input::-moz-placeholder {
      color: rgba(171, 186, 199, 0.25); }
    .inverse .input::-ms-input-placeholder {
      color: rgba(171, 186, 199, 0.25); }
    .inverse .input::placeholder {
      color: rgba(171, 186, 199, 0.25); }
    .inverse .input:hover {
      border-color: #17212b;
      color: #d2d8de; }
      .inverse .input:hover::-webkit-input-placeholder {
        color: rgba(171, 186, 199, 0.4); }
      .inverse .input:hover::-moz-placeholder {
        color: rgba(171, 186, 199, 0.4); }
      .inverse .input:hover::-ms-input-placeholder {
        color: rgba(171, 186, 199, 0.4); }
      .inverse .input:hover::placeholder {
        color: rgba(171, 186, 199, 0.4); }
    .inverse .input:active, .inverse .input:focus {
      background-color: rgba(52, 156, 244, 0.15);
      color: #f6fafe;
      border-color: #349CF4;
      -webkit-box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4;
              box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4; }
      .inverse .input:active::-webkit-input-placeholder, .inverse .input:focus::-webkit-input-placeholder {
        color: rgba(125, 191, 248, 0.5); }
      .inverse .input:active::-moz-placeholder, .inverse .input:focus::-moz-placeholder {
        color: rgba(125, 191, 248, 0.5); }
      .inverse .input:active::-ms-input-placeholder, .inverse .input:focus::-ms-input-placeholder {
        color: rgba(125, 191, 248, 0.5); }
      .inverse .input:active::placeholder, .inverse .input:focus::placeholder {
        color: rgba(125, 191, 248, 0.5); }
  .input--hidden {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -1; }

.toggle-input {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  outline: none;
  padding: 0 0 0 24px;
  position: relative;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .toggle-input:hover {
    -webkit-transition: all 0.125s;
    -o-transition: all 0.125s;
    transition: all 0.125s; }
    .toggle-input:hover .toggle-input__indicator {
      border-color: #ABBAC7; }
      .inverse .toggle-input:hover .toggle-input__indicator {
        border-color: #17212b; }
      .toggle-input:hover .toggle-input__indicator, .toggle-input:hover .toggle-input__indicator__icon {
        -webkit-transition: all 0.125s;
        -o-transition: all 0.125s;
        transition: all 0.125s; }
      .toggle-input:hover .toggle-input__indicator__icon,
      .toggle-input:hover .toggle-input__indicator__icon .icon {
        display: block; }
  .toggle-input:focus, .toggle-input:active {
    color: #349CF4; }
    .toggle-input:focus .toggle-input__indicator, .toggle-input:active .toggle-input__indicator {
      border-color: #349CF4;
      -webkit-box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4;
              box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4; }
      .inverse .toggle-input:focus .toggle-input__indicator, .inverse .toggle-input:active .toggle-input__indicator {
        border-color: #349CF4;
        -webkit-box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4;
                box-shadow: 0 1px 1px rgba(52, 156, 244, 0.15), 0 1px 3px 1px rgba(52, 156, 244, 0.2), 0 0 0 1px #349cf4; }
      .toggle-input:focus .toggle-input__indicator, .toggle-input:focus .toggle-input__indicator__icon, .toggle-input:active .toggle-input__indicator, .toggle-input:active .toggle-input__indicator__icon {
        -webkit-transition: all 0.125s;
        -o-transition: all 0.125s;
        transition: all 0.125s; }
        .toggle-input:focus .toggle-input__indicator .icon, .toggle-input:focus .toggle-input__indicator__icon .icon, .toggle-input:active .toggle-input__indicator .icon, .toggle-input:active .toggle-input__indicator__icon .icon {
          fill: #349CF4; }
  .toggle-input:active .toggle-input__indicator, .toggle-input--is-active .toggle-input__indicator {
    background-color: rgba(52, 156, 244, 0.1);
    color: rgba(52, 156, 244, 0.8); }
    .inverse .toggle-input:active .toggle-input__indicator, .inverse .toggle-input--is-active .toggle-input__indicator {
      background-color: rgba(52, 156, 244, 0.1);
      color: rgba(52, 156, 244, 0.8); }
    .toggle-input:active .toggle-input__indicator__icon, .toggle-input--is-active .toggle-input__indicator__icon {
      opacity: 0.25; }
  .toggle-input__element {
    position: absolute;
    visibility: hidden; }
    .toggle-input__element:checked + .toggle-input__indicator .toggle-input__indicator__icon {
      opacity: 1; }
  .toggle-input__indicator {
    background: #fff;
    border: 1px solid #d2d8de;
    -webkit-box-shadow: 0 1px 1px rgba(210, 216, 222, 0.15), 0 1px 3px 1px rgba(210, 216, 222, 0.2);
            box-shadow: 0 1px 1px rgba(210, 216, 222, 0.15), 0 1px 3px 1px rgba(210, 216, 222, 0.2);
    display: inline-block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    width: 18px; }
    .toggle-input__indicator__icon {
      opacity: 0;
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s; }
      .toggle-input__indicator__icon,
      .toggle-input__indicator__icon .icon {
        height: 100%;
        width: 100%; }
      .toggle-input__indicator__icon .icon {
        fill: #8899A8;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s; }
    .inverse .toggle-input__indicator {
      background: #293341;
      border: 1px solid #202D3C;
      -webkit-box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2);
              box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2); }
  .toggle-input.checkbox .toggle-input__indicator {
    border-radius: 4px; }
  .toggle-input.radio .toggle-input__indicator {
    border-radius: 100%; }

.overlay {
  background: rgba(29, 41, 56, 0.95);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100; }
  .overlay--transparent {
    background: transparent; }
  .overlay--no-interaction {
    pointer-events: none; }

.panel {
  border: 1px solid #d2d8de;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(210, 216, 222, 0.15), 0 1px 3px 1px rgba(210, 216, 222, 0.2);
          box-shadow: 0 1px 1px rgba(210, 216, 222, 0.15), 0 1px 3px 1px rgba(210, 216, 222, 0.2);
  overflow: hidden; }
  .panel--medium .panel__content {
    padding: 15px 21px; }
  .panel--medium .panel__header {
    padding: 15px 21px 0 21px; }
  .panel--medium .panel__footer {
    padding: 0 21px 15px 21px; }
    .panel--medium .panel__footer--has-border {
      padding-top: 15px; }
  .panel--large .panel__content {
    padding: 24px 36px; }
  .panel--large .panel__header {
    padding: 24px 36px 0 36px; }
  .panel--large .panel__footer {
    padding: 0 36px 24px 36px; }
    .panel--large .panel__footer--has-border {
      padding-top: 24px; }
  .panel__header--has-border {
    border-bottom: 1px solid rgba(136, 153, 168, 0.15);
    padding-bottom: 15px; }
  .panel__header h1,
  .panel__header h2,
  .panel__header h3,
  .panel__header h4,
  .panel__header h5,
  .panel__header h6,
  .panel__header .h1,
  .panel__header .h2,
  .panel__header .h3,
  .panel__header .h4,
  .panel__header .h5,
  .panel__header .h6 {
    margin: 0; }
  .panel__content--has-border--top {
    border-top: 1px solid rgba(136, 153, 168, 0.15); }
  .panel__content--has-border--bottom {
    border-bottom: 1px solid rgba(136, 153, 168, 0.15); }
  .panel__footer--has-border {
    border-top: 1px solid rgba(136, 153, 168, 0.15); }
  .panel--light {
    background: #fff; }

.portal {
  overflow: hidden;
  position: relative;
  z-index: 1000; }

.section {
  margin-bottom: 36px; }
  .section__heading {
    margin-bottom: 12px;
    margin-top: 0; }
  .section.inverse {
    background: #3A4553; }
  .section.padded {
    padding: 18px 21px; }

.select {
  position: relative; }
  .select__button {
    position: relative;
    text-align: left; }
    .select__button:hover .select__indicator .icon {
      fill: #6a7e91; }
    .select__button:focus .select__indicator .icon, .select__button:active .select__indicator .icon {
      fill: #349CF4;
      -webkit-transition: all 0.125s;
      -o-transition: all 0.125s;
      transition: all 0.125s; }
    .select__button .icon {
      display: none; }
    .select__button .select__item {
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
  .select__item {
    cursor: pointer;
    padding: 6px 9px;
    position: relative;
    -webkit-transition: all 0.125s;
    -o-transition: all 0.125s;
    transition: all 0.125s;
    z-index: 1; }
    .context-menu__items .select__item:hover {
      background: #F8F9FB; }
    .select__item .icon {
      fill: #8899A8;
      height: 14px;
      right: 9px;
      opacity: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-60%);
          -ms-transform: translateY(-60%);
              transform: translateY(-60%);
      -webkit-transition: all 0.125s;
      -o-transition: all 0.125s;
      transition: all 0.125s;
      width: 14px; }
    .select__item--is-selected {
      color: #349CF4;
      font-weight: 500; }
      .select__item--is-selected .icon {
        fill: #349CF4;
        opacity: 1; }
  .select--is-open .select__indicator .icon {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -ms-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg); }

th {
  font-weight: inherit;
  text-align: left; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url(/static/media/Roboto-regular.9f916e33.eot);
  src: url(/static/media/Roboto-regular.9f916e33.eot?#iefix) format("embedded-opentype"), local("Roboto"), local("Roboto-regular"), url(/static/media/Roboto-regular.f84cb1bf.woff2) format("woff2"), url(/static/media/Roboto-regular.f94d5e51.woff) format("woff"), url(/static/media/Roboto-regular.38861cba.ttf) format("truetype"), url(/static/media/Roboto-regular.3d3a5358.svg#Roboto) format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal;
  src: url(/static/media/Roboto-500.2a52a20f.eot);
  src: url(/static/media/Roboto-500.2a52a20f.eot?#iefix) format("embedded-opentype"), local("Roboto Medium"), local("Roboto-500"), url(/static/media/Roboto-500.1afbee5a.woff2) format("woff2"), url(/static/media/Roboto-500.0f3b7101.woff) format("woff"), url(/static/media/Roboto-500.88f29ea5.ttf) format("truetype"), url(/static/media/Roboto-500.f1d811cd.svg#Roboto) format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: url(/static/media/Roboto-700.128879da.eot);
  src: url(/static/media/Roboto-700.128879da.eot?#iefix) format("embedded-opentype"), local("Roboto Bold"), local("Roboto-700"), url(/static/media/Roboto-700.3b38c16e.woff2) format("woff2"), url(/static/media/Roboto-700.43183bee.woff) format("woff"), url(/static/media/Roboto-700.ad97d029.ttf) format("truetype"), url(/static/media/Roboto-700.7f57c4c0.svg#Roboto) format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: italic;
  src: url(/static/media/Roboto-italic.16a42151.eot);
  src: url(/static/media/Roboto-italic.16a42151.eot?#iefix) format("embedded-opentype"), local("Roboto Italic"), local("Roboto-italic"), url(/static/media/Roboto-italic.4dcf65b9.woff2) format("woff2"), url(/static/media/Roboto-italic.7f839b4c.woff) format("woff"), url(/static/media/Roboto-italic.31fc50b4.ttf) format("truetype"), url(/static/media/Roboto-italic.13fb9544.svg#Roboto) format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: italic;
  src: url(/static/media/Roboto-700italic.96166ad6.eot);
  src: url(/static/media/Roboto-700italic.96166ad6.eot?#iefix) format("embedded-opentype"), local("Roboto Bold Italic"), local("Roboto-700italic"), url(/static/media/Roboto-700italic.6d9c5fe6.woff2) format("woff2"), url(/static/media/Roboto-700italic.7e3bdb1d.woff) format("woff"), url(/static/media/Roboto-700italic.bcfeb989.ttf) format("truetype"), url(/static/media/Roboto-700italic.bf39ef96.svg#Roboto) format("svg"); }

html,
body {
  height: 100%;
  overflow: hidden; }

.container {
  height: 100%;
  width: 100%; }

#app,
.application,
.application__view {
  height: 100%;
  width: 100%; }

.application, .application__view {
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
      flex: 1 1;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
  width: 100%; }

.application__content {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative; }

.application__panel {
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
  .application__panel--torrent-list {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    z-index: 2; }
    .application__panel--torrent-list.is-open {
      -webkit-transform: translateX(85%);
          -ms-transform: translateX(85%);
              transform: translateX(85%); }
  .application__panel--torrent-details {
    right: 15%;
    width: 85%;
    z-index: 1; }

body {
  background: #1d2938; }

ul {
  list-style: none; }

html {
  font-size: 16px; }

body {
  -webkit-font-smoothing: antialiased;
  color: #53718a;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.25;
  text-rendering: optimizeLegibility; }

input,
.input,
button,
.button {
  font-size: 0.875rem; }

h1,
h2,
h3,
h4,
h5 h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #34516C; }
  .inverse h1, .inverse
  h2, .inverse
  h3, .inverse
  h4, .inverse
  h5 h6, .inverse
  .h1, .inverse
  .h2, .inverse
  .h3, .inverse
  .h4, .inverse
  .h5, .inverse
  .h6 {
    color: #fff; }

h1,
.h1 {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 21px 0; }

h2,
.h2 {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 18px 0; }

h3,
.h3 {
  font-size: 1.125rem;
  font-weight: 400;
  margin: 15px 0; }

h4,
.h4 {
  font-size: 0.875rem;
  font-weight: 500;
  margin: 12px 0; }

h5,
.h5 {
  font-size: 0.75rem;
  font-weight: 400;
  margin: 9px 0; }

h6,
.h6 {
  font-size: 0.625rem;
  font-weight: 400;
  margin: 6px 0; }

a {
  color: inherit; }

.unit {
  display: inline-block;
  font-size: 0.8em;
  font-style: normal;
  margin-bottom: 0.1em;
  opacity: 0.8; }

.text-overflow {
  overflow: hidden;
  position: relative;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }

p {
  margin-bottom: 15px; }

.copy--lead {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300; }

.action-bar {
  background: transparent;
  border-bottom: 1px solid rgba(41, 51, 65, 0.15);
  color: #1b1a1c;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 60px;
      flex: 0 0 60px;
  height: 60px;
  position: relative; }
  .action-bar--is-condensed {
    -ms-flex-preferred-size: 30px;
        flex-basis: 30px;
    height: 30px; }
  .action-bar__item:first-child {
    text-align: left; }
  .action-bar__item:last-child {
    text-align: right; }
  .action-bar__item--sort-torrents {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
    .action-bar__item--sort-torrents .dropdown {
      margin: 5px 0 0 15px; }
      .action-bar__item--sort-torrents .dropdown__content {
        min-width: 250px; }
    .action-bar--is-condensed .action-bar__item--sort-torrents {
      display: none; }
  .action-bar__item--torrent-operations {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-left: auto; }
    .action-bar__item--torrent-operations .dropdown {
      display: -ms-flexbox;
      display: flex;
      height: 60px; }
      .action-bar__item--torrent-operations .dropdown__content {
        min-width: 430px;
        right: 4px; }
  .action-bar__group {
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    padding: 0 15px; }
    .action-bar--is-condensed .action-bar__group {
      padding: 0 10px; }
    .action-bar__group--has-divider {
      position: relative; }
      .action-bar__group--has-divider:before {
        background: rgba(122, 128, 128, 0.15);
        content: '';
        position: absolute;
        height: 80%;
        left: 0;
        top: 10%;
        width: 1px; }

.actions {
  list-style: none; }

.action {
  -webkit-box-shadow: 1px 0 transparent, -1px 0 transparent;
          box-shadow: 1px 0 transparent, -1px 0 transparent;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  position: relative;
  width: 60px;
  text-align: center;
  -webkit-transition: background 0.25s, -webkit-box-shadow 0.25s;
  transition: background 0.25s, -webkit-box-shadow 0.25s;
  -o-transition: background 0.25s, box-shadow 0.25s;
  transition: background 0.25s, box-shadow 0.25s;
  transition: background 0.25s, box-shadow 0.25s, -webkit-box-shadow 0.25s; }
  .action:hover {
    background: rgba(51, 62, 74, 0.05);
    -webkit-box-shadow: 1px 0 rgba(51, 62, 74, 0.15), -1px 0 rgba(51, 62, 74, 0.15);
            box-shadow: 1px 0 rgba(51, 62, 74, 0.15), -1px 0 rgba(51, 62, 74, 0.15); }
    .action:hover .icon {
      fill: #258de5; }
  .action-bar--is-condensed .action {
    height: 30px;
    width: 46px; }
    .action-bar--is-condensed .action .icon {
      height: 18px;
      width: 18px; }
  .action__label {
    display: block;
    position: absolute;
    top: 100%;
    visibility: hidden; }
  .action .icon {
    fill: #8899a8;
    height: 25px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition: fill 0.25s;
    -o-transition: fill 0.25s;
    transition: fill 0.25s;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 25px; }

.application__loading-overlay {
  -ms-flex-align: center;
      align-items: center;
  background: #e9eef2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 0.8em;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; }
  .application__loading-overlay-leave {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s; }
    .application__loading-overlay-leave-active {
      opacity: 0; }

.application__entry-barrier {
  max-width: 500px;
  width: 100%; }

.alerts__list {
  background: rgba(41, 51, 65, 0.95);
  border-radius: 3px;
  bottom: 5px;
  color: #8fa2b2;
  font-size: 0.85rem;
  padding: 10px 15px;
  position: fixed;
  right: 5px;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  width: 250px;
  z-index: 99; }
  .alerts__list-leave {
    opacity: 1; }
    .alerts__list-leave-active {
      opacity: 0; }
  .alerts__list-enter {
    opacity: 0; }
    .alerts__list-enter-active {
      opacity: 1; }

.alert {
  display: -ms-flexbox;
  display: flex; }
  .alert.is-success .icon {
    fill: #39ce83; }
  .alert.is-success .alert__count {
    color: #39ce83; }
  .alert.is-error .icon {
    fill: #e95779; }
  .alert.is-error .alert__count {
    color: #e95779; }
  .alert + .alert {
    margin-top: 10px; }
  .alert__content {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .alert__count {
    font-weight: 700; }
  .alert .icon {
    -ms-flex-item-align: center;
        align-self: center;
    display: inline-block;
    fill: currentColor;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    height: 20px;
    margin-right: 6.25px;
    width: 20px;
    vertical-align: middle; }

.attached-panel {
  background: #242b36;
  border: 1px solid #1a2028;
  border-radius: 0 0 4px 4px;
  border-top-width: 0;
  color: #5e728c;
  position: fixed;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  z-index: 100; }
  .attached-panel__content {
    padding: 10px 15px; }
  .attached-panel__wrapper {
    position: relative; }
  .attached-panel-enter {
    opacity: 0; }
    .attached-panel-enter-active {
      opacity: 1; }
  .attached-panel-leave {
    opacity: 1; }
    .attached-panel-leave-active {
      opacity: 0; }

.textbox--has-attached-panel--is-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.badge {
  background: #506480;
  border-radius: 100px;
  color: #1f2731;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  margin-left: 10px;
  padding: 2px 5px;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
  vertical-align: middle; }

.menu {
  background: rgba(255, 255, 255, 0.98);
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(41, 51, 65, 0.075), 0 1px 4px rgba(41, 51, 65, 0.15), 0 3px 15px rgba(41, 51, 65, 0.15);
          box-shadow: 0 0 0 1px rgba(41, 51, 65, 0.075), 0 1px 4px rgba(41, 51, 65, 0.15), 0 3px 15px rgba(41, 51, 65, 0.15);
  color: #526780;
  text-align: left; }
  .menu__item {
    font-size: 0.9em;
    padding: 5px 15px; }
    .menu__item__label--primary.has-action {
      display: -ms-flexbox;
      display: flex; }
      .menu__item__label--primary.has-action .menu__item__label {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
        .menu__item__label--primary.has-action .menu__item__label__action {
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .menu__item__label--secondary {
      color: #869ab2;
      display: block;
      font-size: 0.85em; }
    .menu__item--separator {
      background: rgba(41, 51, 65, 0.075);
      height: 1px;
      margin: 5px 0;
      padding: 0; }
    .menu__item.is-selectable {
      cursor: pointer;
      display: block;
      -webkit-transition: background 0.25s, color 0.25s;
      -o-transition: background 0.25s, color 0.25s;
      transition: background 0.25s, color 0.25s; }
      .menu__item.is-selectable:hover {
        background: rgba(233, 238, 242, 0.4);
        color: #3e4e61; }
      .menu__item.is-selectable.is-selected {
        color: #258de5; }
  .menu-enter {
    -webkit-animation: fade-in 0.25s both;
            animation: fade-in 0.25s both; }
  .menu-leave {
    -webkit-animation: fade-out 0.25s both;
            animation: fade-out 0.25s both; }

.client-stats {
  display: -ms-flexbox;
  display: flex;
  height: 200px;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative; }
  .client-stats__rates {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50px;
        flex: 0 0 50px;
    padding: 0 0 0 10px;
    pointer-events: none;
    position: relative; }
  .client-stats__rate {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 50%;
        flex: 1 1 50%; }
    .client-stats__rate--download {
      color: #39ce83; }
      .client-stats__rate--download .client-stats__rate__data--limit {
        background: #39ce83; }
      .client-stats__rate--download .icon {
        fill: rgba(57, 206, 131, 0.75); }
    .client-stats__rate--upload {
      color: #349Cf4; }
      .client-stats__rate--upload .client-stats__rate__data--limit {
        background: #349Cf4; }
      .client-stats__rate--upload .icon {
        fill: rgba(52, 156, 244, 0.75); }
    .client-stats__rate__icon {
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
      padding-top: 1px; }
      .client-stats__rate__icon .icon {
        display: block;
        margin-left: -1px;
        opacity: 0.5;
        width: 20px; }
    .client-stats__rate__data--secondary, .client-stats__rate__data--timestamp {
      font-size: 0.8em;
      font-weight: 400;
      letter-spacing: -0.01em;
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
    .client-stats__rate__data--primary {
      font-size: 1.5em;
      font-weight: 100;
      letter-spacing: -0.02em;
      line-height: 1;
      white-space: nowrap; }
      .client-stats__rate__data--primary .unit {
        font-size: 0.65em;
        margin-bottom: 0;
        opacity: 0.5;
        position: relative;
        top: -0.1em; }
    .client-stats__rate__data--secondary {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      font-style: italic; }
      .client-stats__rate__data--secondary.is-visible {
        opacity: 1; }
    .client-stats__rate__data--limit {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-inline-flexbox;
      display: inline-flex;
      color: #293341;
      border-radius: 2px;
      font-size: 0.8em;
      font-style: normal;
      font-weight: 600;
      height: 13px;
      margin-left: 5px;
      padding: 4.16667px; }
      .client-stats__rate__data--limit .icon {
        fill: currentColor;
        height: 12px; }
      .client-stats__rate__data--limit .unit {
        font-weight: 400; }
    .client-stats__rate__data--timestamp {
      color: #526780;
      bottom: 0;
      font-style: italic;
      left: 0;
      position: absolute;
      text-align: center;
      width: 100%; }
      .client-stats__rate__data--timestamp.is-visible {
        opacity: 1; }
  .client-stats__graph {
    -ms-flex: 0 0 150px;
        flex: 0 0 150px; }
  .client-stats .loading-indicator {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.graph__gradient--bottom {
  stop-opacity: 0; }
  .graph__gradient--bottom--upload {
    stop-color: #2387d9; }
  .graph__gradient--bottom--download {
    stop-color: #2bae6c; }

.graph__gradient--top {
  stop-opacity: 0.2; }
  .graph__gradient--top--upload {
    stop-color: #2387d9; }
  .graph__gradient--top--download {
    stop-color: #2bae6c; }

.graph__area {
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px); }

.graph__line {
  fill: none;
  opacity: 0.5;
  stroke-width: 2px; }
  .graph__line--upload {
    stroke: #349cf4; }
  .graph__line--download {
    stroke: #39Ce83; }

.graph__circle {
  fill: currentColor;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .graph__circle--upload {
    fill: #349Cf4; }
  .graph__circle--download {
    fill: #39ce83; }

.connection-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .connection-status__icon {
    fill: #30c279;
    height: 15px;
    margin-right: 5px;
    width: 15px; }
  .connection-status__copy {
    color: #9eabbb;
    font-size: 14px; }

.dependency-list {
  margin-top: 25px;
  width: auto; }
  .dependency-list__dependency {
    color: #53718a;
    display: -ms-flexbox;
    display: flex;
    opacity: 0.5;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    white-space: nowrap; }
    .dependency-list__dependency__icon {
      fill: #39ce83;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
      height: 10px;
      margin-right: 5px;
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s;
      width: 10px; }
      .dependency-list__dependency__icon .icon {
        height: 10px;
        width: 10px; }
    .dependency-list__dependency--satisfied {
      opacity: 1; }
      .dependency-list__dependency--satisfied .dependency-list__dependency__icon {
        opacity: 1; }

.directory-tree {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-order: 1;
      order: 1;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 0; }
  .directory-tree__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
        flex: 1 1;
    -ms-flex-direction: column;
        flex-direction: column;
    min-height: 0; }
    .directory-tree__wrapper--toolbar-visible .directory-tree__selection-toolbar {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    .directory-tree__wrapper--toolbar-visible .modal__content--nested-scroll__content {
      margin-bottom: 37.5px; }
  .directory-tree__selection-toolbar {
    -ms-flex-align: center;
        align-items: center;
    background: #3A4553;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 37.5px;
        flex: 0 0 37.5px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    min-height: 37.5px;
    padding: 9px;
    -ms-flex-order: 2;
        order: 2;
    position: absolute;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
    width: 100%;
    z-index: 1; }
    .directory-tree__selection-toolbar__item {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
    .directory-tree__selection-toolbar__item-count {
      color: #258de5;
      font-weight: bold; }
    .directory-tree__selection-toolbar .button {
      line-height: inherit;
      padding: 5px; }
      .directory-tree__selection-toolbar .button--download {
        margin-left: auto;
        margin-right: 10px; }
    .directory-tree__selection-toolbar .dropdown__items {
      font-size: 1.1em;
      padding-bottom: 0; }
    .directory-tree__selection-toolbar .dropdown__trigger .dropdown__button {
      padding-top: 5px;
      padding-bottom: 5px; }
    .directory-tree__selection-toolbar .dropdown__value {
      padding: 0; }
  .directory-tree__parent-directory {
    margin-left: -1px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }
    .directory-tree__parent-directory .icon--disk {
      height: 14px;
      margin-right: 8px;
      vertical-align: middle;
      width: 14px; }
    .directory-tree__parent-directory .directory-tree__checkbox .checkbox__decoy {
      height: 18px;
      width: 18px; }
  .directory-tree__tree .directory-tree__tree {
    padding-left: 0; }
  .directory-tree__node {
    cursor: default;
    padding: 1px 0 1px 8px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap; }
    .directory-tree__node:hover > .file__label .directory-tree__checkbox .directory-tree__checkbox__item--icon {
      opacity: 0; }
    .directory-tree__node:hover > .file__label .directory-tree__checkbox .directory-tree__checkbox__item--checkbox {
      opacity: 1; }
      .directory-tree__node:hover > .file__label .directory-tree__checkbox .directory-tree__checkbox__item--checkbox .checkbox__decoy:after {
        opacity: 1; }
    .directory-tree__node--selected .directory-tree__checkbox .directory-tree__checkbox__item--icon {
      opacity: 0.75; }
    .directory-tree__node--selected .directory-tree__checkbox .directory-tree__checkbox__item--checkbox {
      opacity: 1; }
    .directory-tree__node--directory {
      cursor: pointer; }
    .directory-tree__node--group {
      margin-left: 0;
      padding-left: 12px;
      position: relative; }
    .directory-tree__node--file-list {
      margin-bottom: 3px;
      padding-left: 0; }
    .directory-tree__node .file {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      width: auto; }
      .directory-tree__node .file .icon--file {
        -webkit-transition: fill 0.25s;
        -o-transition: fill 0.25s;
        transition: fill 0.25s; }
      .directory-tree__node .file__detail {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        padding-right: 6.25px; }
        .directory-tree__node .file__detail--secondary {
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
          font-size: 0.7rem;
          text-align: right;
          -webkit-transition: color 0.25s;
          -o-transition: color 0.25s;
          transition: color 0.25s; }
        .directory-tree__node .file__detail--priority .icon {
          height: auto;
          margin-right: 0;
          width: 16px; }
        .directory-tree__node .file__detail:last-child {
          padding-right: 0; }
  .directory-tree__checkbox {
    margin-right: 6px;
    position: relative; }
    .directory-tree__checkbox,
    .directory-tree__checkbox .form__element,
    .directory-tree__checkbox .form__row__item {
      height: 18px;
      width: 18px; }
    .directory-tree__checkbox .form__element {
      left: 50%;
      padding: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .directory-tree__checkbox__item {
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s;
      width: 100%; }
      .directory-tree__checkbox__item > .icon {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .directory-tree__checkbox__item--checkbox {
        z-index: 2; }
        .directory-tree__checkbox__item--checkbox .checkbox__decoy {
          height: 16px;
          margin-right: 0;
          width: 16px; }
      .directory-tree__checkbox__item--icon {
        opacity: 1;
        z-index: 1; }
        .directory-tree__checkbox__item--icon .icon.icon--folder {
          margin: -1px 0 0 1px; }
  .directory-tree > .directory-tree__tree > .directory-tree__node {
    padding-left: 0; }
  .directory-tree .icon--file, .directory-tree .icon--folder {
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 14px; }

.directory-tree__node .file__label {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  min-width: 1px; }

.directory-tree__node .file__checkbox {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.directory-tree__node .file__name {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-width: 1px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }

.dropdown {
  display: inline-block;
  outline: none;
  position: relative;
  -webkit-transition: z-index 0.25s;
  -o-transition: z-index 0.25s;
  transition: z-index 0.25s;
  z-index: 2; }
  .dropdown__button, .dropdown__trigger {
    cursor: pointer;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-transition: background 0.25s, border 0.25s, color 0.25s;
    -o-transition: background 0.25s, border 0.25s, color 0.25s;
    transition: background 0.25s, border 0.25s, color 0.25s;
    white-space: nowrap; }
  .dropdown__button {
    display: block;
    padding: 12px 31px 7px 15px;
    text-align: left;
    width: auto; }
    .dropdown--direction-up .dropdown__button {
      padding-bottom: 7px;
      padding-top: 7px; }
  .dropdown__content {
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 2; }
    .dropdown__content__container {
      padding: 25px 30px; }
    .dropdown--direction-up .dropdown__content {
      bottom: 0;
      top: auto; }
  .dropdown__label {
    color: #abbac7;
    display: block;
    font-size: 0.65em;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 0.9em;
    text-transform: uppercase; }
    .dropdown__button .dropdown__label {
      cursor: pointer; }
  .dropdown__value {
    color: #8899a8;
    -webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s; }
    .dropdown__value:after {
      border-top: 5px solid #8899a8;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      content: '';
      right: 15px;
      position: absolute;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      top: 50%;
      vertical-align: middle; }
  .dropdown__header {
    position: relative; }
    .dropdown__header:after {
      background: rgba(41, 51, 65, 0.05);
      bottom: 0;
      content: '';
      display: block;
      height: 1px;
      left: 5%;
      position: absolute;
      width: 90%; }
  .dropdown__items {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0; }
  .dropdown__item {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }
  .dropdown__list {
    -ms-flex: 1 1;
        flex: 1 1;
    max-width: 100%; }
  .dropdown--align-right .dropdown {
    left: auto;
    right: 0; }
  .dropdown--match-button-width .dropdown__content {
    max-width: 100%; }
  .dropdown--width-small {
    min-width: 125px; }
  .dropdown.is-expanded {
    z-index: 10; }
    .dropdown.is-expanded .dropdown__header .dropdown__value {
      color: #4e6a7c; }

.dropzone {
  position: relative;
  text-align: center;
  -webkit-transition: border 0.25s, color 0.25s;
  -o-transition: border 0.25s, color 0.25s;
  transition: border 0.25s, color 0.25s;
  width: 100%;
  z-index: 2; }
  .dropzone:hover {
    border-color: #17212b; }
    .dropzone:hover .dropzone__icon .icon {
      fill: #258de5; }
  .dropzone--is-dragging, .dropzone--is-dragging:hover {
    border-color: #258de5;
    color: #258de5; }
    .dropzone--is-dragging .dropzone__icon .icon, .dropzone--is-dragging:hover .dropzone__icon .icon {
      fill: #258de5; }
  .dropzone__icon .icon--files {
    fill: rgba(94, 114, 140, 0.5);
    height: 64px;
    -webkit-transition: fill 0.25s;
    -o-transition: fill 0.25s;
    transition: fill 0.25s;
    width: 64px; }
    .dropzone__icon .icon--files__file--right, .dropzone__icon .icon--files__file--left {
      fill-opacity: 0.5; }
  .dropzone__copy {
    cursor: pointer;
    -ms-flex: 1 1;
        flex: 1 1;
    font-size: 0.75rem;
    padding: 25px;
    width: 100%; }
  .dropzone__browse-button {
    color: #258de5;
    text-decoration: underline; }
  .dropzone__selected-files {
    font-size: 0.875rem;
    margin-bottom: -1px;
    position: relative;
    width: 100%;
    z-index: 1; }
    .dropzone__selected-files.interactive-list {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .dropzone__selected-files + .dropzone {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    .dropzone__selected-files__file .icon--file {
      display: inline-block;
      height: 14px;
      margin-right: 4px;
      opacity: 0.5;
      width: 14px; }
      .dropzone__selected-files__file .icon--file.icon {
        fill: currentColor; }
    .dropzone__selected-files__file:hover .icon--file {
      opacity: 0.5; }
  .dropzone--with-overlay {
    text-align: inherit;
    border: none; }
    .dropzone--with-overlay .dropzone__overlay {
      position: absolute;
      visibility: hidden;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: 2;
      text-align: center;
      opacity: 0;
      -webkit-transition: opacity 250ms ease-in, visibility 1ms linear 250ms;
      -o-transition: opacity 250ms ease-in, visibility 1ms linear 250ms;
      transition: opacity 250ms ease-in, visibility 1ms linear 250ms; }
    .dropzone--with-overlay.dropzone--is-dragging .dropzone__overlay {
      top: 0;
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity 250ms ease-in;
      -o-transition: opacity 250ms ease-in;
      transition: opacity 250ms ease-in; }
    .dropzone--with-overlay .dropzone__copy {
      position: absolute;
      top: 50%;
      height: 150px;
      margin-top: -75px; }

.duration--segment {
  margin-right: 0.25em; }
  .duration--segment:last-child {
    margin-right: 0; }

.filesystem__directory-list {
  color: #5e728c;
  list-style: none; }
  .filesystem__directory-list__item {
    padding: 3px 9px;
    -webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s;
    white-space: nowrap; }
    .filesystem__directory-list__item--parent, .filesystem__directory-list__item--directory {
      cursor: pointer;
      -webkit-transition: background 0.25s, color 0.25s;
      -o-transition: background 0.25s, color 0.25s;
      transition: background 0.25s, color 0.25s;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .filesystem__directory-list__item--parent:hover, .filesystem__directory-list__item--directory:hover {
        color: #374c66; }
    .filesystem__directory-list__item--directory:hover {
      background: rgba(94, 114, 140, 0.1); }
    .filesystem__directory-list__item--parent {
      border-bottom: 1px solid #dde2e8;
      margin-bottom: 9px;
      padding-bottom: 9px;
      opacity: 0.75; }
      .filesystem__directory-list__item--parent .icon {
        -webkit-transform: scale(0.75) rotate(180deg);
            -ms-transform: scale(0.75) rotate(180deg);
                transform: scale(0.75) rotate(180deg); }
      .filesystem__directory-list__item--parent:last-child {
        margin-bottom: 0; }
    .filesystem__directory-list__item--file {
      opacity: 0.5; }
  .filesystem__directory-list .icon {
    fill: currentColor;
    height: 14px;
    width: 14px;
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle; }

.floating-action__button {
  background: #3e4959;
  border: none;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 0 1px rgba(15, 21, 27, 0.2);
          box-shadow: 0 0 0 1px rgba(15, 21, 27, 0.2);
  cursor: pointer;
  height: 16px;
  outline: none;
  margin-right: 6px;
  padding: 0;
  position: relative;
  -webkit-transition: background 0.25s, -webkit-box-shadow 0.25s;
  transition: background 0.25s, -webkit-box-shadow 0.25s;
  -o-transition: background 0.25s, box-shadow 0.25s;
  transition: background 0.25s, box-shadow 0.25s;
  transition: background 0.25s, box-shadow 0.25s, -webkit-box-shadow 0.25s;
  width: 16px; }
  .floating-action__button:last-child {
    margin-right: 0; }
  .floating-action__button:hover {
    background: #4d5a6e;
    -webkit-box-shadow: 0 0 0 1px rgba(15, 21, 27, 0.4);
            box-shadow: 0 0 0 1px rgba(15, 21, 27, 0.4); }
    .floating-action__button:hover .icon {
      fill: #12191f; }
  .floating-action__button .icon {
    height: 8px;
    fill: rgba(18, 25, 31, 0.7);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition: fill 0.25s;
    -o-transition: fill 0.25s;
    transition: fill 0.25s;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 8px; }
  .floating-action__button--search .icon {
    height: 15px;
    width: 15px; }

.floating-action__group--on-textbox {
  display: -ms-flexbox;
  display: flex;
  margin-top: -8px;
  position: absolute;
  right: -8px;
  top: 50%; }

@-webkit-keyframes loading-indicator-dots-pulse {
  0% {
    fill-opacity: 0.2; }
  100% {
    fill-opacity: 0.8; } }

@keyframes loading-indicator-dots-pulse {
  0% {
    fill-opacity: 0.2; }
  100% {
    fill-opacity: 0.8; } }

@-webkit-keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.icon--eta .icon__ring {
  fill-opacity: 1; }

.icon--information__fill {
  fill-opacity: 0.05; }

.icon--information__ring {
  fill-opacity: 0.6; }

.icon--limits .limits__bars--top {
  fill-opacity: 0.4; }

.icon--limits .limits__bars--middle {
  fill-opacity: 1; }

.icon--limits .limits__bars--bottom {
  fill-opacity: 1; }

.icon--loading-indicator .loading-indicator--dots__dot {
  -webkit-animation: loading-indicator-dots-pulse 0.6s linear alternate infinite;
          animation: loading-indicator-dots-pulse 0.6s linear alternate infinite;
  fill: #fff; }
  .icon--loading-indicator .loading-indicator--dots__dot--center {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .icon--loading-indicator .loading-indicator--dots__dot--right {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }

.icon--spinner {
  -webkit-animation: spinner-spin 1.25s linear infinite;
          animation: spinner-spin 1.25s linear infinite; }

.interactive-list {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  background: #293341;
  border: 1px solid #202D3C;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2);
          box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2);
  color: #8899A8;
  display: block;
  height: auto;
  padding: 0 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  width: 100%; }
  .interactive-list::-webkit-input-placeholder {
    color: #424d5e;
    font-style: italic;
    -webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s; }
  .interactive-list::-moz-placeholder {
    color: #424d5e;
    font-style: italic;
    -webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s; }
  .interactive-list::-ms-input-placeholder {
    color: #424d5e;
    font-style: italic;
    -webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s; }
  .interactive-list::placeholder {
    color: #424d5e;
    font-style: italic;
    -webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s; }
  .interactive-list::-moz-selection {
    color: #1a2028;
    background: #3ea7ff; }
  .interactive-list::selection {
    color: #1a2028;
    background: #3ea7ff; }
  .interactive-list:focus {
    background: #242b36;
    border-color: #258de5;
    color: #258de5; }
    .interactive-list:focus::-webkit-input-placeholder {
      color: #424d5e; }
    .interactive-list:focus::-moz-placeholder {
      color: #424d5e; }
    .interactive-list:focus::-ms-input-placeholder {
      color: #424d5e; }
    .interactive-list:focus::placeholder {
      color: #424d5e; }
  .interactive-list--loading {
    height: 60px; }
  .interactive-list__item {
    border-bottom: 1px solid #232c38;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 7.5px 12px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
    white-space: nowrap;
    width: 100%; }
    .interactive-list__item:last-child {
      border-bottom: none; }
    .interactive-list__item:hover .interactive-list__icon--action {
      background: #293341; }
      .interactive-list__item:hover .interactive-list__icon--action--warning {
        background: #e95779; }
      .interactive-list__item:hover .interactive-list__icon--action .icon {
        -webkit-filter: drop-shadow(0 1px 0 rgba(40, 48, 59, 0.8));
                filter: drop-shadow(0 1px 0 rgba(40, 48, 59, 0.8));
        fill: #fff; }
    .interactive-list__item--stacked-content {
      -ms-flex-align: center;
          align-items: center; }
      .interactive-list__item--stacked-content .interactive-list__label {
        -ms-flex-align: stretch;
            align-items: stretch;
        -ms-flex-direction: column;
            flex-direction: column; }
  .interactive-list__label {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    overflow: hidden;
    text-align: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }
    .interactive-list__label__text {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
    .interactive-list__label__tag {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
      .interactive-list__label__tag.tag {
        color: #a4b2c5;
        margin-right: 0;
        padding-bottom: 1.5px;
        padding-top: 1.5px; }
  .interactive-list__loading-indicator {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    width: 100%; }
    .interactive-list__loading-indicator .icon {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .interactive-list__loading-indicator-enter {
      opacity: 0; }
      .interactive-list__loading-indicator-enter-active {
        opacity: 1; }
    .interactive-list__loading-indicator-leave {
      opacity: 1; }
      .interactive-list__loading-indicator-leave-active {
        opacity: 0; }
  .interactive-list__icon {
    border-radius: 3px;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    height: 18px;
    position: relative;
    width: 18px; }
    .interactive-list__icon .icon {
      cursor: pointer;
      fill: rgba(94, 114, 140, 0.5);
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: fill 0.25s;
      -o-transition: fill 0.25s;
      transition: fill 0.25s; }
      .interactive-list__icon .icon--close {
        height: 12px;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 12px; }
    .interactive-list__icon--action {
      cursor: pointer;
      -webkit-transition: background 0.125s;
      -o-transition: background 0.125s;
      transition: background 0.125s; }
      .interactive-list__icon--action:hover .icon {
        fill: #fff; }
      .interactive-list__icon--action + .interactive-list__icon--action {
        margin-left: 6px; }
  .interactive-list__detail--primary {
    font-weight: 700; }
  .interactive-list__detail--tertiary {
    color: #4a596d; }
  .interactive-list__detail-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    max-width: 100%; }
    .interactive-list__detail-list__item {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      max-width: 100%;
      padding: 0 5px; }
      .interactive-list__detail-list__item:first-child {
        padding-left: 0; }
      .interactive-list__detail-list__item:last-child {
        padding-right: 0; }
      .interactive-list__detail-list__item--overflow {
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }

@-webkit-keyframes loading-indicator-swipe {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  50% {
    -webkit-transform: translateX(400%);
            transform: translateX(400%); }
  100% {
    -webkit-transform: translateX(400%);
            transform: translateX(400%); } }

@keyframes loading-indicator-swipe {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  50% {
    -webkit-transform: translateX(400%);
            transform: translateX(400%); }
  100% {
    -webkit-transform: translateX(400%);
            transform: translateX(400%); } }

.loading-indicator {
  height: 18px;
  position: relative;
  width: 32px; }
  .loading-indicator.is-inverse .loading-indicator__bar {
    background: rgba(56, 88, 109, 0.7); }
    .loading-indicator.is-inverse .loading-indicator__bar:after {
      background: rgba(37, 141, 229, 0.75); }
  .loading-indicator__bar {
    background: #e9eef2;
    border-radius: 10px;
    height: 3px;
    left: 0;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    width: 100%; }
    .loading-indicator__bar:after {
      -webkit-animation: loading-indicator-swipe 3s ease-in-out infinite;
              animation: loading-indicator-swipe 3s ease-in-out infinite;
      background: rgba(37, 141, 229, 0.75);
      border-radius: 10px;
      content: '';
      display: block;
      height: 100%;
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%);
      width: 25%; }
    .loading-indicator__bar--1 {
      top: 0; }
    .loading-indicator__bar--2 {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      .loading-indicator__bar--2:after {
        -webkit-animation-delay: 0.5s;
                animation-delay: 0.5s; }
    .loading-indicator__bar--3 {
      bottom: 0; }
      .loading-indicator__bar--3:after {
        -webkit-animation-delay: 1s;
                animation-delay: 1s; }

.mediainfo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .mediainfo__toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-bottom: 10px;
    position: relative; }
    .mediainfo__toolbar .tooltip__wrapper {
      bottom: 0;
      position: absolute;
      right: 0; }
  .mediainfo__copy-button.tooltip__wrapper {
    position: absolute;
    right: 0;
    top: 0; }
  .mediainfo__copy-button .icon {
    fill: currentColor;
    height: 16px;
    width: 16px; }
  .mediainfo__output {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    overflow: auto; }

.modal {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: 100%;
  z-index: 100; }
  .modal__overlay {
    background: rgba(11, 16, 20, 0.95);
    height: 100%;
    width: 100%; }
  .modal--align-center {
    text-align: center; }
  .modal__tabs {
    color: #abc2e2;
    font-size: 0.85rem;
    font-weight: 500;
    margin: 5px -5px 0 -5px; }
    .modal__tabs .modal__tab {
      cursor: pointer;
      display: inline-block;
      margin-right: 10px;
      padding: 5px 5px 10px 5px;
      position: relative; }
      .modal__tabs .modal__tab:after {
        bottom: 0;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        -webkit-transition: background 0.25s;
        -o-transition: background 0.25s;
        transition: background 0.25s; }
      .modal__tabs .modal__tab:last-child {
        margin-right: 0; }
      .modal__tabs .modal__tab.is-active {
        color: #3ea7ff;
        font-weight: 700; }
        .modal__tabs .modal__tab.is-active:after {
          background: #3ea7ff; }
  .modal__header {
    border-radius: 3px 3px 0 0;
    color: #e6f0ff;
    -webkit-box-shadow: inset 0 -1px 0 #363e48;
            box-shadow: inset 0 -1px 0 #363e48;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    font-size: 1.25em;
    font-weight: 500;
    overflow: hidden;
    padding: 20px 25px; }
    .modal--tabs-in-header .modal__header.has-tabs {
      padding-bottom: 0; }
  .modal__content {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 20px 25px 20px 25px;
    position: relative; }
    .modal__content__wrapper {
      background: #3A4553;
      border-radius: 3px;
      -webkit-box-shadow: 0 0 256px rgba(5, 8, 10, 0.1), 0 2px 4px rgba(5, 8, 10, 0.5), 0 2px 8px rgba(5, 8, 10, 0.1), 0 4px 32px rgba(5, 8, 10, 0.3);
              box-shadow: 0 0 256px rgba(5, 8, 10, 0.1), 0 2px 4px rgba(5, 8, 10, 0.5), 0 2px 8px rgba(5, 8, 10, 0.1), 0 4px 32px rgba(5, 8, 10, 0.3);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      height: auto;
      left: 50%;
      max-height: 80%;
      max-width: 80%;
      overflow: hidden;
      position: absolute;
      top: 10%;
      -webkit-transition: -webkit-transform 0.2s;
      transition: -webkit-transform 0.2s;
      -o-transition: transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      width: 500px; }
    .modal__content--nested-scroll {
      overflow: hidden !important;
      padding: 0;
      position: relative; }
      .modal__content--nested-scroll__header {
        padding-left: 25px;
        padding-right: 25px; }
      .modal__content--nested-scroll__content {
        padding: 20px 25px 20px 25px; }
  .modal__body {
    color: #7d8d9f;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    font-size: 0.9em;
    overflow: auto;
    overflow-x: hidden; }
    .modal--tabs-in-body .modal__body {
      overflow: hidden; }
  .modal__footer {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    padding: 0 25px 20px 25px; }
    .modal__footer .modal__actions {
      margin-top: 0; }
  .modal__actions {
    margin-top: 25px; }
  .modal__button-group {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .modal--align-center .modal__button-group {
      -ms-flex-pack: center;
          justify-content: center; }
  .modal__animation-enter {
    opacity: 0; }
    .modal__animation-enter .modal__content__wrapper {
      -webkit-transform: translate(-50%, 0) scale(0.85);
          -ms-transform: translate(-50%, 0) scale(0.85);
              transform: translate(-50%, 0) scale(0.85); }
  .modal__animation-enter-active {
    opacity: 1; }
    .modal__animation-enter-active .modal__content__wrapper {
      -webkit-transform: translate(-50%, 0) scale(1, 1);
          -ms-transform: translate(-50%, 0) scale(1, 1);
              transform: translate(-50%, 0) scale(1, 1); }
  .modal__animation-leave {
    opacity: 1;
    pointer-events: none; }
    .modal__animation-leave .modal__content__wrapper {
      -webkit-transform: translate(-50%, 0) scale(1, 1);
          -ms-transform: translate(-50%, 0) scale(1, 1);
              transform: translate(-50%, 0) scale(1, 1); }
  .modal__animation-leave-active {
    opacity: 0; }
    .modal__animation-leave-active .modal__content__wrapper {
      -webkit-transform: translate(-50%, 0) scale(0.85);
          -ms-transform: translate(-50%, 0) scale(0.85);
              transform: translate(-50%, 0) scale(0.85); }
  .modal--vertical.modal--tabs-in-header {
    -ms-flex-direction: row;
        flex-direction: row; }
    .modal--vertical.modal--tabs-in-header .modal__header {
      border-radius: 3px 0 0 3px;
      -ms-flex-preferred-size: 175px;
          flex-basis: 175px;
      -webkit-box-shadow: inset -1px 0 0 #363e48;
              box-shadow: inset -1px 0 0 #363e48;
      padding-bottom: 25px;
      padding-right: 0;
      max-width: 175px; }
    .modal--vertical.modal--tabs-in-header .modal__content {
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
      .modal--vertical.modal--tabs-in-header .modal__content + .modal__footer {
        margin-top: 15px; }
  .modal--vertical.modal--tabs-in-body .modal__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-direction: row;
        flex-direction: row; }
  .modal--vertical.modal--tabs-in-body .modal__content {
    overflow: auto;
    overflow-x: hidden; }
  .modal--vertical.modal--tabs-in-body .modal__tabs {
    -ms-flex: 0 0 135px;
        flex: 0 0 135px;
    -webkit-box-shadow: inset -1px 0 #363e48;
            box-shadow: inset -1px 0 #363e48;
    margin: 0;
    padding-top: 20px; }
  .modal--vertical .modal__tabs {
    margin: 5px 0 0 -25px; }
    .modal--vertical .modal__tabs .modal__tab {
      display: block;
      margin-right: 0;
      padding: 5px 10px 5px 25px; }
      .modal--vertical .modal__tabs .modal__tab:after {
        bottom: 0;
        content: '';
        height: auto;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: background 0.25s;
        -o-transition: background 0.25s;
        transition: background 0.25s;
        width: 1px; }
  .modal--vertical .modal__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .modal--vertical .modal__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .modal--vertical .modal__actions {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .modal--size-large {
    width: 700px; }
    .modal--size-large.modal__content__wrapper {
      bottom: 10%; }
  .modal .form__section__heading {
    color: #e6f0ff;
    font-size: 0.925em;
    font-weight: 500; }
  .modal .form__section__sub-heading {
    color: #a1c4f7;
    font-size: 0.875em; }

.notifications--empty {
  text-align: center; }

.notifications--is-loading .notifications__list {
  opacity: 0.25; }

.notifications--is-loading .notifications__loading-indicator {
  opacity: 1; }

.notifications__badge {
  background: #258de5;
  border-radius: 30px;
  color: #1d2938;
  font-size: 0.5rem;
  font-weight: 700;
  left: 18px;
  line-height: 9px;
  padding: 0 2.5px;
  position: absolute;
  top: 6px;
  vertical-align: baseline; }

.notifications__list {
  min-height: 30px;
  opacity: 1;
  position: relative;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  white-space: normal;
  word-wrap: break-word; }
  .notifications__list__item {
    margin-bottom: 7.5px; }
    .notifications__list__item:last-child {
      margin-bottom: 0; }

.notifications__loading-indicator {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  .notifications__loading-indicator .icon {
    height: 24px;
    width: 24px; }
    .notifications__loading-indicator .icon .loading-indicator--dots__dot {
      fill: currentColor; }

.notifications__toolbar .toolbar__item--button {
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%; }

.notification__heading {
  color: #495d76;
  font-size: 0.75rem; }

.notification__category {
  color: #258de5;
  font-weight: 600; }

.notification__message__sub-heading {
  color: #7c95b7;
  font-style: italic; }

.peers-list__flag {
  display: inline-block;
  height: 10px;
  overflow: hidden;
  margin-right: 7.5px;
  position: relative;
  width: 15px;
  vertical-align: baseline; }
  .peers-list__flag__image {
    height: 10px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: auto;
    z-index: 2; }
  .peers-list__flag__text {
    font-size: 0.8em;
    font-weight: bold;
    left: 50%;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1; }

.peers-list__encryption .icon {
  fill: #39ce83;
  height: 12px;
  width: 12px; }

.priority-meter {
  height: 8px;
  position: relative; }
  .priority-meter__wrapper {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    vertical-align: middle; }
  .priority-meter:before, .priority-meter:after {
    content: '';
    display: block;
    position: absolute; }
  .priority-meter:before {
    height: 2px;
    left: 0;
    top: 3px;
    -webkit-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
    width: 100%; }
  .priority-meter:after {
    height: 100%;
    top: 0;
    -webkit-transition: background 0.25s, left 0.25s;
    -o-transition: background 0.25s, left 0.25s;
    transition: background 0.25s, left 0.25s;
    width: 2px; }
  .priority-meter--max-2 {
    width: 18px; }
    .priority-meter--max-2.priority-meter--level-0:before {
      background: rgba(67, 96, 118, 0.2); }
    .priority-meter--max-2.priority-meter--level-0:after {
      left: 0;
      background: #436076; }
    .priority-meter--max-2.priority-meter--level-1:before {
      background: rgba(37, 141, 229, 0.2); }
    .priority-meter--max-2.priority-meter--level-1:after {
      left: 8px;
      background: #258de5; }
    .priority-meter--max-2.priority-meter--level-2:before {
      background: rgba(57, 206, 131, 0.2); }
    .priority-meter--max-2.priority-meter--level-2:after {
      background: #39ce83;
      left: 16px; }
  .priority-meter--max-3 {
    width: 26px; }
    .priority-meter--max-3.priority-meter--level-0:before {
      background: rgba(67, 96, 118, 0.2); }
    .priority-meter--max-3.priority-meter--level-0:after {
      left: 0;
      background: #436076; }
    .priority-meter--max-3.priority-meter--level-1:before {
      background: rgba(37, 141, 229, 0.2); }
    .priority-meter--max-3.priority-meter--level-1:after {
      left: 8px;
      background: #258de5; }
    .priority-meter--max-3.priority-meter--level-2:before {
      background: rgba(57, 206, 131, 0.2); }
    .priority-meter--max-3.priority-meter--level-2:after {
      background: #39ce83;
      left: 16px; }
    .priority-meter--max-3.priority-meter--level-3:before {
      background: rgba(57, 206, 131, 0.2); }
    .priority-meter--max-3.priority-meter--level-3:after {
      background: #39ce83;
      left: 24px; }

@-webkit-keyframes candy-stripe {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 4px 0; } }

@keyframes candy-stripe {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 4px 0; } }

.progress-bar {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  z-index: 1; }
  .progress-bar__icon {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    padding-right: 5px; }
    .progress-bar__icon .icon {
      color: #39ce83;
      display: block;
      fill: currentColor;
      height: 12px;
      -webkit-transition: opacity 0.15s;
      -o-transition: opacity 0.15s;
      transition: opacity 0.15s;
      width: 12px; }
      .torrent--is-seeding .progress-bar__icon .icon {
        color: #258de5; }
      .torrent--is-stopped .progress-bar__icon .icon {
        color: #e7ebee; }
      .torrent--has-error .progress-bar__icon .icon {
        color: #e95779; }
      .torrent--is-checking .progress-bar__icon .icon {
        color: #8899a8; }
      .torrent--is-selected .progress-bar__icon .icon {
        color: #fff; }
      .torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon {
        color: #5daaeb; }
      .torrent--has-error.torrent--is-stopped .progress-bar__icon .icon {
        color: #f2acbc; }
  .progress-bar__fill {
    background: #39ce83;
    display: block;
    height: 3px;
    width: 100%; }
    .torrent--is-seeding .progress-bar__fill {
      background: #258de5; }
    .torrent--is-stopped .progress-bar__fill {
      background: #e7ebee; }
    .torrent--has-error .progress-bar__fill {
      background: #e95779; }
    .torrent--is-checking .progress-bar__fill {
      background: #8899a8; }
    .torrent--is-selected .progress-bar__fill {
      background: #fff; }
    .torrent--is-selected.torrent--is-stopped .progress-bar__fill {
      background: #5daaeb; }
    .torrent--has-error.torrent--is-stopped .progress-bar__fill {
      background: #f2acbc; }
    .progress-bar__fill__wrapper {
      background: rgba(57, 206, 131, 0.15);
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      position: relative;
      height: 3px; }
      .torrent--is-stopped .progress-bar__fill__wrapper {
        background: rgba(231, 235, 238, 0.35); }
      .torrent--has-error .progress-bar__fill__wrapper {
        background: rgba(233, 87, 121, 0.15); }
      .torrent--is-selected .progress-bar__fill__wrapper {
        background: rgba(255, 255, 255, 0.15); }
      .torrent--has-error.torrent--is-stopped .progress-bar__fill__wrapper {
        background: rgba(242, 172, 188, 0.15); }
      .torrent--is-selected.torrent--is-stopped .progress-bar__fill__wrapper {
        background: rgba(255, 255, 255, 0.15);
        opacity: 1; }
      .torrent--is-checking .progress-bar__fill__wrapper {
        -webkit-animation: candy-stripe 0.25s linear infinite;
                animation: candy-stripe 0.25s linear infinite;
        background-color: transparent;
        background-image: -webkit-linear-gradient(135deg, rgba(136, 153, 168, 0) 0, rgba(136, 153, 168, 0) 25%, rgba(136, 153, 168, 0.5) 25%, rgba(136, 153, 168, 0.5) 50%, rgba(136, 153, 168, 0) 50%, rgba(136, 153, 168, 0) 75%, rgba(136, 153, 168, 0.5) 75%, rgba(136, 153, 168, 0.5) 100%);
        background-image: -o-linear-gradient(135deg, rgba(136, 153, 168, 0) 0, rgba(136, 153, 168, 0) 25%, rgba(136, 153, 168, 0.5) 25%, rgba(136, 153, 168, 0.5) 50%, rgba(136, 153, 168, 0) 50%, rgba(136, 153, 168, 0) 75%, rgba(136, 153, 168, 0.5) 75%, rgba(136, 153, 168, 0.5) 100%);
        background-image: linear-gradient(-45deg, rgba(136, 153, 168, 0) 0, rgba(136, 153, 168, 0) 25%, rgba(136, 153, 168, 0.5) 25%, rgba(136, 153, 168, 0.5) 50%, rgba(136, 153, 168, 0) 50%, rgba(136, 153, 168, 0) 75%, rgba(136, 153, 168, 0.5) 75%, rgba(136, 153, 168, 0.5) 100%);
        background-size: 4px 4px;
        height: 3px;
        top: 0; }
      .torrent--is-selected.torrent--is-checking .progress-bar__fill__wrapper {
        background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.5) 100%);
        background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.5) 100%);
        background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.5) 100%); }

.scrollbars__thumb {
  background: rgba(26, 47, 61, 0.3);
  border-radius: 10px;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: background 0.25s, opacity 0.5s;
  -o-transition: background 0.25s, opacity 0.5s;
  transition: background 0.25s, opacity 0.5s;
  z-index: 2; }
  .scrollbars__thumb:active {
    opacity: 1; }
  .scrollbars__thumb:hover, .scrollbars__thumb:active {
    background: rgba(26, 47, 61, 0.6); }
  .scrollbars__thumb--surrogate {
    display: block;
    height: 100%;
    width: 100%; }
  .is-inverted .scrollbars__thumb {
    background: rgba(233, 238, 242, 0.3); }
    .is-inverted .scrollbars__thumb:hover, .is-inverted .scrollbars__thumb:active {
      background: rgba(233, 238, 242, 0.6); }

.scrollbars:hover .scrollbars__thumb {
  opacity: 1; }

.search {
  position: relative; }
  .search .icon {
    fill: #53718a;
    height: 22px;
    left: 17px;
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transition: fill 0.25s, opacity 0.25s;
    -o-transition: fill 0.25s, opacity 0.25s;
    transition: fill 0.25s, opacity 0.25s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 22px; }
    .search .icon--close {
      left: auto;
      right: 17px; }
  .search .button {
    border-radius: 0;
    border: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 30px; }
    .search .button .icon {
      position: absolute;
      height: 10px;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 10px; }
  .search .textbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid rgba(9, 24, 36, 0.4);
    border-left: none;
    border-right: none;
    border-radius: 0;
    background: rgba(9, 24, 36, 0.3);
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #53718a;
    display: block;
    font-size: 1em;
    outline: none;
    padding: 12px 0 12px 45px;
    -webkit-transition: background 0.25s, border 0.25s, color 0.25s;
    -o-transition: background 0.25s, border 0.25s, color 0.25s;
    transition: background 0.25s, border 0.25s, color 0.25s;
    width: 100%; }
    .search .textbox::-webkit-input-placeholder {
      color: rgba(83, 113, 138, 0.4);
      font-style: italic;
      -webkit-transition: color 0.25s;
      -o-transition: color 0.25s;
      transition: color 0.25s; }
    .search .textbox::-moz-placeholder {
      color: rgba(83, 113, 138, 0.4);
      font-style: italic;
      -webkit-transition: color 0.25s;
      -o-transition: color 0.25s;
      transition: color 0.25s; }
    .search .textbox::-ms-input-placeholder {
      color: rgba(83, 113, 138, 0.4);
      font-style: italic;
      -webkit-transition: color 0.25s;
      -o-transition: color 0.25s;
      transition: color 0.25s; }
    .search .textbox::placeholder {
      color: rgba(83, 113, 138, 0.4);
      font-style: italic;
      -webkit-transition: color 0.25s;
      -o-transition: color 0.25s;
      transition: color 0.25s; }
  .search.is-in-use .icon {
    fill: #258de5;
    opacity: 1; }
  .search.is-in-use .textbox {
    background: rgba(37, 141, 229, 0.25);
    border-bottom: 1px solid rgba(37, 141, 229, 0.3);
    border-top: 1px solid rgba(37, 141, 229, 0.3);
    color: #258de5;
    padding-right: 45px; }
    .search.is-in-use .textbox::-webkit-input-placeholder {
      color: rgba(37, 141, 229, 0.4); }
    .search.is-in-use .textbox::-moz-placeholder {
      color: rgba(37, 141, 229, 0.4); }
    .search.is-in-use .textbox::-ms-input-placeholder {
      color: rgba(37, 141, 229, 0.4); }
    .search.is-in-use .textbox::placeholder {
      color: rgba(37, 141, 229, 0.4); }

.application__sidebar {
  background: #293341;
  -webkit-box-shadow: 1px 0 rgba(2, 3, 4, 0.3);
          box-shadow: 1px 0 rgba(2, 3, 4, 0.3);
  color: #526780;
  -ms-flex: 1 1;
      flex: 1 1;
  min-width: 200px;
  max-width: 240px;
  overflow: auto;
  position: relative;
  z-index: 2; }

.sidebar__icon-button {
  color: rgba(82, 103, 128, 0.7);
  display: block;
  font-size: 0.8em;
  line-height: 1;
  padding: 10px;
  position: relative;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s; }
  .sidebar__icon-button:hover {
    color: #258de5; }
    .sidebar__icon-button:hover .icon {
      fill: #258de5; }
  .sidebar__icon-button--interactive {
    cursor: pointer; }
  .sidebar__icon-button .icon {
    fill: #526780;
    height: 13px;
    -webkit-transition: fill 0.25s;
    -o-transition: fill 0.25s;
    transition: fill 0.25s;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 13px; }

.sidebar__action--last {
  margin-left: auto; }

.sidebar__actions {
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.dropdown--speed-limits .dropdown__content {
  min-width: 180px; }
  .dropdown--speed-limits .dropdown__content .sidebar__icon-button {
    padding: 10px; }
    .dropdown--speed-limits .dropdown__content .sidebar__icon-button .icon {
      margin-right: 5px; }

.dropdown--speed-limits .dropdown__items {
  font-size: 0.9em; }

.sidebar-filter {
  font-size: 0.85em;
  padding: 30px 0; }
  .sidebar-filter + .sidebar-filter {
    padding-top: 0; }
  .sidebar-filter__item {
    color: #526780;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px;
    -webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s; }
    .sidebar-filter__item:hover {
      color: #778da8; }
      .sidebar-filter__item:hover .icon {
        fill: #778da8; }
    .sidebar-filter__item.is-active {
      color: #258de5;
      font-weight: 700; }
      .sidebar-filter__item.is-active .badge {
        background: #258de5; }
      .sidebar-filter__item.is-active .icon {
        fill: #258de5; }
    .sidebar-filter__item .icon {
      display: inline-block;
      fill: #526780;
      height: 14px;
      margin-right: 7px;
      -webkit-transition: fill 0.25s;
      -o-transition: fill 0.25s;
      transition: fill 0.25s;
      vertical-align: middle;
      width: auto; }
  .sidebar-filter .badge {
    background: #506480;
    color: #1f2731; }

.sidebar-filter__item--heading {
  cursor: default;
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
  .sidebar-filter__item--heading, .sidebar-filter__item--heading:hover {
    color: rgba(82, 103, 128, 0.5); }

.sort-dropdown__item {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex; }

.sort-dropdown__indicator {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  display: inline-block;
  margin-left: auto;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  vertical-align: middle; }
  .sort-dropdown__indicator--asc {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.sortable-list {
  -webkit-box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2);
          box-shadow: 0 1px 1px rgba(41, 51, 65, 0.15), 0 1px 3px 1px rgba(41, 51, 65, 0.2);
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: 0.9em;
  position: relative; }
  .sortable-list__item {
    -ms-flex-align: center;
        align-items: center;
    background: #293341;
    border: 1px solid #1f2937;
    cursor: move;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding: 0 5px; }
    .sortable-list__item:first-child {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .sortable-list__item:last-child {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
    .sortable-list__item--is-dragging {
      background: #2e3847;
      opacity: 0.6;
      position: relative;
      z-index: 1; }
      .sortable-list__item--is-dragging label {
        opacity: 0.25; }
    .sortable-list__item--is-locked {
      cursor: default;
      opacity: 0.4; }
    .sortable-list__item--is-preview {
      background: #222b39;
      border: 1px solid #19222d;
      border-radius: 0;
      color: #fff;
      font-weight: 500;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .sortable-list__item + .sortable-list__item {
      margin-top: -1px; }
    .sortable-list__item .toggle-input__indicator {
      background: #1f2731;
      border-color: #191f28; }
    .sortable-list__item .icon {
      fill: currentColor; }
      .sortable-list__item .icon--error, .sortable-list__item .icon--lock {
        height: 12px;
        width: 12px; }
      .sortable-list__item .icon--error {
        fill: #e95779; }
  .sortable-list__content {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin-left: 5px; }
    .sortable-list__content:first-child {
      margin-left: 0; }
    .sortable-list__content__wrapper {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
    .sortable-list__content--primary {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
    .sortable-list__content--secondary {
      -ms-flex-align: center;
          align-items: center;
      font-size: 0.9em; }
      .sortable-list__content--secondary, .sortable-list__content--secondary.tooltip__wrapper {
        display: -ms-flexbox;
        display: flex; }
      .sortable-list__content--secondary__copy {
        opacity: 0.5; }

.table__row--heading {
  background: rgba(246, 248, 250, 0.6);
  -webkit-box-shadow: 0 1px 0 rgba(29, 41, 56, 0.1);
          box-shadow: 0 1px 0 rgba(29, 41, 56, 0.1);
  color: #abbac7;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1; }

.table__heading {
  -ms-flex-align: center;
      align-items: center;
  border-right: 1px solid rgba(29, 41, 56, 0.08);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  position: relative;
  -webkit-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s; }
  .table__heading:last-child {
    border-right: none; }
  .table__heading:hover {
    color: #8ca1b3; }
  .table__heading:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    content: '';
    margin-top: -3px;
    opacity: 0;
    position: absolute;
    right: 3px;
    top: 50%;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; }
  .table__heading--is-sorted {
    color: #576e82;
    font-weight: 700; }
    .table__heading--is-sorted:hover {
      color: #425464; }
    .table__heading--is-sorted:after {
      opacity: 0.5; }
  .table__heading--direction--asc:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .table__heading--fill {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    min-width: 0; }
    .table__heading--fill.table__heading {
      border: none;
      margin: 0;
      padding: 0; }
  .table__heading__handle {
    bottom: 0;
    cursor: col-resize;
    opacity: 0;
    position: absolute;
    right: -4.5px;
    top: 0;
    -webkit-transition: opacity 0.125s;
    -o-transition: opacity 0.125s;
    transition: opacity 0.125s;
    width: 9px;
    z-index: 2; }
    .table__heading__handle:after {
      background: rgba(213, 223, 232, 0.75);
      bottom: 0;
      content: '';
      left: 4px;
      cursor: col-resize;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 0.125s;
      -o-transition: opacity 0.125s;
      transition: opacity 0.125s;
      width: 1px;
      z-index: 10; }
    .table__heading__handle:hover {
      opacity: 1; }
  .table__heading__label {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }
  .table__heading__resize-line {
    background: rgba(213, 223, 232, 0.75);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.125s;
    -o-transition: opacity 0.125s;
    transition: opacity 0.125s;
    will-change: opacity, transform;
    width: 1px; }
  .table__heading__column-fill {
    background: rgba(213, 223, 232, 0.75);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.125s;
    -o-transition: opacity 0.125s;
    transition: opacity 0.125s;
    will-change: opacity, transform;
    width: 30px; }

.table__cell {
  padding: 0 8px; }

.tag {
  background: rgba(74, 89, 109, 0.75);
  border-radius: 30px;
  color: #1a2028;
  display: inline-block;
  font-size: 0.9em;
  margin-right: 5px;
  padding: 0 10px;
  white-space: nowrap; }

.textbox-repeater .icon {
  height: 12px;
  width: 12px; }

.toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
  width: 100%; }
  .toolbar--dark.toolbar--bottom {
    border-top: 1px solid #1d2938; }
  .toolbar--dark.toolbar--top {
    border-bottom: 1px solid #1d2938; }
  .toolbar--dark .toolbar__item--button {
    color: #40576a; }
    .toolbar--dark .toolbar__item--button:hover {
      color: #6a8ba6; }
      .toolbar--dark .toolbar__item--button:hover .icon {
        fill: #6a8ba6; }
  .toolbar--dark .toolbar__item .icon {
    display: inline-block;
    fill: #364a5a;
    height: 10px;
    -webkit-transition: fill 0.25s;
    -o-transition: fill 0.25s;
    transition: fill 0.25s;
    vertical-align: middle;
    width: 10px; }
  .toolbar__item {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .toolbar__item--button {
      cursor: pointer;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      font-size: 0.65rem;
      opacity: 1;
      position: relative;
      text-align: center;
      -webkit-transition: color 0.25s, opacity 0.25s, visibility 0.25s;
      -o-transition: color 0.25s, opacity 0.25s, visibility 0.25s;
      transition: color 0.25s, opacity 0.25s, visibility 0.25s;
      visibility: visible;
      z-index: 1; }
      .toolbar__item--button.is-disabled {
        cursor: default;
        opacity: 0;
        visibility: hidden; }
      .toolbar__item--button:first-child {
        text-align: left; }
      .toolbar__item--button:last-child {
        text-align: right; }
        .toolbar__item--button:last-child .icon {
          margin-left: 5px;
          margin-right: 0; }
      .toolbar__item--button .icon {
        margin-right: 5px; }
    .toolbar__item--centered {
      display: inline-block;
      left: 50%;
      padding: inherit;
      position: absolute;
      text-align: center;
      top: 0;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      white-space: nowrap;
      width: auto;
      z-index: 2; }
    .toolbar__item--label {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      text-align: center; }

.tooltip {
  max-width: 600px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  z-index: 1000; }
  .tooltip__wrapper {
    display: inline-block;
    position: relative; }
  .tooltip__content {
    background: #0f151c;
    border-radius: 3px;
    color: #7a91ae;
    font-size: 0.8rem;
    line-height: 1rem;
    padding: 7.5px 12.5px;
    position: relative; }
    .tooltip__content--no-padding {
      padding: 0; }
    .tooltip__content--padding-surrogate {
      padding: 7.5px 12.5px; }
    .tooltip__content:after {
      border-color: #0f151c;
      border-style: solid;
      border-width: 7px;
      content: '';
      position: absolute; }
  .tooltip.is-open {
    opacity: 1;
    visibility: visible; }
    .tooltip.is-open.is-interactive {
      pointer-events: auto; }
  .tooltip--no-wrap {
    white-space: nowrap; }
  .tooltip--position--bottom.tooltip--anchor--center, .tooltip--position--top.tooltip--anchor--center {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    .tooltip--position--bottom.tooltip--anchor--center .tooltip__content:after, .tooltip--position--top.tooltip--anchor--center .tooltip__content:after {
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
  .tooltip--position--bottom.tooltip--anchor--start.tooltip--align--center, .tooltip--position--top.tooltip--anchor--start.tooltip--align--center {
    -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
            transform: translateX(-15px); }
  .tooltip--position--bottom.tooltip--anchor--start .tooltip__content:after, .tooltip--position--top.tooltip--anchor--start .tooltip__content:after {
    left: 8px; }
  .tooltip--position--bottom.tooltip--anchor--end, .tooltip--position--top.tooltip--anchor--end {
    -webkit-transform: translateX(calc(-100% + 15px));
        -ms-transform: translateX(calc(-100% + 15px));
            transform: translateX(calc(-100% + 15px)); }
    .tooltip--position--bottom.tooltip--anchor--end .tooltip__content:after, .tooltip--position--top.tooltip--anchor--end .tooltip__content:after {
      right: 8px; }
  .tooltip--position--bottom {
    padding-top: 7px; }
    .tooltip--position--bottom .tooltip__content:after {
      border-left-color: transparent;
      border-right-color: transparent;
      border-top: none;
      bottom: 100%; }
  .tooltip--position--top {
    padding-bottom: 7px; }
    .tooltip--position--top .tooltip__content:after {
      border-bottom: none;
      border-left-color: transparent;
      border-right-color: transparent;
      top: 100%; }
  .tooltip--position--left.tooltip--anchor--center, .tooltip--position--right.tooltip--anchor--center {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    .tooltip--position--left.tooltip--anchor--center .tooltip__content:after, .tooltip--position--right.tooltip--anchor--center .tooltip__content:after {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .tooltip--position--left.tooltip--anchor--start, .tooltip--position--right.tooltip--anchor--start {
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
            transform: translateY(-15px); }
    .tooltip--position--left.tooltip--anchor--start .tooltip__content:after, .tooltip--position--right.tooltip--anchor--start .tooltip__content:after {
      top: 8px; }
  .tooltip--position--left.tooltip--anchor--end, .tooltip--position--right.tooltip--anchor--end {
    -webkit-transform: translateY(calc(-100% + 15px));
        -ms-transform: translateY(calc(-100% + 15px));
            transform: translateY(calc(-100% + 15px)); }
    .tooltip--position--left.tooltip--anchor--end .tooltip__content:after, .tooltip--position--right.tooltip--anchor--end .tooltip__content:after {
      bottom: 8px; }
  .tooltip--position--left {
    padding-right: 7px; }
    .tooltip--position--left .tooltip__content:after {
      border-bottom-color: transparent;
      border-right: none;
      border-top-color: transparent;
      left: 100%; }
  .tooltip--position--right {
    padding-left: 7px; }
    .tooltip--position--right .tooltip__content:after {
      border-bottom-color: transparent;
      border-left: none;
      border-top-color: transparent;
      right: 100%; }
  .tooltip--is-error .tooltip__content {
    background: #e95779;
    color: #fff; }
    .tooltip--is-error .tooltip__content:after {
      border-top-color: #e95779; }
  .tooltip a {
    color: #92aac9;
    text-decoration: underline; }
    .tooltip a:active {
      text-decoration: underline; }
    .tooltip a:hover {
      color: #92aac9; }

.torrent-details__heading {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin-top: 0;
  margin-bottom: 6px; }

.torrent-details__sub-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 400;
  margin-bottom: 5px; }
  .torrent-details__sub-heading__secondary {
    color: #7d8d9f;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.85rem;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
    .torrent-details__sub-heading__secondary:first-child {
      -ms-flex-pack: start;
          justify-content: flex-start; }
    .torrent-details__sub-heading__secondary:last-child {
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .torrent-details__sub-heading__tertiary {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin-right: 1em; }
    .torrent-details__sub-heading__tertiary .icon {
      fill: rgba(77, 111, 135, 0.5);
      height: 12px;
      margin-right: 3px;
      margin-top: -3px;
      vertical-align: middle;
      width: 12px; }
    .torrent-details__sub-heading__tertiary .priority-meter {
      display: inline-block;
      margin-top: -1px;
      margin-right: 6px;
      vertical-align: middle; }
      .torrent-details__sub-heading__tertiary .priority-meter__wrapper {
        margin-top: -3px;
        padding: 0; }
    .torrent-details__sub-heading__tertiary:last-child {
      margin-right: 0; }

.torrent-details__header.is-completed .progress-bar__icon .icon, .torrent-details__header.is-stopped .progress-bar__icon .icon {
  fill: #7d8d9f; }

.torrent-details__header.is-completed .progress-bar__fill, .torrent-details__header.is-stopped .progress-bar__fill {
  background: #7d8d9f; }
  .torrent-details__header.is-completed .progress-bar__fill__wrapper:after, .torrent-details__header.is-stopped .progress-bar__fill__wrapper:after {
    background: #7d8d9f; }

.torrent-details__action {
  cursor: pointer;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s; }
  .torrent-details__action .icon {
    -webkit-transition: fill 0.25s;
    -o-transition: fill 0.25s;
    transition: fill 0.25s; }
  .torrent-details__action.is-active {
    color: #258de5; }
    .torrent-details__action.is-active .icon {
      fill: #258de5; }

.torrent-details__table {
  color: #7d8d9f;
  width: 100%; }
  .torrent-details__table__heading--primary {
    color: rgba(125, 141, 159, 0.6);
    font-size: 1.125em; }
  .torrent-details__table__heading--secondary {
    color: rgba(125, 141, 159, 0.5);
    font-size: 0.7em;
    letter-spacing: 0.1em;
    text-transform: uppercase; }
  .torrent-details__table__heading--tertiary {
    color: #b8c1cb;
    font-weight: 700; }

.torrent-details__section {
  font-size: 0.8rem; }
  .torrent-details__section__heading, .torrent-details__section__null-data {
    color: rgba(125, 141, 159, 0.6);
    font-size: 1.15em;
    margin-bottom: 2.5px; }
  .torrent-details__section--file-tree {
    margin-left: -8px; }
    .torrent-details__section--file-tree .directory-tree__node {
      color: #7d8d9f;
      position: relative;
      -webkit-transition: background 0.25s, border 0.25s, color 0.25s;
      -o-transition: background 0.25s, border 0.25s, color 0.25s;
      transition: background 0.25s, border 0.25s, color 0.25s; }
      .torrent-details__section--file-tree .directory-tree__node--group:after {
        background: rgba(108, 126, 146, 0.1); }
      .torrent-details__section--file-tree .directory-tree__node--directory {
        color: #7d8d9f; }
        .torrent-details__section--file-tree .directory-tree__node--directory.is-expanded {
          color: #9ba7b5;
          font-weight: 500; }
          .torrent-details__section--file-tree .directory-tree__node--directory.is-expanded .icon--folder {
            fill: rgba(125, 141, 159, 0.4); }
        .torrent-details__section--file-tree .directory-tree__node--directory .icon--folder {
          fill: rgba(125, 141, 159, 0.4); }
      .torrent-details__section--file-tree .directory-tree__node--selectable {
        position: relative; }
        .torrent-details__section--file-tree .directory-tree__node--selectable:hover {
          color: #8799ad; }
          .torrent-details__section--file-tree .directory-tree__node--selectable:hover:after {
            opacity: 0.6; }
          .torrent-details__section--file-tree .directory-tree__node--selectable:hover .file__detail--size, .torrent-details__section--file-tree .directory-tree__node--selectable:hover .file__detail--priority {
            color: rgba(125, 141, 159, 0.8); }
          .torrent-details__section--file-tree .directory-tree__node--selectable:hover .icon--file {
            fill: #8799ad; }
      .torrent-details__section--file-tree .directory-tree__node .file {
        width: auto; }
        .torrent-details__section--file-tree .directory-tree__node .file__detail--size, .torrent-details__section--file-tree .directory-tree__node .file__detail--priority {
          color: currentColor; }
    .torrent-details__section--file-tree .directory-tree .icon {
      fill: rgba(125, 141, 159, 0.4); }
    .torrent-details__section--file-tree .directory-tree__parent-directory {
      color: rgba(125, 141, 159, 0.6); }
      .torrent-details__section--file-tree .directory-tree__parent-directory .icon--disk {
        fill: rgba(125, 141, 159, 0.5); }
    .torrent-details__section--file-tree .icon--file {
      fill: rgba(125, 141, 159, 0.4); }
  .torrent-details__section .badge {
    background: rgba(125, 141, 159, 0.2);
    color: #7d8d9f; }

.torrent-details__detail--hash .torrent-details__detail__value {
  word-break: break-all; }

.torrent-details__detail--tags .tag {
  background: #515f6f;
  color: #1a2028; }

.torrent-details__detail + .torrent-details__table__heading .torrent-details__table__heading--tertiary {
  padding-top: 10px; }

.torrent-details__detail__label, .torrent-details__detail__value {
  vertical-align: top; }
  .torrent-details__detail__label .not-available, .torrent-details__detail__value .not-available {
    font-style: italic; }

.torrent-details__detail__label {
  color: #8393a3;
  font-weight: 500;
  padding-right: 15px;
  white-space: nowrap; }

.torrents {
  background: #fff;
  -webkit-box-shadow: -1px 0 0 0 rgba(41, 51, 65, 0.15);
          box-shadow: -1px 0 0 0 rgba(41, 51, 65, 0.15);
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative; }
  .torrents .loading-indicator {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .torrents__alert {
    color: rgba(136, 153, 168, 0.5);
    text-align: center; }
    .torrents__alert__wrapper {
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
    .torrents__alert__action {
      margin-top: 5px; }

.torrent__list {
  position: relative; }
  .torrent__list__scrollbars--horizontal {
    left: 0;
    position: absolute !important;
    top: 0; }
  .torrent__list__scrollbars--vertical {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    height: auto !important; }
  .torrent__list__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    list-style: none;
    opacity: 1;
    overflow: hidden;
    position: relative;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 2; }
  .torrent__list--loading-enter {
    opacity: 0;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s; }
    .torrent__list--loading-enter-active {
      opacity: 1; }
  .torrent__list--loading-leave {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s; }
    .torrent__list--loading-leave-active {
      opacity: 0; }
  .torrent__list--empty {
    opacity: 0; }

.view--torrent-list {
  background: #e9eef2;
  -webkit-box-shadow: -1px 0 rgba(41, 51, 65, 0.15);
          box-shadow: -1px 0 rgba(41, 51, 65, 0.15);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1;
      flex: 1 1;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%; }

.torrent {
  cursor: default;
  position: relative; }
  .torrent:after {
    background: transparent;
    content: '';
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    width: 100%;
    z-index: -1; }
  .torrent:hover:after {
    background: #f6f8fa; }
  .torrent:hover .torrent__more-info {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
  .torrent__detail {
    color: #8899a8; }
    .torrent__detail--name {
      color: #4b677f;
      font-weight: 500; }
    .torrent__detail--tags .torrent__tag {
      display: inline-block;
      margin-right: 7.5px; }
      .torrent__detail--tags .torrent__tag:last-child {
        margin-right: 0; }
    .torrent__detail--tags .tag {
      background: #dce2e6;
      color: #6f7d87; }
    .torrent__detail__icon--checkmark.icon {
      opacity: 1; }
    .torrent__detail .icon {
      fill: currentColor;
      height: 12px;
      margin-right: 5px;
      width: 12px; }
  .torrent__details__section--secondary {
    color: #8899a8; }
  .torrent__details__section--tertiary {
    color: #8899a8; }
  .torrent--is-stopped .torrent__details__section--secondary {
    color: #c3ccd3; }
  .torrent--is-stopped .torrent__details__section--tertiary {
    color: #c3ccd3; }
  .torrent--is-stopped .torrent__detail {
    color: #c3ccd3; }
    .torrent--is-stopped .torrent__detail--name {
      color: rgba(136, 153, 168, 0.8);
      font-weight: 400; }
    .torrent--is-stopped .torrent__detail--tags {
      opacity: 0.5; }
  .torrent--has-error.torrent--is-stopped .torrent__detail--name {
    color: rgba(233, 87, 121, 0.6); }
  .torrent--has-error .torrent__detail--name {
    color: #e95779; }
  .torrent--has-error:after {
    background: #e95779; }
  .torrent--is-downloading--actively .torrent__detail--downRate {
    color: #39ce83;
    font-weight: 500; }
  .torrent--is-downloading--actively .torrent-details__sub-heading__tertiary--download {
    color: #258de5; }
    .torrent--is-downloading--actively .torrent-details__sub-heading__tertiary--download .icon {
      fill: #258de5; }
  .torrent--is-uploading--actively .torrent__detail--upRate {
    color: #258de5;
    font-weight: 500; }
  .torrent--is-uploading--actively .torrent-details__sub-heading__tertiary--upload {
    color: #39ce83; }
    .torrent--is-uploading--actively .torrent-details__sub-heading__tertiary--upload .icon {
      fill: #39ce83; }
  .torrent--is-selected.torrent--has-error .torrent__detail--name {
    color: #fff; }
  .torrent--is-selected.torrent--has-error .torrent__detail--tags .tag {
    background: #ed7994;
    color: #fbe8ec; }
  .torrent--is-selected.torrent--has-error .torrent__detail--downRate, .torrent--is-selected.torrent--has-error .torrent__detail--upRate {
    color: #fff; }
  .torrent--is-selected.torrent--has-error:after, .torrent--is-selected.torrent--has-error:hover:after {
    background: #e95779; }
  .torrent--is-selected.torrent--is-stopped.torrent--has-error .torrent__detail--name {
    color: rgba(255, 255, 255, 0.6); }
  .torrent--is-selected.torrent--is-stopped .torrent__detail {
    color: rgba(255, 255, 255, 0.6); }
    .torrent--is-selected.torrent--is-stopped .torrent__detail--name {
      color: rgba(255, 255, 255, 0.6); }
    .torrent--is-selected.torrent--is-stopped .torrent__detail--downRate, .torrent--is-selected.torrent--is-stopped .torrent__detail--upRate {
      color: rgba(255, 255, 255, 0.5); }
    .torrent--is-selected.torrent--is-stopped .torrent__detail--tags {
      opacity: 0.6; }
  .torrent--is-selected.torrent--is-stopped .torrent__details__section--secondary {
    color: rgba(255, 255, 255, 0.6); }
  .torrent--is-selected.torrent--is-stopped .torrent__details__section--tertiary {
    color: rgba(255, 255, 255, 0.5); }
  .torrent--is-selected:after, .torrent--is-selected:hover:after {
    background: #258de5;
    opacity: 1; }
  .torrent--is-selected .torrent__detail {
    color: #fff; }
    .torrent--is-selected .torrent__detail--name {
      color: #fff; }
    .torrent--is-selected .torrent__detail--downRate, .torrent--is-selected .torrent__detail--upRate {
      color: #fff; }
    .torrent--is-selected .torrent__detail--tags .tag {
      background: #4ea3ea;
      color: #fff; }
  .torrent--is-selected .torrent__details__section--secondary {
    color: #fff; }
  .torrent--is-selected .torrent__details__section--tertiary {
    color: rgba(255, 255, 255, 0.9); }
  .torrent--is-expanded {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    overflow: hidden;
    padding: 0 20px;
    height: 70px; }
    .torrent--is-expanded.torrent--is-downloading--actively .torrent__detail--eta {
      margin-right: 10px;
      opacity: 1;
      width: auto; }
    .torrent--is-expanded .torrent__details__section {
      display: -ms-flexbox;
      display: flex; }
      .torrent--is-expanded .torrent__details__section--tertiary, .torrent--is-expanded .torrent__details__section--quaternary {
        margin-left: -2px; }
      .torrent--is-expanded .torrent__details__section--primary {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
      .torrent--is-expanded .torrent__details__section--tertiary {
        font-size: 0.7em; }
      .torrent--is-expanded .torrent__details__section--secondary {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        font-size: 0.75em;
        font-weight: 500; }
        .torrent--is-expanded .torrent__details__section--secondary .icon {
          height: 12px;
          width: 12px; }
        .torrent--is-expanded .torrent__details__section--secondary .torrent__detail {
          width: auto; }
      .torrent--is-expanded .torrent__details__section__wrapper {
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        display: flex; }
    .torrent--is-expanded .torrent__detail {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      margin-right: 10px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      width: 100px; }
      .torrent--is-expanded .torrent__detail:last-child {
        margin-right: 0; }
      .torrent--is-expanded .torrent__detail--name {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
      .torrent--is-expanded .torrent__detail--eta {
        margin-right: 0;
        opacity: 0;
        -webkit-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
        width: 0; }
      .torrent--is-expanded .torrent__detail--percentComplete {
        width: 90px; }
      .torrent--is-expanded .torrent__detail--upTotal {
        width: 55px; }
      .torrent--is-expanded .torrent__detail--sizeBytes, .torrent--is-expanded .torrent__detail--freeDiskSpace {
        width: 55px; }
      .torrent--is-expanded .torrent__detail--added, .torrent--is-expanded .torrent__detail--creationDate {
        width: 80px; }
      .torrent--is-expanded .torrent__detail--isPrivate {
        width: 25px; }
      .torrent--is-expanded .torrent__detail--peers {
        width: 70px; }
      .torrent--is-expanded .torrent__detail--ratio {
        width: 50px; }
      .torrent--is-expanded .torrent__detail--seeds {
        width: 70px; }
      .torrent--is-expanded .torrent__detail--tags:last-child {
        margin-left: auto;
        width: auto; }
      .torrent--is-expanded .torrent__detail--tags .torrent__tags {
        margin-right: 0; }
      .torrent--is-expanded .torrent__detail--tags .torrent__tag:last-child {
        margin-right: 0; }
      .torrent--is-expanded .torrent__detail .icon {
        display: inline-block;
        height: 10px;
        margin-bottom: -1px;
        margin-right: 3px;
        opacity: 0.3;
        width: 10px;
        vertical-align: baseline; }
  .torrent--is-condensed {
    -ms-flex-align: center;
        align-items: center;
    border-top: 1px solid #e9eef2;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding: 0; }
    .torrent--is-condensed:nth-child(0n + 2) {
      border-top: none; }
    .torrent--is-condensed.torrent--is-stopped .torrent__detail {
      color: #c3ccd3; }
    .torrent--is-condensed.torrent--is-selected,
    .torrent--is-condensed.torrent--is-selected + .torrent {
      border-color: #1b86e0; }
    .torrent--is-condensed.torrent--is-selected.torrent--has-error,
    .torrent--is-condensed.torrent--is-selected.torrent--has-error + .torrent {
      border-color: #e7496e; }
    .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail {
      color: rgba(255, 255, 255, 0.5); }
    .torrent--is-condensed.torrent--is-selected .torrent__detail {
      color: #fff; }
    .torrent--is-condensed .torrent__detail {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      font-size: 0.8em;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      width: 100px; }
      .torrent--is-condensed .torrent__detail--name {
        font-size: 0.9em; }
      .torrent--is-condensed .torrent__detail--percentComplete .icon {
        opacity: 1; }
    .torrent--is-condensed .progress-bar__icon .icon {
      margin-right: 0; }
  .torrent__more-info {
    background: #fff;
    border-radius: 32px 0 0 32px;
    -webkit-box-shadow: 0 0 30px rgba(26, 47, 61, 0.11), 0 0 0 1px rgba(26, 47, 61, 0.07);
            box-shadow: 0 0 30px rgba(26, 47, 61, 0.11), 0 0 0 1px rgba(26, 47, 61, 0.07);
    height: 32px;
    margin-top: -16px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    right: -5px;
    top: 50%;
    -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
            transform: translateX(15px);
    -webkit-transition: background 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
    transition: background 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
    -o-transition: background 0.15s, box-shadow 0.15s, opacity 0.15s, transform 0.15s;
    transition: background 0.15s, box-shadow 0.15s, opacity 0.15s, transform 0.15s;
    transition: background 0.15s, box-shadow 0.15s, opacity 0.15s, transform 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
    width: 32px;
    z-index: 1; }
    .torrent__more-info .icon {
      fill: rgba(83, 113, 138, 0.5);
      position: absolute;
      height: 16px;
      left: 16px;
      width: 16px; }
    .torrent__more-info:hover {
      background: #fff;
      -webkit-box-shadow: 0 0 30px rgba(26, 47, 61, 0.2), 0 0 0 1px rgba(26, 47, 61, 0.1);
              box-shadow: 0 0 30px rgba(26, 47, 61, 0.2), 0 0 0 1px rgba(26, 47, 61, 0.1); }
      .torrent__more-info:hover .icon {
        fill: #258de5; }

.transfer-data--download {
  color: #39ce83; }
  .transfer-data--download .icon {
    fill: #39ce83; }

.transfer-data--upload {
  color: #258de5; }
  .transfer-data--upload .icon {
    fill: #258de5; }

.application__view--auth-form {
  background: #e9eef2; }

.form--authentication {
  max-width: 350px;
  width: 100%; }
  .form--authentication .form__wrapper {
    background: #fff;
    border: 1px solid #d4dbe0;
    padding: 31.25px; }
  .form--authentication .form__header {
    background: #258de5;
    margin: -31.25px -31.25px 0 -31.25px;
    padding: 23.4375px 31.25px; }
    .form--authentication .form__header h1 {
      color: #fff;
      font-size: 1.4em;
      font-weight: 400;
      line-height: 1; }
    .form--authentication .form__header + .form__row {
      margin-top: 31.25px; }
  .form--authentication .form__label {
    color: #3a5567; }
  .form--authentication .form__row--error {
    color: #e95779;
    font-size: 0.75em; }
  .form--authentication .form__actions {
    text-align: right; }
    .form--authentication .form__actions .button {
      -webkit-box-shadow: none;
              box-shadow: none; }
  .form--authentication .textbox {
    background: transparent;
    border-bottom: 1px solid #e9edef; }
    .form--authentication .textbox:active, .form--authentication .textbox:focus {
      border-bottom: 1px solid #258de5; }
    .form--authentication .textbox::-webkit-input-placeholder {
      color: #c1c9cf;
      font-style: normal; }
    .form--authentication .textbox::-moz-placeholder {
      color: #c1c9cf;
      font-style: normal; }
    .form--authentication .textbox::-ms-input-placeholder {
      color: #c1c9cf;
      font-style: normal; }
    .form--authentication .textbox::placeholder {
      color: #c1c9cf;
      font-style: normal; }

.feed-list__feed-label {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }

/*# sourceMappingURL=main.9475a461.css.map*/