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

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


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

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

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


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

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

  .content.svelte-7n4l3r {
    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-7n4l3r {
    width: 700px;
    height: 80%;
  }

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


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

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


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

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

  .slider.svelte-tg8ccn::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-tg8ccn::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-tg8ccn {
    --color: var(--color-priority-high);
  }

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

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

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

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

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

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

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


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

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


  .progress-renderer.svelte-xnt84q {
    --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-xnt84q .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-xnt84q {
    --progess-color: var(--color-progress-bar-upload);
    --background-color: var(--color-progress-bar-upload-background);
  }

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

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

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

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

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


  .header.svelte-1ddcqbt {
    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-1ddcqbt {
    font-size: 20px;
    color: var(--color-modal-header);
    font-weight: 500;
    line-height: 1.25;
    word-break: break-word;
    cursor: pointer;
  }

  .subheading.svelte-1ddcqbt {
    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-1ddcqbt {
    display: flex;
    align-items: center;
    gap: 13px;
  }

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

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

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

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

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

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

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

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


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


  .badge.svelte-a0twff {
    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-seogez {
    margin-bottom: 15px;
  }

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

  .input-wrapper.svelte-seogez {
    position: relative;
  }

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

  .input-wrapper.svelte-seogez .addon:where(.svelte-seogez) {
    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-seogez .addon:where(.svelte-seogez):hover {
    fill: var(--color-input-addon-icon-active);
  }

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

  input.svelte-seogez {
    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-seogez::placeholder {
    color: var(--color-input-placeholder);
  }

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

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

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

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

  input.svelte-seogez::-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-seogez: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-seogez:active::-webkit-calendar-picker-indicator,
  input.svelte-seogez: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-seogez {
    -moz-appearance: textfield;
  }

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


  button.svelte-yayskl {
    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-yayskl .icon {
    width: 12px;
    height: 12px;
  }

  button.primary.svelte-yayskl {
    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-yayskl {
    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-yayskl {
    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-yayskl {
    background: var(--color-button-quaternary-background);
    border-color: var(--color-button-quaternary-border);
    color: var(--color-button-quaternary-text);
  }


  .select.svelte-1wdleyx {
    position: relative;
  }

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

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

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

  .arrow.svelte-1wdleyx {
    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-1wdleyx {
    transform: rotate(180deg);
  }

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

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

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

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

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


  label.svelte-m7nwdf {
    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-m7nwdf {
    visibility: hidden;
    position: absolute;
  }

  .indicator.svelte-m7nwdf {
    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-m7nwdf > .icon {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
  }

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

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

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

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

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

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


  ul.svelte-1razc4r {
    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-1razc4r > li {
    cursor: pointer;
    padding: 5px 15px;
    transition:
      background-color 250ms,
      color 250ms;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

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

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


  .content.svelte-g8jxx {
    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-g8jxx::after {
    content: '';
    height: 25px;
  }

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

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

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

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

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

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

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

  .column.column--value.svelte-g8jxx {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 5px;
    word-break: break-all;
  }

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

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


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

  .content.selected.svelte-14vosgx {
    padding: 20px 25px 5px;
  }

  .bar-spacing.svelte-14vosgx {
    padding: 9px 25px;
  }

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

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

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


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

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

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

  .icon-checkbox.svelte-r6egyy > .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-r6egyy > .checkbox {
    position: absolute;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    right: 0;
  }


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

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

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

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

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

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

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


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

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

  .select-container.svelte-15ic2wh {
    flex-grow: 1;
  }


  .container.svelte-6nifdd {
    padding: 20px 25px;
    height: 100%;
    overflow-y: auto;
  }

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

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

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

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

  td.svelte-6nifdd {
    padding: 0 5px;
    line-height: 16px;
    white-space: nowrap;
  }

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

  .address-cell.svelte-6nifdd {
    position: relative;
  }

  .address.svelte-6nifdd {
    margin-left: 23px;
  }

  .flag.svelte-6nifdd {
    width: 16px;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    left: 5px;
  }

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

  nav.svelte-ya31yp {
    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-ya31yp {
    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-ya31yp {
    border-color: var(--color-modal-tab-label-active);
    color: var(--color-modal-tab-label-active);
    font-weight: 700;
  }

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

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

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

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


  .menu.svelte-ponbgr {
    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-ponbgr {
    color: var(--color-modal-header);
    font-weight: 500;
    font-size: 20px;
    padding: 0 5px 5px;
  }

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

  li.svelte-ponbgr {
    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-ponbgr {
    color: var(--color-modal-tab-label-active);
    font-weight: 700;
    border-color: var(--color-modal-tab-label-active);
  }

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

    ul.svelte-ponbgr {
      display: flex;
      flex-wrap: wrap;
    }

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


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

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

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

    .content.svelte-15loue9 {
      padding: 10px 25px;
    }
  }


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

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

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

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


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

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

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

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

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

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

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


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

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

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


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

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


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

  .file-list.svelte-ycabd3 {
    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-ycabd3 {
    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-ycabd3:not(:last-child) {
    border-bottom: solid 1px var(--color-input-file-border);
  }

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

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

  .file-item.svelte-ycabd3:hover .remove-file-button:where(.svelte-ycabd3) {
    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-ycabd3 {
    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-ycabd3 > .icon {
    height: 12px;
  }

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

  .zone.svelte-ycabd3 {
    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-ycabd3,
  .zone.svelte-ycabd3:hover {
    border-color: var(--color-input-file-border-active);
    fill: var(--color-input-file-icon-active);
  }

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

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

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


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

  ul.svelte-iuoay9 {
    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-iuoay9 {
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    padding: 5px 0 10px 0;
    position: relative;
  }

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

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

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

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

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

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

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

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


  .header.svelte-19pmbzp {
    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-19pmbzp {
    display: flex;
  }

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

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

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

  .button.svelte-19pmbzp: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-19pmbzp {
    background: rgba(122, 128, 128, 0.15);
    height: 100%;
    left: 0;
    width: 1px;
  }


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

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

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

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

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


  .limit.svelte-1iplagl {
    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-1iplagl {
    background-color: var(--color-upload);
  }

  .limit.download.svelte-1iplagl {
    background-color: var(--color-download);
  }

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

  .speed__size.svelte-1iplagl {
    white-space: nowrap;
  }

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


  .rates.svelte-12035a7 {
    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-12035a7 {
    grid-area: rate-download;
  }

  .rate--upload.svelte-12035a7 {
    grid-area: rate-upload;
  }

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

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

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

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

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

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

  .speed--download.svelte-12035a7 {
    color: var(--color-download);
  }

  .speed--upload.svelte-12035a7 {
    color: var(--color-upload);
  }

  .speed__size.svelte-12035a7 {
    font-size: 16px;
    opacity: 0.5;
  }

  .timestamp.svelte-12035a7 {
    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-12035a7 {
    opacity: 0;
  }

  .graph.svelte-12035a7 {
    width: 100%;
  }

  stop.download.svelte-12035a7 {
    stop-color: var(--color-download);
  }

  stop.upload.svelte-12035a7 {
    stop-color: var(--color-upload);
  }

  stop.top.svelte-12035a7 {
    stop-opacity: 0.2;
  }

  stop.bottom.svelte-12035a7 {
    stop-opacity: 0;
  }

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

  .line--upload.svelte-12035a7 {
    stroke: var(--color-upload);
  }

  .line--download.svelte-12035a7 {
    stroke: var(--color-download);
  }

  .circle--download.svelte-12035a7 {
    fill: var(--color-download);
  }

  .circle--upload.svelte-12035a7 {
    fill: var(--color-upload);
  }

  .circle.svelte-12035a7 {
    transition: opacity 0.2s;
    opacity: 0;
  }

  .circle--active.svelte-12035a7 {
    opacity: 1;
  }


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

  .menu.svelte-1ytweo3 {
    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-1ytweo3 {
    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-1ytweo3:hover {
    color: var(--color-active);
  }

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

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

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

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

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

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


  div.svelte-gdvgrh {
    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-gdvgrh::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-gdvgrh {
    background-color: var(--color-switch-active);
  }

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


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

  .trigger.svelte-1mgvcyu {
    display: flex;
  }

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

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

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


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

  .wrapper.svelte-1i85hml > .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-1i85hml .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-1i85hml .input::placeholder {
    color: var(--color-search-placeholder);
    font-style: italic;
    transition: color 0.25s;
  }

  .wrapper.active.svelte-1i85hml .input,
  .wrapper.svelte-1i85hml: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-1i85hml > .icon,
  .wrapper.svelte-1i85hml:focus-within > .icon {
    fill: var(--color-search-icon-active);
    opacity: 1;
  }


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

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

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

  li.svelte-lwznar {
    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-lwznar:hover {
    color: var(--color-panel-hover);
  }

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

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

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

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


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

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

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

  .path-item.svelte-v1k3ev {
    --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-v1k3ev {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }


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

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

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


  .header.svelte-1qcist8 {
    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-1qcist8 {
    color: var(--color-column-header-text-active);
    font-weight: 700;
    padding: 0 16px 0 8px;
  }

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

  .header.svelte-1qcist8: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-1qcist8:after {
    opacity: 0.5;
  }

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

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


  .big.svelte-1pggmh2 {
    font-size: 14px;
  }

  .active.big.svelte-1pggmh2,
  .seeding.big.svelte-1pggmh2 {
    font-weight: 500;
  }


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

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

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

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


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


  .labels.svelte-op4pfj {
    display: flex;
  }

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

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

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


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

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

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

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

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


  .dropzone.svelte-1jigwx8 {
    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-1jigwx8 {
    display: flex;
  }

  .dropzone.svelte-1jigwx8: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-1jigwx8 {
    color: var(--color-input-file-text);
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

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

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


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

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


  .alert-container.svelte-1cgkex3 {
    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-1cgkex3 {
    display: flex;
    margin-bottom: 10px;
  }

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

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

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

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

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


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

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

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

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

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


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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

  .column.svelte-8u8aby {
    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-8u8aby {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 8px;
  }


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

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