.bar-top.svelte-vwcr1d {
    fill-opacity: 0.4;
  }

  .bar-middle.svelte-vwcr1d,
  .bar-bottom.svelte-vwcr1d {
    fill-opacity: 1;
  }


  @keyframes svelte-1bnn30y-spinner-spin {
    0% {
      transform: rotate(0);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .icon.svelte-1bnn30y {
    animation: svelte-1bnn30y-spinner-spin 1.25s linear infinite;
  }


  .modal.svelte-1412g5k {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }

  .backdrop.svelte-1412g5k {
    background: var(--color-modal-backdrop);
    height: 100%;
    width: 100%;
  }

  .content.svelte-1412g5k {
    background: var(--color-modal-background);
    border-radius: 3px;
    max-height: 80%;
    max-width: 80%;
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .content.large.svelte-1412g5k {
    width: 700px;
    height: 80%;
  }

  @media (max-width: 700px) {
    .content.svelte-1412g5k,
    .content.large.svelte-1412g5k {
      width: 100vw;
      max-width: 100%;
      transform: translate(-50%, 0);
      bottom: 0;
      top: auto;
    }
  }


  em.svelte-qfw3uq {
    font-style: normal;
    font-size: 10px;
  }

  span.svelte-qfw3uq > .icon {
    fill: currentColor;
    height: 13px;
    vertical-align: middle;
  }


  .priority-indicator.svelte-12qplhw {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .slider.svelte-12qplhw {
    position: relative;
    height: 8px;
    min-width: 36px;
    transition: opacity 0.25s;
  }

  .slider.svelte-12qplhw::before {
    content: '';
    height: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color 0.25s;
    width: 100%;
    background-color: var(--color);
    opacity: 0.2;
    position: absolute;
  }

  .slider.svelte-12qplhw::after {
    content: '';
    height: 100%;
    top: 0;
    transition:
      background-color 0.25s,
      left 0.25s,
      transform 0.25s;
    transform: translateX(-50%);
    width: 2px;
    background-color: var(--color);
    position: absolute;
    left: 50%;
  }

  .slider.level-1.svelte-12qplhw {
    --color: var(--color-priority-high);
  }

  .slider.level-0.svelte-12qplhw {
    --color: var(--color-priority-normal);
  }

  .slider.level--1.svelte-12qplhw {
    --color: var(--color-priority-low);
  }

  .slider.level--2.svelte-12qplhw {
    --color: var(--color-priority-off);
  }

  .slider.level-1.svelte-12qplhw::after {
    left: calc(100% / (var(--levels) - 1) * (var(--levels) - 1));
    transform: translateX(-100%);
  }

  .slider.level-0.svelte-12qplhw::after {
    left: calc(100% / (var(--levels) - 1) * (var(--levels) - 2));
    transform: translateX(-50%);
  }

  .slider.level--1.svelte-12qplhw::after {
    left: calc(100% / (var(--levels) - 1) * (var(--levels) - 3));
    transform: translateX(0%);
  }

  .slider.level--2.svelte-12qplhw::after {
    left: calc(100% / (var(--levels) - 1) * (var(--levels) - 4));
    transform: translateX(0%);
  }


  .fill.svelte-1n3mvjl {
    background: var(--progess-color);
    display: block;
    height: 3px;
    width: 100%;
    transition: width 100ms;
  }

  .fill-wrapper.svelte-1n3mvjl {
    background: var(--background-color);
    flex: 1 1 auto;
    position: relative;
    height: 3px;
  }


  .progress-renderer.svelte-1bewdd2 {
    --progess-color: var(--color-progress-bar-download);
    --background-color: var(--color-progress-bar-download-background);

    align-items: center;
    display: flex;
    width: 100%;
    z-index: 1;
    fill: var(--progess-color);
  }

  .progress-renderer.svelte-1bewdd2 .icon {
    flex: 0 0 auto;
    box-sizing: initial;
    margin-right: 5px;
    display: block;
    height: 12px;
    width: 12px;
  }

  /*
  1: unselected downloading - green - default
  2: unselected uploading - blue
  3: unselected stopped - grey
  4: unselected error - red
  5: unselected checking/metadata - dark grey
  6: selected active - white
  7: selected inactive - opacite white
  */

  .completed.svelte-1bewdd2 {
    --progess-color: var(--color-progress-bar-upload);
    --background-color: var(--color-progress-bar-upload-background);
  }

  .stopped.svelte-1bewdd2 {
    --progess-color: var(--color-progress-bar-stopped);
    --background-color: var(--color-progress-bar-stopped-background);
  }

  .error.svelte-1bewdd2 {
    --progess-color: var(--color-progress-bar-error);
    --background-color: var(--color-progress-bar-error-background);
  }

  .checking.svelte-1bewdd2,
  .metadata.svelte-1bewdd2 {
    --progess-color: var(--color-progress-bar-metadata);
    --background-color: var(--color-progress-bar-metadata-background);
  }

  .selected.active.svelte-1bewdd2,
  .selected.metadata.svelte-1bewdd2,
  .selected.checking.svelte-1bewdd2 {
    --progess-color: var(--color-progress-bar-selected-active);
    --background-color: var(--color-progress-bar-selected-active-background);
  }

  .selected.error.svelte-1bewdd2,
  .selected.stopped.svelte-1bewdd2 {
    --progess-color: var(--color-progress-bar-selected-inactive);
    --background-color: var(--color-progress-bar-selected-inactive-background);
  }


  .header.svelte-1sp0xrt {
    color: var(--color-modal-header);
    box-shadow: inset 0 -1px 0 var(--color-modal-torrent-details-shadow);
    flex: 0 0 auto;
    overflow: hidden;
    padding: 20px 25px;
    gap: 4px;
    display: flex;
    flex-direction: column;
  }

  h1.svelte-1sp0xrt {
    font-size: 20px;
    color: var(--color-modal-header);
    font-weight: 500;
    line-height: 1.25;
    word-break: break-word;
    cursor: pointer;
  }

  .subheading.svelte-1sp0xrt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 4px;
    justify-content: space-between;
    color: var(--color-modal-text);
    fill: var(--color-modal-torrent-details-header-icon);
  }

  ul.svelte-1sp0xrt {
    display: flex;
    align-items: center;
    gap: 13px;
  }

  li.svelte-1sp0xrt {
    display: flex;
    align-items: center;
    font-size: 13.6px;
  }

  li.active.svelte-1sp0xrt {
    color: var(--color-upload);
    fill: var(--color-upload);
  }

  li.active.downloading.svelte-1sp0xrt {
    color: var(--color-download);
    fill: var(--color-download);
  }

  li.svelte-1sp0xrt > .icon {
    width: 12px;
    margin-right: 3px;
  }

  em.svelte-1sp0xrt {
    font-size: 11px;
    font-style: normal;
    opacity: 0.8;
  }

  .right.svelte-1sp0xrt {
    justify-content: flex-end;
  }

  li.button.svelte-1sp0xrt {
    cursor: pointer;
  }

  @media (max-width: 700px) {
    .header.svelte-1sp0xrt {
      box-shadow: none;
      padding: 20px 25px 10px;
    }
  }


  div.svelte-ekdwtb > .icon {
    fill: currentColor;
    height: 12px;
    margin-right: 5px;
    width: 12px;
  }


  .badge.svelte-rhelmz {
    color: var(--color-badge-text);
    background-color: var(--color-badge-background);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    margin-left: 10px;
    padding: 2px 5px;
    transition: background-color 0.25s;
  }


  .input-container.svelte-1l1sd2e {
    margin-bottom: 15px;
  }

  label.svelte-1l1sd2e {
    display: block;
    font-size: 13px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .input-wrapper.svelte-1l1sd2e {
    position: relative;
  }

  .input-wrapper.svelte-1l1sd2e:focus-within .addon:where(.svelte-1l1sd2e) {
    fill: var(--color-input-addon-icon-active);
    border-left-color: var(--color-input-addon-border-active);
  }

  .input-wrapper.svelte-1l1sd2e .addon:where(.svelte-1l1sd2e) {
    position: absolute;
    right: calc(var(--index) * 34px);
    top: 0;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: solid 1px var(--color-input-addon-border);
    transition:
      fill 125ms,
      border 125ms;
    cursor: pointer;
    fill: var(--color-input-addon-icon);
  }

  .input-wrapper.svelte-1l1sd2e .addon:where(.svelte-1l1sd2e):hover {
    fill: var(--color-input-addon-icon-active);
  }

  .input-wrapper.svelte-1l1sd2e .addon:where(.svelte-1l1sd2e) > .icon {
    height: var(--icon-size);
  }

  input.svelte-1l1sd2e {
    background: var(--color-input-background);
    border: 1px solid var(--color-input-border);
    color: var(--color-input-text);
    width: 100%;
    font-size: 14px;
    height: 34px;
    outline: none;
    padding: 0 calc(var(--addon-count) * 32px + 12px) 0 12px;
    border-radius: 4px;
    transition-property: background-color, border-color, color;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
  }

  input.svelte-1l1sd2e::placeholder {
    color: var(--color-input-placeholder);
  }

  input.svelte-1l1sd2e:hover {
    border-color: var(--color-input-border-hover);
    color: var(--color-input-text-hover);
  }

  input.svelte-1l1sd2e:active,
  input.svelte-1l1sd2e:focus {
    background-color: var(--color-input-background-active);
    border-color: var(--color-input-border-active);
    color: var(--color-input-text-active);
  }

  input.svelte-1l1sd2e:disabled {
    background-color: var(--color-input-background-disabled);
    border-color: var(--color-input-border-disabled);
    color: var(--color-input-text-disabled);
  }

  input.svelte-1l1sd2e::-webkit-outer-spin-button,
  input.svelte-1l1sd2e::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input.svelte-1l1sd2e::-webkit-calendar-picker-indicator {
    background: -webkit-image-set(
      url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjODg5OUE4IiBkPSJNMTEuOTkgMkM2LjQ3IDIgMiA2LjQ4IDIgMTJzNC40NyAxMCA5Ljk5IDEwQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyUzE3LjUyIDIgMTEuOTkgMnpNMTIgMjBjLTQuNDIgMC04LTMuNTgtOC04czMuNTgtOCA4LTggOCAzLjU4IDggOC0zLjU4IDgtOCA4eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIuNSA3SDExdjZsNS4yNSAzLjE1Ljc1LTEuMjMtNC41LTIuNjd6IiBmaWxsPSIjODg5OUE4IiAvPjwvc3ZnPg==')
        1x
    );
    background-origin: content-box;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
  }

  input.svelte-1l1sd2e:hover::-webkit-calendar-picker-indicator {
    background: -webkit-image-set(
      url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZDJkOGRlIiBkPSJNMTEuOTkgMkM2LjQ3IDIgMiA2LjQ4IDIgMTJzNC40NyAxMCA5Ljk5IDEwQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyUzE3LjUyIDIgMTEuOTkgMnpNMTIgMjBjLTQuNDIgMC04LTMuNTgtOC04czMuNTgtOCA4LTggOCAzLjU4IDggOC0zLjU4IDgtOCA4eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIuNSA3SDExdjZsNS4yNSAzLjE1Ljc1LTEuMjMtNC41LTIuNjd6IiBmaWxsPSIjZDJkOGRlIiAvPjwvc3ZnPg==')
        1x
    );
    background-origin: content-box;
    background-size: contain;
    background-repeat: no-repeat;
  }

  input.svelte-1l1sd2e:active::-webkit-calendar-picker-indicator,
  input.svelte-1l1sd2e:focus::-webkit-calendar-picker-indicator {
    background: -webkit-image-set(
      url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZjZmYWZlIiBkPSJNMTEuOTkgMkM2LjQ3IDIgMiA2LjQ4IDIgMTJzNC40NyAxMCA5Ljk5IDEwQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyUzE3LjUyIDIgMTEuOTkgMnpNMTIgMjBjLTQuNDIgMC04LTMuNTgtOC04czMuNTgtOCA4LTggOCAzLjU4IDggOC0zLjU4IDgtOCA4eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIuNSA3SDExdjZsNS4yNSAzLjE1Ljc1LTEuMjMtNC41LTIuNjd6IiBmaWxsPSIjZjZmYWZlIiAvPjwvc3ZnPg==')
        1x
    );
    background-origin: content-box;
    background-size: contain;
    background-repeat: no-repeat;
  }

  input[type='number'].svelte-1l1sd2e {
    -moz-appearance: textfield;
  }

  .hint.svelte-1l1sd2e {
    font-size: 12px;
    display: block;
    margin-top: 5px;
  }


  button.svelte-1plj6ci {
    border-radius: 4px;
    border: solid 1px currentColor;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 34px;
    outline: none;
    padding: 0 12px;
    position: relative;
    user-select: none;
    fill: currentColor;
    white-space: nowrap;
  }

  button.svelte-1plj6ci .icon {
    width: 12px;
    height: 12px;
  }

  button.primary.svelte-1plj6ci {
    background: var(--color-button-primary-background);
    border-color: var(--color-button-primary-border);
    text-shadow:
      0 1px 0 var(--color-button-primary-shadow-1),
      0 1px 2px var(--color-button-primary-shadow-2);
  }

  button.secondary.svelte-1plj6ci {
    background: var(--color-button-secondary-background);
    border-color: var(--color-button-secondary-border);
    text-shadow:
      0 1px 0 var(--color-button-secondary-shadow-1),
      0 1px 2px var(--color-button-secondary-shadow-2);
  }

  button.tertiary.svelte-1plj6ci {
    background: var(--color-button-tertiary-background);
    border-color: var(--color-button-tertiary-border);
    text-shadow:
      0 1px 0 var(--color-button-tertiary-shadow-1),
      0 1px 2px var(--color-button-tertiary-shadow-2);
  }

  /* TODO: consider removing this, only used in select can be put there instead? */
  button.quaternary.svelte-1plj6ci {
    background: var(--color-button-quaternary-background);
    border-color: var(--color-button-quaternary-border);
    color: var(--color-button-quaternary-text);
  }


  .select.svelte-d7wqxu {
    position: relative;
  }

  .select.svelte-d7wqxu > .button {
    fill: var(--color-select-icon);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    width: 100%;
  }

  .label.svelte-d7wqxu {
    display: block;
    font-size: 13px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
  }

  .content.svelte-d7wqxu {
    padding: 5px 12px;
  }

  .arrow.svelte-d7wqxu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 100%;
    border-left: solid 1px var(--color-select-border);
    transition: transform 250ms;
  }

  .arrow.open.svelte-d7wqxu {
    transform: rotate(180deg);
  }

  .options.svelte-d7wqxu {
    position: absolute;
    z-index: 10;
    background-color: var(--color-select-option-background);
    color: #fff;
    padding: 9px 0;
    border-radius: 5px;
  }

  .options.above.svelte-d7wqxu {
    transform: translateY(calc(-100% - 5px));
  }

  .options.below.svelte-d7wqxu {
    transform: translateY(5px);
  }

  .option.svelte-d7wqxu {
    cursor: pointer;
    padding: 6px 12px;
    transition: background-color 0.125s;
    font-size: 14px;
  }

  .option.svelte-d7wqxu:hover {
    background-color: var(--color-select-option-background-hover);
  }


  label.svelte-dsaf50 {
    align-items: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    outline: none;
    position: relative;
    font-size: 14px;
    transition: color 0.25s ease-in-out;
  }

  input.svelte-dsaf50 {
    visibility: hidden;
    position: absolute;
  }

  .indicator.svelte-dsaf50 {
    border-radius: 4px;
    background: var(--color-checkbox-background);
    border: 1px solid var(--color-checkbox-border);
    height: 18px;
    width: 18px;
    fill: var(--color-checkbox-mark);
    transition-property: color, background-color, border-color, fill;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
  }

  .indicator.svelte-dsaf50 > .icon {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
  }

  .label.svelte-dsaf50 {
    margin-left: 6px;
  }

  .checkbox.svelte-dsaf50:active .indicator:where(.svelte-dsaf50) > .icon {
    opacity: 0.25;
  }

  .checkbox.svelte-dsaf50 .indicator.checked:where(.svelte-dsaf50) > .icon {
    opacity: 1;
  }

  .checkbox.svelte-dsaf50:focus,
  .checkbox.svelte-dsaf50:active {
    color: var(--color-checkbox-text-active);
  }

  .checkbox.svelte-dsaf50:active .indicator:where(.svelte-dsaf50),
  .checkbox.svelte-dsaf50:focus .indicator:where(.svelte-dsaf50) {
    background-color: var(--color-checkbox-background-active);
    border-color: var(--color-checkbox-border-active);
    fill: var(--color-checkbox-mark-active);
  }

  .hint.svelte-dsaf50 {
    font-size: 12px;
    display: block;
    margin-top: 5px;
  }


  ul.svelte-13k7mby {
    position: absolute;
    padding: 0;
    margin: 0;
    background-color: var(--color-context-menu-background);
    white-space: nowrap;
    padding: 9px 0;
    font-size: 12px;
    border-radius: 4px;
    box-shadow:
      0 1px 1px var(--color-context-menu-shadow-1),
      0 1px 3px 1px var(--color-context-menu-shadow-2),
      0 0 0 1px var(--color-context-menu-shadow-3);
    color: var(--color-context-menu-text);
    z-index: 15;
    overflow-y: auto;
  }

  ul.svelte-13k7mby > li {
    cursor: pointer;
    padding: 5px 15px;
    transition:
      background-color 250ms,
      color 250ms;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  ul.svelte-13k7mby > li:hover {
    background-color: var(--color-context-menu-background-hover);
    color: var(--color-context-menu-text-hover);
  }

  ul.svelte-13k7mby > hr {
    border: 0;
    border-top: solid 1px var(--color-context-menu-separator);
    margin: 5px 0;
  }


  .content.svelte-y8vewt {
    overflow-y: auto;
    font-size: 13px;
    color: var(--color-modal-text);
    line-height: 16px;
    padding: 20px 25px;
    height: 100%;
  }

  /* To add empty space in the bottom when scrolling */
  .content.svelte-y8vewt::after {
    content: '';
    height: 25px;
  }

  .info.svelte-y8vewt {
    display: grid;
    grid-gap: 1px 0;
    grid-auto-rows: min-content;
    grid-template-columns: repeat(2, minmax(136px, max-content));
  }

  .header.svelte-y8vewt {
    font-size: inherit;
    color: var(--color-modal-details-header);
    font-weight: 700;
    grid-column: 1 / 3;
  }

  .header.no-padding-top.svelte-y8vewt {
    padding-top: 0;
  }

  .inputs.svelte-y8vewt {
    padding-top: 10px;
  }

  .input-group.svelte-y8vewt {
    padding-bottom: 15px;
    display: flex;
    gap: 5px;
    flex-direction: column;
  }

  .inputs.svelte-y8vewt .input-container {
    margin-bottom: 0;
  }

  .column.column--label.svelte-y8vewt {
    padding-right: 15px;
    font-weight: 500;
    white-space: nowrap;
    grid-column: 1;
  }

  .column.column--value.svelte-y8vewt {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 5px;
  }

  .column.column--value.svelte-y8vewt > .badge {
    margin-left: 0;
  }

  .buttons.svelte-y8vewt {
    flex-grow: 1;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
  }


  .content.svelte-1bs3dey {
    flex-grow: 1;
    padding: 20px 25px;
    overflow-y: auto;
    transition: padding 0.25s;
  }

  .content.selected.svelte-1bs3dey {
    padding: 20px 25px 5px;
  }

  .bar-spacing.svelte-1bs3dey {
    padding: 9px 25px;
  }

  .action-bar.svelte-1bs3dey {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .text.svelte-1bs3dey {
    color: var(--color-modal-text);
    font-size: 14px;
    flex-grow: 1;
  }

  .focus.svelte-1bs3dey {
    color: var(--color-active);
    font-weight: 700;
  }


  .icon-checkbox.svelte-16aslk7:hover > .icon,
  .icon-checkbox.selected.svelte-16aslk7 > .icon {
    opacity: 0;
  }

  .icon-checkbox.svelte-16aslk7:hover > .checkbox,
  .icon-checkbox.selected.svelte-16aslk7 > .checkbox {
    opacity: 1;
  }

  .icon-checkbox.svelte-16aslk7 {
    position: relative;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    flex-shrink: 0;
  }

  .icon-checkbox.svelte-16aslk7 > .icon {
    position: absolute;
    height: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
  }

  .icon-checkbox.svelte-16aslk7 > .checkbox {
    position: absolute;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    right: 0;
  }


  .folder.svelte-1lv5lyk,
  .file.svelte-1lv5lyk {
    fill: var(--color-modal-files-icon);
    color: var(--color-modal-text);
    font-size: 13px;
    margin-bottom: 3px;
    display: grid;
  }

  .folder.svelte-1lv5lyk {
    grid-template-columns: auto 1fr;
  }

  .file.svelte-1lv5lyk {
    grid-template-columns: auto 1fr auto;
  }

  .folder.strong.svelte-1lv5lyk {
    color: var(--color-modal-text-light);
    margin-bottom: 4px;
    line-height: 18px;
    font-size: 14px;
  }

  .details.svelte-1lv5lyk {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 11px;
    gap: 6px;
    line-height: 19px;
  }

  .path.svelte-1lv5lyk {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }

  .path.no-action.svelte-1lv5lyk {
    cursor: initial;
  }


  .container.svelte-2g3fx4 {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .empty.svelte-2g3fx4 {
    color: var(--color-modal-text);
    font-size: 14px;
  }

  .select-container.svelte-2g3fx4 {
    flex-grow: 1;
  }


  .container.svelte-1yqdh18 {
    padding: 20px 25px;
    max-height: 100%;
    overflow-y: auto;
  }

  table.svelte-1yqdh18 {
    color: var(--color-modal-text);
    font-size: 13px;
    width: 100%;
  }

  th.svelte-1yqdh18 {
    color: var(--color-modal-text-light);
    font-size: 9px;
    text-align: left;
    font-weight: inherit;
    padding: 0;
  }

  th.main.svelte-1yqdh18 {
    font-size: 14px;
    display: flex;
    align-items: center;
  }

  th.svelte-1yqdh18 > .badge {
    background: var(--color-modal-badge-background);
    color: var(--color-modal-text);
  }

  td.svelte-1yqdh18 {
    padding: 0;
    line-height: 14px;
  }

  td.svelte-1yqdh18 > .icon {
    height: 12px;
    fill: var(--color-positive);
  }

  .flag.svelte-1yqdh18 {
    width: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
  }

  .unit.svelte-1yqdh18 {
    font-size: 11px;
    font-style: normal;
    opacity: 0.8;
  }


  .container.svelte-ttjgd7 {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  table.svelte-ttjgd7 {
    color: var(--color-modal-text);
    font-size: 13px;
    width: 100%;
  }

  th.svelte-ttjgd7 {
    color: var(--color-modal-text-light);
    font-size: 9px;
    text-align: left;
    font-weight: inherit;
    padding: 0;
  }

  th.main.svelte-ttjgd7 {
    font-size: 14px;
    display: flex;
    align-items: center;
  }

  th.svelte-ttjgd7 > .badge {
    background: var(--color-modal-badge-background);
    color: var(--color-modal-text);
  }

  td.svelte-ttjgd7 {
    padding: 0;
    line-height: 16px;
  }

  td.tracker-name.svelte-ttjgd7 {
    display: flex;
    gap: 8px;
  }

  td.svelte-ttjgd7 > .checkbox.label {
    margin-left: 0;
  }

  .new-tracker-form.svelte-ttjgd7 {
    display: flex;
    gap: 8px;
  }

  .new-tracker-form.svelte-ttjgd7 > .input-container {
    margin: 0;
    flex-grow: 1;
  }


  .container.svelte-1wnf464 {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .container.loading-initial.svelte-1wnf464 {
    align-items: center;
    justify-content: center;
    fill: var(--color-modal-loading);
    height: 100%;
  }

  .container.svelte-1wnf464 > .icon {
    position: absolute;
    height: 30px;
    width: 30px;
    display: none;
  }

  .container.loading-initial.svelte-1wnf464 > .icon {
    display: inherit;
  }

  .container.loading-initial.svelte-1wnf464 > .header {
    display: none;
  }

  .container.loading-initial.svelte-1wnf464 > .content:where(.svelte-1wnf464) {
    display: none;
  }

  .content.svelte-1wnf464 {
    display: flex;
    height: 100%;
    overflow: hidden;
  }

  nav.svelte-1wnf464 {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    flex-direction: column;
    padding: 20px 0 0 0;
    flex-basis: 135px;
    box-shadow: inset -1px 0 var(--color-modal-torrent-details-shadow);
  }

  a.svelte-1wnf464 {
    padding: 5px 10px 5px 25px;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 500;
    color: var(--color-modal-tab-label);
    text-decoration: none;
    border-right: solid 1px transparent;
  }

  a.active.svelte-1wnf464 {
    border-color: var(--color-modal-tab-label-active);
    color: var(--color-modal-tab-label-active);
    font-weight: 700;
  }

  .page-content.svelte-1wnf464 {
    flex-shrink: 1;
    flex-grow: 1;
    min-width: 0;
    min-height: 0;
  }

  @media (max-width: 700px) {
    .content.svelte-1wnf464 {
      flex-direction: column;
    }

    nav.svelte-1wnf464 {
      flex-direction: row;
      flex-basis: auto;
      padding: 0 20px;
      box-shadow: inset 0 -1px 0 var(--color-modal-torrent-details-shadow);
    }

    a.svelte-1wnf464 {
      border-right: 0;
      border-bottom: solid 1px transparent;
      padding: 5px;
    }
  }


  .menu.svelte-343fto {
    overflow: hidden;
    padding: 20px 0 0 20px;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    border-right: solid 1px var(--color-modal-menu-border);
    grid-area: menu;
  }

  h1.svelte-343fto {
    color: var(--color-modal-header);
    font-weight: 500;
    font-size: 20px;
    padding: 0 5px 5px;
  }

  ul.svelte-343fto {
    font-weight: 500;
    font-size: 13px;
    color: var(--color-modal-tab-label);
  }

  li.svelte-343fto {
    display: block;
    margin-right: 0;
    padding: 5px;
    border-right: solid 1px transparent;
    transition:
      border-color 0.25s,
      color 0.25s;
    cursor: pointer;
  }

  li.active.svelte-343fto {
    color: var(--color-modal-tab-label-active);
    font-weight: 700;
    border-color: var(--color-modal-tab-label-active);
  }

  @media (max-width: 700px) {
    .menu.svelte-343fto {
      padding: 20px 20px 0 20px;
    }

    ul.svelte-343fto {
      display: flex;
      flex-wrap: wrap;
    }

    li.svelte-343fto {
      border-right: 0;
      border-bottom: solid 1px transparent;
    }
  }


  .wrapper.svelte-1vap45b {
    display: grid;
    grid-template: 'menu content' 100% / 175px 1fr;
    overflow: hidden;
    height: 100%;
  }

  .content.svelte-1vap45b {
    padding: 20px 25px;
    overflow-y: auto;
    flex-grow: 1;
    position: relative;
    grid-area: 'content';
  }

  @media (max-width: 700px) {
    .wrapper.svelte-1vap45b {
      grid-template: 'menu' auto 'content' 1fr / 1fr;
    }

    .content.svelte-1vap45b {
      padding: 10px 25px;
    }
  }


  h1.svelte-rer7r2 {
    color: var(--color-modal-header);
    font-size: 20px;
    font-weight: 500;
    padding: 20px 25px 0;
  }

  .content.svelte-rer7r2 {
    overflow-y: auto;
    padding: 20px 25px 20px 25px;
    color: var(--color-modal-text);
  }

  .button-group.svelte-rer7r2 {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    gap: 10px;
  }

  p.svelte-rer7r2 {
    font-size: 14px;
    margin-bottom: 15px;
  }


  h1.svelte-ha89ve {
    color: var(--color-modal-header);
    font-size: 20px;
    font-weight: 500;
    padding: 20px 25px 0;
  }

  .content.svelte-ha89ve {
    overflow-y: auto;
    padding: 20px 25px 20px 25px;
    color: var(--color-modal-text);
  }

  .content.loading-initial.svelte-ha89ve {
    display: flex;
    align-items: center;
    justify-content: center;
    fill: var(--color-modal-loading);
  }

  .content.svelte-ha89ve > .icon {
    position: absolute;
    height: 30px;
    width: 30px;
    display: none;
  }

  .content.loading-initial.svelte-ha89ve > .icon {
    display: inherit;
  }

  .content.loading-initial.svelte-ha89ve form:where(.svelte-ha89ve) {
    visibility: hidden;
  }

  .button-group.svelte-ha89ve {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 25px;
    gap: 10px;
  }


  h1.svelte-1gtjqgm {
    color: var(--color-modal-header);
    font-size: 20px;
    font-weight: 500;
    padding: 20px 25px 0;
  }

  .content.svelte-1gtjqgm {
    overflow-y: auto;
    padding: 20px 25px 20px 25px;
    color: var(--color-modal-text);
  }

  .button-group.svelte-1gtjqgm {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    gap: 10px;
  }


  label.svelte-11ioa1x {
    display: block;
    font-size: 13px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .list.svelte-11ioa1x > .input-container {
    margin: 0 0 8px;
  }


  .label-text.svelte-1fvyau8 {
    display: block;
    font-size: 13px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .file-list.svelte-1fvyau8 {
    list-style: none;
    outline: none;
    background-color: var(--color-input-file-background);
    border: 1px solid var(--color-input-file-border);
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: var(--color-input-file-text);
    font-size: 14px;
  }

  .file-item.svelte-1fvyau8 {
    display: flex;
    overflow: hidden;
    padding: 7.5px 12px;
    text-overflow: ellipsis;
    transition: background-color 0.25s;
    white-space: nowrap;
    line-height: 1.25;
    align-items: center;
    justify-content: space-between;
  }

  .file-item.svelte-1fvyau8:not(:last-child) {
    border-bottom: solid 1px var(--color-input-file-border);
  }

  .file-label.svelte-1fvyau8 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .file-label.svelte-1fvyau8 > .icon {
    height: 14px;
    fill: currentColor;
    margin-right: 4px;
    opacity: 0.5;
  }

  .file-item.svelte-1fvyau8:hover .remove-file-button:where(.svelte-1fvyau8) {
    background-color: var(--color-input-file-remove-background-active);
    transition: background-color 125ms;
    fill: var(--color-input-file-remove-icon-active);
  }

  .remove-file-button.svelte-1fvyau8 {
    border: 0;
    border-radius: 3px;
    padding: 3px;
    display: flex;
    fill: var(--color-input-file-remove-icon);
    background-color: var(--color-input-file-remove-background);
    cursor: pointer;
  }

  .remove-file-button.svelte-1fvyau8 > .icon {
    height: 12px;
  }

  .zone.file.svelte-1fvyau8 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .zone.svelte-1fvyau8 {
    cursor: pointer;
    font-size: 12px;
    padding: 25px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-input-file-text);
    outline: none;
    background-color: var(--color-input-file-background);
    border: 1px solid var(--color-input-file-border);
    border-radius: 4px;
    fill: var(--color-input-file-icon);
    position: relative;
  }

  .zone.hovering.svelte-1fvyau8,
  .zone.svelte-1fvyau8:hover {
    border-color: var(--color-input-file-border-active);
    fill: var(--color-input-file-icon-active);
  }

  .zone.invalid.svelte-1fvyau8 {
    fill: var(--color-input-file-icon-invalid);
  }

  .zone.svelte-1fvyau8 > .icon {
    height: 64px;
    transition: fill 0.25s;
    width: 64px;
  }

  input.svelte-1fvyau8 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
  }


  h1.svelte-baxkai {
    color: var(--color-modal-header);
    font-size: 20px;
    font-weight: 500;
    padding: 20px 25px 0;
  }

  ul.svelte-baxkai {
    color: var(--color-modal-tab-label);
    font-size: 13px;
    font-weight: 500;
    margin: 5px 0 0;
    padding: 0 25px;
    box-shadow: inset 0 -1px 0 var(--color-modal-add-tab-bar-shadow);
  }

  li.svelte-baxkai {
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    padding: 5px 0 10px 0;
    position: relative;
  }

  li.active.svelte-baxkai {
    color: var(--color-modal-tab-label-active);
    font-weight: 700;
  }

  li.active.svelte-baxkai::after {
    background-color: var(--color-modal-tab-label-active);
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .content.svelte-baxkai {
    overflow-y: auto;
    padding: 20px 25px 20px 25px;
    color: var(--color-modal-text);
    position: relative;
  }

  .content.loading-initial.svelte-baxkai {
    display: flex;
    align-items: center;
    justify-content: center;
    fill: var(--color-modal-loading);
  }

  .content.svelte-baxkai > .icon {
    position: absolute;
    height: 30px;
    width: 30px;
    display: none;
  }

  .content.loading-initial.svelte-baxkai > .icon {
    display: inherit;
  }

  .content.loading-initial.svelte-baxkai form:where(.svelte-baxkai) {
    visibility: hidden;
  }

  .button-group.svelte-baxkai {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    gap: 10px;
  }


  .header.svelte-tn9snk {
    background: var(--color-top-bar-background);
    border-bottom: 1px solid var(--color-top-bar-border);
    color: var(--color-top-bar-text);
    display: flex;
    flex: 0 0 30px;
    height: 30px;
    justify-content: space-between;
    fill: var(--color-top-bar-inactive);
    transition: fill 0.25s;
  }

  .right.svelte-tn9snk {
    display: flex;
  }

  .button.svelte-tn9snk > .icon {
    height: 16px;
    width: 16px;
  }

  .group.svelte-tn9snk {
    padding: 0 10px;
    display: flex;
    height: 100%;
  }

  .button.svelte-tn9snk {
    background-color: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 46px;
  }

  .button.svelte-tn9snk:hover {
    background: rgba(51, 62, 74, 0.05);
    box-shadow:
      1px 0 rgba(51, 62, 74, 0.15),
      -1px 0 rgba(51, 62, 74, 0.15);
    fill: var(--color-top-bar-active);
  }

  .divider.svelte-tn9snk {
    background: rgba(122, 128, 128, 0.15);
    height: 100%;
    left: 0;
    width: 1px;
  }


  .bytes.svelte-1vysm79 {
    grid-area: bytes;
    font-size: 12px;
    transition: opacity 0.25s;
    white-space: nowrap;
  }

  .bytes.upload.svelte-1vysm79 {
    color: var(--color-upload);
  }

  .bytes.download.svelte-1vysm79 {
    color: var(--color-download);
  }

  .bytes__size.svelte-1vysm79 {
    font-size: 10px;
  }

  .hidden.svelte-1vysm79 {
    opacity: 0;
  }


  .limit.svelte-10yedzv {
    grid-area: limit;
    color: var(--color-background);
    border-radius: 2px;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: opacity 0.25s;
  }

  .limit.upload.svelte-10yedzv {
    background-color: var(--color-upload);
  }

  .limit.download.svelte-10yedzv {
    background-color: var(--color-download);
  }

  .limit.svelte-10yedzv > .icon {
    flex-grow: 1;
    fill: currentColor;
    height: 12px;
  }

  .speed__size.svelte-10yedzv {
    white-space: nowrap;
  }

  .hidden.svelte-10yedzv {
    opacity: 0;
  }


  .rates.svelte-1w405hz {
    display: grid;
    grid-template:
      'rate-download rate-upload' auto
      'timestamp timestamp' auto / 1fr 1fr;
    font-size: 12px;
    padding: 0 10px;
    line-height: 1;
  }

  .rate--download.svelte-1w405hz {
    grid-area: rate-download;
  }

  .rate--upload.svelte-1w405hz {
    grid-area: rate-upload;
  }

  .rate.svelte-1w405hz {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
  }

  .rate.svelte-1w405hz > .icon {
    display: block;
    opacity: 0.375;
    min-width: 20px;
    height: 20px;
  }

  .rate--download.svelte-1w405hz > .icon {
    fill: var(--color-download);
  }

  .rate--upload.svelte-1w405hz > .icon {
    fill: var(--color-upload);
  }

  .data.svelte-1w405hz {
    display: grid;
    grid-template:
      'speed speed speed' 26px
      'bytes limit -' auto / 1fr fit-content(20px) 1fr;
    column-gap: 5px;
    row-gap: 1px;
  }

  .speed.svelte-1w405hz {
    grid-area: speed;
    font-size: 24px;
    letter-spacing: -0.5px;
  }

  .speed--download.svelte-1w405hz {
    color: var(--color-download);
  }

  .speed--upload.svelte-1w405hz {
    color: var(--color-upload);
  }

  .speed__size.svelte-1w405hz {
    font-size: 16px;
    opacity: 0.5;
  }

  .timestamp.svelte-1w405hz {
    grid-area: timestamp;
    color: var(--color-graph-text);
    font-style: italic;
    text-align: center;
    width: 100%;
    transition: opacity 0.25s;
    margin-top: -8px;
  }

  .timestamp.hidden.svelte-1w405hz {
    opacity: 0;
  }

  .graph.svelte-1w405hz {
    width: 100%;
  }

  stop.download.svelte-1w405hz {
    stop-color: var(--color-download);
  }

  stop.upload.svelte-1w405hz {
    stop-color: var(--color-upload);
  }

  stop.top.svelte-1w405hz {
    stop-opacity: 0.2;
  }

  stop.bottom.svelte-1w405hz {
    stop-opacity: 0;
  }

  .line.svelte-1w405hz {
    stroke-opacity: 0.5;
    stroke-width: 2px;
    fill: transparent;
  }

  .line--upload.svelte-1w405hz {
    stroke: var(--color-upload);
  }

  .line--download.svelte-1w405hz {
    stroke: var(--color-download);
  }

  .circle--download.svelte-1w405hz {
    fill: var(--color-download);
  }

  .circle--upload.svelte-1w405hz {
    fill: var(--color-upload);
  }

  .circle.svelte-1w405hz {
    transition: opacity 0.2s;
    opacity: 0;
  }

  .circle--active.svelte-1w405hz {
    opacity: 1;
  }


  .wrapper.svelte-1tfxqt2 {
    position: relative;
  }

  .menu.svelte-1tfxqt2 {
    position: absolute;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 3px;
    color: var(--color-text);
    z-index: 1;
    min-width: 180px;
    top: 0;
    left: 0;
  }

  .header.svelte-1tfxqt2 {
    display: flex;
    align-items: center;
    line-height: 1;
    opacity: 0.7;
    font-size: 13px;
    border-bottom: solid 1px rgba(41, 51, 65, 0.05);
    cursor: pointer;
    transition:
      color 250ms,
      fill 250ms;
  }

  .header.svelte-1tfxqt2:hover {
    color: var(--color-active);
  }

  .list-header.svelte-1tfxqt2 {
    color: var(--color-dropdown-header);
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
    padding: 0 15px;
  }

  .lists.svelte-1tfxqt2 {
    display: flex;
    padding: 10px 0;
  }

  ul.svelte-1tfxqt2 {
    list-style: none;
  }

  li.svelte-1tfxqt2 {
    padding: 5px 15px;
    font-size: 13px;
    cursor: pointer;
    transition:
      background-color 0.25s,
      color 0.25s;
  }

  li.svelte-1tfxqt2:hover {
    background-color: rgba(233, 238, 242, 0.4);
  }

  .selected.svelte-1tfxqt2 {
    color: var(--color-active);
  }


  div.svelte-1442wxc {
    background-color: var(--color-switch-inactive);
    width: 32px;
    height: 20px;
    border-radius: 10px;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    transition: background-color 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    cursor: pointer;
    outline: none;
    flex-shrink: 0;
  }

  div.svelte-1442wxc::after {
    content: '';
    height: 14px;
    width: 14px;
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background-color: var(--color-switch-handle);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transform: 0;
  }

  .checked.svelte-1442wxc {
    background-color: var(--color-switch-active);
  }

  .checked.svelte-1442wxc::after {
    transform: translateX(12px);
  }


  .actions.svelte-7q1098 {
    fill: var(--color-text);
    display: flex;
    padding: 5px;
    margin-bottom: 5px;
  }

  .trigger.svelte-7q1098 {
    display: flex;
  }

  .actions.svelte-7q1098 .icon {
    padding: 10px;
    height: 13px;
    width: 13px;
    box-sizing: initial;
    transition: fill 0.25s;
  }

  .actions.svelte-7q1098 .icon:hover {
    fill: var(--color-active);
  }

  .alt-speed-row.svelte-7q1098 {
    border-top: solid 1px rgba(41, 51, 65, 0.05);
    padding: 10px 15px;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
  }


  .wrapper.svelte-1drstpi {
    position: relative;
  }

  .wrapper.svelte-1drstpi > .icon {
    fill: var(--color-search-icon);
    height: 22px;
    left: 17px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transition: fill 0.25s;
    transform: translateY(-50%);
    width: 22px;
  }

  .wrapper.svelte-1drstpi .input {
    border: 1px solid var(--color-search-border);
    border-left: none;
    border-right: none;
    border-radius: 0;
    background-color: var(--color-search-background);
    display: block;
    font-size: 16px;
    outline: none;
    padding: 12px 0 12px 45px;
    transition:
      background-color 0.25s,
      border 0.25s;
    width: 100%;
    height: auto;
  }

  .wrapper.svelte-1drstpi .input::placeholder {
    color: var(--color-search-placeholder);
    font-style: italic;
    transition: color 0.25s;
  }

  .wrapper.active.svelte-1drstpi .input,
  .wrapper.svelte-1drstpi:focus-within .input {
    color: var(--color-search-text);
    background: var(--color-search-background-active);
    border-bottom: 1px solid var(--color-search-border-active);
    border-top: 1px solid var(--color-search-border-active);
    padding-right: 45px;
  }

  .wrapper.active.svelte-1drstpi > .icon,
  .wrapper.svelte-1drstpi:focus-within > .icon {
    fill: var(--color-search-icon-active);
    opacity: 1;
  }


  .wrapper.svelte-1xoa37a {
    margin: 30px 20px 0;
    color: var(--color-panel-text);
    fill: currentColor;
  }

  h2.svelte-1xoa37a {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-panel-header);
  }

  ul.svelte-1xoa37a {
    list-style: none;
    margin-bottom: 30px;
  }

  li.svelte-1xoa37a {
    cursor: pointer;
    font-weight: 400;
    padding: 3px 0;
    display: flex;
    align-items: center;
    transition:
      fill 0.25s,
      color 0.25s;
    font-size: 13px;
  }

  li.svelte-1xoa37a:hover {
    color: var(--color-panel-hover);
  }

  li.svelte-1xoa37a:hover > .badge {
    background-color: var(--color-panel-hover);
  }

  li.active.svelte-1xoa37a {
    color: var(--color-panel-active);
    font-weight: 700;
  }

  li.svelte-1xoa37a > .icon {
    height: 14px;
    margin-right: 7px;
  }

  li.active.svelte-1xoa37a > .badge {
    background-color: var(--color-panel-active);
  }


  .wrapper.svelte-v9whl2 {
    margin: 30px 20px 0;
    color: var(--color-panel-text);
    fill: currentColor;
  }

  h2.svelte-v9whl2 {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-panel-header);
  }

  ul.svelte-v9whl2 {
    list-style: none;
    margin-bottom: 30px;
  }

  .path-item.svelte-v9whl2 {
    --progess-color: var(--color-progress-bar-stopped);
    --background-color: var(--color-progress-bar-stopped-background);

    font-weight: 400;
    padding: 3px 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    transition:
      fill 0.25s,
      color 0.25s;
    font-size: 13px;
  }

  .path-details.svelte-v9whl2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }


  div.svelte-1rzt5dr {
    grid-area: panel;
    background: var(--color-background);
    overflow-y: auto;
    height: 100vh;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  div.svelte-1rzt5dr::-webkit-scrollbar {
    display: none;
  }

  @media (max-width: 550px) {
    div.svelte-1rzt5dr {
      border-right: 1px solid var(--color-panel-border);
    }
  }


  .header.svelte-x0q6o5 {
    font-size: 13px;
    white-space: nowrap;
    border-right: 1px solid var(--color-column-header-border);
    cursor: pointer;
    flex: 0 0 auto;
    transition: color 0.15s;
    font-weight: 400;
    text-align: left;
    height: 24px;
    background-color: var(--color-column-header-background);
    box-shadow: 0 1px 0 var(--color-column-header-shadow);
    color: var(--color-column-header-text);
    position: sticky;
    top: 0;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px;
    transition: padding 200ms;
  }

  .header.sorting.svelte-x0q6o5 {
    color: var(--color-column-header-text-active);
    font-weight: 700;
    padding: 0 16px 0 8px;
  }

  .header.wrap.svelte-x0q6o5 {
    white-space: normal;
  }

  .header.svelte-x0q6o5:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid;
    content: '';
    margin-top: -3px;
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    transition:
      opacity 200ms,
      transform 200ms;
  }

  .header.sorting.svelte-x0q6o5:after {
    opacity: 0.5;
  }

  .header.asc.svelte-x0q6o5:after {
    transform: rotate(180deg);
  }

  .handle.svelte-x0q6o5 {
    top: 0;
    right: 0;
    width: 5px;
    position: absolute;
    cursor: col-resize;
    user-select: none;
    height: 100%;
  }


  .big.svelte-78sgwn {
    font-size: 14px;
  }

  .active.big.svelte-78sgwn,
  .seeding.big.svelte-78sgwn {
    font-weight: 500;
  }


  em.svelte-d1t7k0 {
    font-size: 10px;
    font-style: normal;
    margin-bottom: 0.1em;
    opacity: 0.8;
  }

  .speed.active.svelte-d1t7k0 {
    font-weight: 500;
    color: var(--color-download);
  }

  .speed.active.upload.svelte-d1t7k0 {
    color: var(--color-upload);
  }

  .selected.speed.active.svelte-d1t7k0 {
    color: var(--color-size-text-selected);
  }


  em.svelte-zmcn4d {
    font-size: 10px;
    font-style: normal;
  }


  .labels.svelte-1tghcvo {
    display: flex;
  }

  .labels.svelte-1tghcvo > .badge {
    background-color: var(--color-label-background);
    color: var(--color-label-text);
  }

  .labels.selected.svelte-1tghcvo > .badge {
    background-color: var(--color-label-background-selected);
    color: var(--color-label-text-selected);
  }

  .labels.selected.error.svelte-1tghcvo > .badge {
    background-color: var(--color-label-background-error);
    color: var(--color-label-text-error);
  }


  tr.svelte-uqzvgm {
    color: var(--color-torrent-text);
    font-size: 13px;
    height: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }

  tr.stopped.svelte-uqzvgm,
  tr.error.svelte-uqzvgm {
    color: var(--color-torrent-text-inactive);
  }

  tr.selected.svelte-uqzvgm {
    background-color: var(--color-torrent-background-selected);
    color: var(--color-torrent-text-selected);
  }

  tr.selected.error.svelte-uqzvgm {
    background-color: var(--color-torrent-background-selected-error);
  }

  td.svelte-uqzvgm {
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }


  .dropzone.svelte-1hudj88 {
    z-index: 99;
    position: sticky;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: var(--color-dropzone-background);
    display: none;
    align-items: center;
    justify-content: center;
  }

  .dropzone.hovering.svelte-1hudj88 {
    display: flex;
  }

  .dropzone.svelte-1hudj88:before {
    content: '';
    inset: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='30' ry='30' stroke='rgb(112, 133, 158)' stroke-width='15' stroke-dasharray='25' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    border-radius: 30px;
  }

  .dropzone-content.svelte-1hudj88 {
    color: var(--color-input-file-text);
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .dropzone-content.svelte-1hudj88 > .icon {
    height: 56px;
    width: 56px;
    fill: var(--color-input-file-icon-active);
  }

  input.svelte-1hudj88 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
  }


  .wrapper.svelte-12s0e7b {
    overflow: auto;
    position: relative;
    background-color: var(--color-torrent-list-background);
  }

  .table.svelte-12s0e7b {
    border-spacing: 0;
    table-layout: fixed;
    user-select: none;
  }


  .alert-container.svelte-olzijq {
    background: var(--color-alert-background);
    border-radius: 3px;
    bottom: 5px;
    color: var(--color-alert-text);
    font-size: 0.85rem;
    padding: 10px 15px;
    position: fixed;
    right: 5px;
    width: 250px;
    z-index: 20;
  }

  .alert.svelte-olzijq {
    display: flex;
    margin-bottom: 10px;
  }

  .alert.svelte-olzijq:last-child {
    margin-bottom: 0px;
  }

  .alert.positive.svelte-olzijq {
    fill: var(--color-alert-positive);
  }

  .alert.negative.svelte-olzijq {
    fill: var(--color-alert-negative);
  }

  .alert.svelte-olzijq > .icon {
    flex: 0 0 20px;
  }

  .message.svelte-olzijq {
    flex: 1 1 auto;
    margin-left: 5px;
  }


  main.svelte-1duie5y {
    display: grid;
    grid-template: 'panel content' 1fr / 0 1fr;
  }

  main.panel.svelte-1duie5y {
    grid-template: 'panel content' 1fr / 240px 1fr;
  }

  .content.svelte-1duie5y {
    grid-area: content;
    display: grid;
    height: 100vh;
    grid-template:
      'header' auto
      'torrentlist' 1fr / 1fr;
  }

  @media (max-width: 550px) {
    main.svelte-1duie5y,
    main.panel.svelte-1duie5y {
      grid-template: 'content' 1fr / 100vw;
    }

    main.panel.svelte-1duie5y > .panel {
      position: absolute;
      left: 0;
      top: 0;
      width: 240px;
      z-index: 2;
    }
  }


  h2.svelte-1kue5c1 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 12px 0;
  }


  .wrapper.svelte-l5dli4 {
    min-height: 100%;
    display: flex;
  }

  .wrapper.loading-initial.svelte-l5dli4 {
    align-items: center;
    justify-content: center;
    fill: var(--color-modal-loading);
  }

  .wrapper.svelte-l5dli4 > .icon {
    position: absolute;
    height: 30px;
    width: 30px;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .wrapper.loading-initial.svelte-l5dli4 > .icon {
    display: inherit;
  }

  .wrapper.loading-initial.svelte-l5dli4 form:where(.svelte-l5dli4) {
    visibility: hidden;
  }

  form.svelte-l5dli4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1;
    color: var(--color-modal-text);
  }

  form.svelte-l5dli4 .checkbox {
    margin-bottom: 15px;
  }

  .buttons.svelte-l5dli4 {
    flex-grow: 1;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
  }


  .wrapper.svelte-l5dli4 {
    min-height: 100%;
    display: flex;
  }

  .wrapper.loading-initial.svelte-l5dli4 {
    align-items: center;
    justify-content: center;
    fill: var(--color-modal-loading);
  }

  .wrapper.svelte-l5dli4 > .icon {
    position: absolute;
    height: 30px;
    width: 30px;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .wrapper.loading-initial.svelte-l5dli4 > .icon {
    display: inherit;
  }

  .wrapper.loading-initial.svelte-l5dli4 form:where(.svelte-l5dli4) {
    visibility: hidden;
  }

  form.svelte-l5dli4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1;
    color: var(--color-modal-text);
  }

  form.svelte-l5dli4 .checkbox {
    margin-bottom: 15px;
  }

  .buttons.svelte-l5dli4 {
    flex-grow: 1;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
  }


  .wrapper.svelte-580wfe {
    min-height: 100%;
    display: flex;
  }

  .wrapper.loading-initial.svelte-580wfe {
    align-items: center;
    justify-content: center;
    fill: var(--color-modal-loading);
  }

  .wrapper.svelte-580wfe > .icon {
    position: absolute;
    height: 30px;
    width: 30px;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .wrapper.loading-initial.svelte-580wfe > .icon {
    display: inherit;
  }

  .wrapper.loading-initial.svelte-580wfe form:where(.svelte-580wfe) {
    visibility: hidden;
  }

  form.svelte-580wfe {
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1;
    color: var(--color-modal-text);
  }

  form.svelte-580wfe .checkbox,
  form.svelte-580wfe .select {
    margin-bottom: 15px;
  }

  .update-wrapper.svelte-580wfe {
    margin-bottom: 15px;
  }

  .buttons.svelte-580wfe {
    flex-grow: 1;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
  }


  .wrapper.svelte-l5dli4 {
    min-height: 100%;
    display: flex;
  }

  .wrapper.loading-initial.svelte-l5dli4 {
    align-items: center;
    justify-content: center;
    fill: var(--color-modal-loading);
  }

  .wrapper.svelte-l5dli4 > .icon {
    position: absolute;
    height: 30px;
    width: 30px;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .wrapper.loading-initial.svelte-l5dli4 > .icon {
    display: inherit;
  }

  .wrapper.loading-initial.svelte-l5dli4 form:where(.svelte-l5dli4) {
    visibility: hidden;
  }

  form.svelte-l5dli4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1;
    color: var(--color-modal-text);
  }

  form.svelte-l5dli4 .checkbox {
    margin-bottom: 15px;
  }

  .buttons.svelte-l5dli4 {
    flex-grow: 1;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
  }


  form.svelte-1bgh9ce {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1;
    color: var(--color-modal-text);
  }

  form.svelte-1bgh9ce .checkbox .indicator {
    background: var(--color-checkbox-background-dark);
    border-color: var(--color-checkbox-border-dark);
  }

  .buttons.svelte-1bgh9ce {
    flex-grow: 1;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
  }

  .list.svelte-1bgh9ce {
    margin-bottom: 15px;
    border-radius: 3px;
    overflow: hidden;
  }

  .column.svelte-1bgh9ce {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-modal-user-interface-column-background);
    border: 1px solid var(--color-modal-user-interface-column-border);
    cursor: move;
    height: 30px;
    padding: 0 5px;
    font-size: 13px;
  }

  .hint.svelte-1bgh9ce {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 8px;
  }


  p.svelte-1ksxp1a {
    color: var(--color-modal-text);
    font-size: 14px;
    margin-bottom: 15px;
  }

  a.svelte-1ksxp1a {
    color: var(--color-modal-link);
    text-decoration: none;
  }