@jesec/flood 0.0.0-master.63f34be → 0.0.0-master.652f7d6

package/CHANGELOG.md

@@ -1,5 +1,244 @@
 # Changelog
 
+## [4.7.0] (October 9, 2021)
+
+- Display total size by tag or tracker of torrents on sidebar (#369, @sabersalv)
+- Improve memoization of "TorrentListRow" and "ProgressBar" components
+- Fix loading indicator bar alignment (#396, @DopyConqueror)
+- New translations
+  - Arabic, thanks to yngams
+  - Chinese Simplified, thanks to @davidxuang
+  - Czech, thanks to @Kedlub
+  - Italian, thanks to @GiorgioBrux
+  - German, thanks to @Kiina
+  - Japanese, thanks to @Kuri0421 and @Kiina
+  - Korean, thanks to @Kiina
+  - Polish, thanks to @retmas-gh
+  - Spanish, thanks to @oaknuggins
+  - Norwegian, thanks to Daddie0
+- Bump dependencies
+
+## [4.6.1] (July 5, 2021)
+
+- DiskUsage: skip mount points of "overlayfs" type (#341, @Trim21)
+- Deluge:
+  - Avoid crashing Flood when there is a connection error
+  - Note again that Deluge support is still experimental
+- Bug fixes:
+  - Cleanup synchronous patterns (#340)
+  - AuthForm: add missing i18n for "Username" and "Password" (#336)
+  - server: destroy user services before cleaning up data
+  - TorrentListCell: passthrough clicks
+- New translations
+  - French, thanks to @foXaCe
+  - German, thanks to @chint95
+  - Korean, thanks to @Kiina
+  - Romanian, thanks to @T-z3P
+- Bump dependencies
+
+## [4.6.0] (May 28, 2021)
+
+- Experimental Deluge support
+  - caveat: tags are not supported at the moment
+- Add "last active date" and "finished date" to the torrent properties
+- Migrate stylesheets to SCSS module system
+- Ditch inefficient "TRANSFER_SUMMARY_DIFF_CHANGE" SSE event
+- Allow to download contents of multiple selected torrents
+- Update base Node.js versions of single-executable builds
+- rTorrent:
+  - Add torrents to rTorrent via socket
+- qBittorrent:
+  - Improve performance by throttling concurrent requests
+- Bug fixes:
+  - Fix memory leak and unreliability when the settings of a user is updated by simplifying service manager
+  - Pipe created torrent to response directly
+- Security enhancements:
+  - Forbid non-owner access to runtime directory by default
+- New translations
+  - Chinese (Simplified), thanks to @coxde
+  - Czech, thanks to @brezinajn
+  - German, thanks to @chint95
+  - Hungarian, thanks to @m3r3nix
+  - Korean, thanks to @Kiina
+  - Spanish, thanks to Zagon
+- Bump dependencies
+
+## [4.5.4] (April 24, 2021)
+
+- Bug fixes:
+  - "Torrents with long names get truncated in torrent detail modal (#273)" on Safari
+- New translations
+  - Chinese (Simplified), thanks to @coxde
+  - Dutch, thanks to John Willemsen
+  - Italian, thanks to Simone De Nadai
+- Bump dependencies
+
+## [4.5.3] (April 10, 2021)
+
+- Bug fixes:
+  - Tags need a F5 refresh to be displayed after being set (#266)
+  - Torrents with long names get truncated in torrent detail modal (#273)
+  - qBittorrent: allow .torrent download with new session directory path (#275, @angristan)
+- New translations
+  - French, thanks to @foXaCe
+  - Hungarian, thanks to @m3r3nix
+  - Japanese, thanks to @Kiina
+  - Korean, thanks to @Kiina
+  - Spanish, thanks to @Shutruk
+- Bump dependencies
+
+## [4.5.2] (April 4, 2021)
+
+- Add "Log Out" button to connection interrupted page
+- Add "tini" init process to containers (#260, @onedr0p)
+- Bug fixes:
+  - No longer fails to add some URLs to rTorrent with XMLRPC
+  - Fix `Connection settings can not be empty.` after submit
+- Bump dependencies
+
+## [4.5.1] (March 31, 2021)
+
+- Allow to press Ctrl-A or Command-A to select all torrents
+- Enlarge width of "Torrent Details" modal
+- Bug fixes:
+  - Fix multi-file "Move torrents" of rTorrent (XMLRPC)
+  - Don't close the notification panel when a button is clicked
+- New translations
+  - Czech, thanks to @brezinajn
+  - Italian, thanks to @gmcinalli
+  - Korean, thanks to @Kiina and @m4ximuel
+- Bump dependencies
+
+## [4.5.0] (March 14, 2021)
+
+- Reannounce. Typically torrent clients do that automatically, but in some cases you may want to do it manually. It is available as a context menu action.
+- Redesigned filesystem browser. Allow searching in the current directory and eliminate unnecessary requests sent to server. Additionally, navigation via arrow keys is implemented (mainly for accessibility but could be useful for anyone).
+- Major accessibility enhancements. All elements are now navigable by keyboard.
+- Improve scrolling performance by overscanning 30 rows.
+- rTorrent:
+  - JSON-RPC support for eligible versions. Preliminary tests showed that, when compared with XMLRPC, JSON-RPC yields 2x performance, 15% lower total CPU time in rTorrent process, 33% lower total CPU time in Flood process.
+  - `load.throw` command support for eligible versions. Definitive response when you add torrents, so Flood won't display success when the operation actually fails.
+  - Better handle command failures.
+  - Verify filesystem access and respond with errors when necessary.
+- Bug fixes:
+  - Fix French mistranslation
+  - Fix button location in download rules tab of feed modal
+  - Fix "Set tracker" of single tracker torrents in rTorrent
+  - Fix "Checking" bar selected style for dark color scheme
+  - Recognize qBittorrent's "Forced" state
+  - Disk usage service errors are no longer fatal
+- New translations
+  - Chinese (Simplified), thanks to @MeetWq
+  - Chinese (Traditional), thanks to @vongola12324
+  - Czech, thanks to @brezinajn
+  - French, thanks to @Carryozor and @foXaCe
+  - German, thanks to @chint95
+  - Hungarian, thanks to @m3r3nix
+  - Romanian, thanks to @T-z3P
+- Bump dependencies
+
+## [4.4.1] (February 6, 2021)
+
+- Better handle tracker domain conversion and grouping
+- Wrap texts (e.g. long IPv6 addresses and peer client versions) in tables of torrent details if necessary
+- Distribution:
+  - CI now publishes releases to AUR (Arch Linux User Repository)
+  - CI now publishes Debian (`.deb`) packages to Github Releases
+  - Contributions are welcome. See [distribution/README.md](https://github.com/jesec/flood/blob/v4.4.1/distribution/README.md).
+- rTorrent fixes:
+  - Remove [] from IPv6 addresses in peer list
+- Bug fixes:
+  - Remove ugly outline and highlight of focused button caused by an a11y change
+  - Try to workaround potential index.html caching issues
+    - Browser uses a fully cached asset tree in some cases, which defeats cache busting by asset hashes
+- New translations
+  - Finnish, thanks to @hyvamiesh
+  - German, thanks to @chint95
+- Bump dependencies
+
+## [4.4.0] (February 2, 2021)
+
+- Return a portable link when torrent content is requested
+  - Allow sharing of links to other people
+  - Allow casting (Chromecast, Airplay) of content to devices which can't authenticate with Flood
+  - Allow copying the link and paste it to a player application so more formats can be streamed
+  - Allow external downloaders to use the link
+- Allow to register to handle magnet links in "Add by URL" panel
+  - Support for "add-urls" frontend query action is added
+  - e.g. `http://localhost:3000/?action=add-urls&url=magnet:?xt=`
+- Allow to download .torrent file of a torrent
+- Add sequential downloading support for applicable clients
+  - rTorrent: requires "d.down.sequential(.set)" commands, see [jesec/rtorrent@bd904e3](https://github.com/jesec/rtorrent/commit/bd904e366367cb9cbe007381089eea066253c9e9)
+  - qBittorrent: supported
+  - Transmission: rejected, see [https://trac.transmissionbt.com/ticket/452](https://trac.transmissionbt.com/ticket/452)
+- Add initial seeding (aka superseeding) support for applicable clients
+  - [BEP16](https://www.bittorrent.org/beps/bep_0016.html)
+    - Saves bandwidth for initial seeder and quickly kicks off a healthy swarm
+    - NOT recommended for non-initial seeders
+  - rTorrent: not exposed to RPC interface, requires [jesec/rtorrent@657089d](https://github.com/jesec/rtorrent/commit/657089d438f917714c2386c28ce9d01a6e6a2737)
+  - qBittorrent: supported
+  - Transmission: not supported, see [https://trac.transmissionbt.com/ticket/1691](https://trac.transmissionbt.com/ticket/1691)
+- Display existing tags in alphabetical order in tag selector
+- Optionally skip assets serving with `--assets=false`
+  - May be useful for users who serve static assets from their own servers
+  - Or developers who don't want to build assets before starting a server instance
+- Refresh manifest and assets related to PWA (Progressive Web Application) support
+- Separate locale and language when using "Automatic" language setting
+  - Deal with minor locale differences (e.g. date formats) between language variants
+  - See [#123](https://github.com/jesec/flood/issues/123)
+- Remove inconsistency of clients by normalizing hashes in API responses to upper case
+- Explicitly pass paths of contents to mediainfo
+  - So unrelated files in the same folder won't be processed by mediainfo
+- Remove dependency on shell in disk usage functions
+  - New distribution-less (distroless) Docker image is now available, which has smaller size and allows maximum security
+- Standalone executable:
+  - Now available for `linux-arm64` and `win-arm64`
+  - Bundled Node.js runtime bumped to 14.15.4
+  - Linux binaries are now fully static
+  - Customized Node.js runtime with smaller size and memory consumption
+- rTorrent fixes:
+  - Create destination directory structure before moving torrent
+  - Flood API responses no longer mixes with unprocessed rTorrent method call responses
+  - Properly handle multi tags while adding
+  - Remove torrents (with data) can delete empty directories
+- qBittorrent fixes:
+  - Fix "isBasePath" for newer versions
+  - Implement "isCompleted" (skip_checking)
+  - Trim whitespace in `tags` property
+  - Optionally set website cookie for torrent fetching (add by URL)
+- Security enhancements:
+  - Don't leak details of internal errors
+  - Rate limits /data API endpoint
+- Bug fixes:
+  - Pack torrent contents one by one to avoid out-of-memory during batch downloading
+  - Potential crashes related to disk usage functions in rare Docker environments
+  - Disallow comma in tag
+- New translations
+  - Chinese (Traditional), thanks to @vongola12324
+  - Czech, thanks to @brezinajn
+  - Dutch, thanks to @vain4us
+  - French, thanks to @Carryozor
+  - German, thanks to @Ben-Wallner
+  - Hungarian, thanks to @m3r3nix
+  - Romanian, thanks to @T-z3P
+  - Spanish, thanks to @almontegil
+- Bump dependencies
+
+Additionally, Sonarr [#4159](https://github.com/Sonarr/Sonarr/pull/4159) and Radarr [#5552](https://github.com/Radarr/Radarr/pull/5552) now supports Flood natively.
+
+**Notes about sequential downloading:**
+
+Drawbacks:
+
+- https://wiki.vuze.com/w/Sequential_downloading_is_bad
+
+Benefits:
+
+- Sequential downloading helps with I/O performance and lowers resource consumption and cost of hardware. It enables predictable I/O patterns and efficient caching. My hard disk is really noisy while downloading a torrent. But with sequential downloading, it does not make a sound. Speed is much better as well. Sequential I/O patterns also eliminate disk fragmentation problem that damages performance/lifespan of hard disks in long-term, which is a headache for long seeders.
+- "It is bad for swarms." That's correct for unhealthy swarms. However, for private torrent users, in most cases, the seeder/leecher relationship is "many seeder, single/little leecher". Plus, with the incentives/punishments of tracker sites, there is little to no risk of "draining". As such, it makes more sense to protect hardware of everyone in the swarm. Predictable I/O patterns also allow seeders to seed many torrents more efficiently: if leechers use sequential download, the read patterns become predictably sequential, which allows better I/O performance and reduces the failure rate of hard disks.
+- For seedbox users: seedboxes are virtual machines. That means many users share the same physical machine. Random chunk downloading is extremely taxing on disks. As a result, usually the speeds are limited by I/O more than bandwidth. If the swarm pattern is usually "many seeder, single leecher", sequential downloading can help a lot.
+- Widely known "self" benefits: stream early, stream while downloading, organize episodes quick and unpack some files before finish, etc.
+
 ## [4.3.1] (December 10, 2020)
 
 - Make theme button always at the bottom of sidebar
@@ -173,7 +412,7 @@ Other changes:
 - config.cli: make all configs configurable by options and env
 - styles: properly set width of clipboard icon (fixes #26)
 - client: hide logout button when auth is disabled
-- Hungarian support (#21), thanks to @sfu420
+- Hungarian support (#21), thanks to @m3r3nix
 - New translations:
   - Chinese Traditional, thanks to @vongola12324
   - Czech, thanks to @brezina.jn
@@ -287,3 +526,13 @@ Other changes:
 [4.2.0]: https://github.com/jesec/flood/compare/v4.1.2...v4.2.0
 [4.3.0]: https://github.com/jesec/flood/compare/v4.2.0...v4.3.0
 [4.3.1]: https://github.com/jesec/flood/compare/v4.3.0...v4.3.1
+[4.4.0]: https://github.com/jesec/flood/compare/v4.3.1...v4.4.0
+[4.4.1]: https://github.com/jesec/flood/compare/v4.4.0...v4.4.1
+[4.5.0]: https://github.com/jesec/flood/compare/v4.4.1...v4.5.0
+[4.5.1]: https://github.com/jesec/flood/compare/v4.5.0...v4.5.1
+[4.5.2]: https://github.com/jesec/flood/compare/v4.5.1...v4.5.2
+[4.5.3]: https://github.com/jesec/flood/compare/v4.5.2...v4.5.3
+[4.5.4]: https://github.com/jesec/flood/compare/v4.5.3...v4.5.4
+[4.6.0]: https://github.com/jesec/flood/compare/v4.5.4...v4.6.0
+[4.6.1]: https://github.com/jesec/flood/compare/v4.6.0...v4.6.1
+[4.7.0]: https://github.com/jesec/flood/compare/v4.6.1...v4.7.0

package/README.md

@@ -4,15 +4,28 @@
 
 [![Github Actions build status badge](https://github.com/jesec/flood/workflows/Build/badge.svg?branch=master&event=push)](https://github.com/jesec/flood/actions) [![Crowdin](https://badges.crowdin.net/flood/localized.svg)](https://crowdin.com/project/flood) [![Discord server badge](https://img.shields.io/discord/418267176873623553.svg?style=flat-square)](https://discord.gg/Z7yR5Uf)
 
-Flood is a monitoring service for various torrent clients. It's a Node.js service that communicates with your favorite torrent client and serves a decent web UI for administration. This project is based on the [original Flood project](https://github.com/Flood-UI/flood).
+Flood is a monitoring service for various torrent clients. It's a Node.js service that communicates with your favorite torrent client and serves a decent web UI for administration. [Flood-UI](https://github.com/Flood-UI) organization hosts related projects.
 
 #### Supported Clients
 
-| Client                                                          | Support                              |
-| --------------------------------------------------------------- | ------------------------------------ |
-| [rTorrent](https://github.com/rakshasa/rtorrent)                | Stable and Tested :white_check_mark: |
-| [qBittorrent](https://github.com/qbittorrent/qBittorrent) v4.1+ | Experimental :alembic:               |
-| [Transmission](https://github.com/transmission/transmission)    | Experimental :alembic:               |
+| Client                                                          | Support                                                                                                      |
+| --------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
+| [rTorrent](https://github.com/rakshasa/rtorrent)                | :white_check_mark: ([tested](https://github.com/jesec/flood/blob/master/server/.jest/rtorrent.setup.js))     |
+| [qBittorrent](https://github.com/qbittorrent/qBittorrent) v4.1+ | :white_check_mark: ([tested](https://github.com/jesec/flood/blob/master/server/.jest/qbittorrent.setup.js))  |
+| [Transmission](https://github.com/transmission/transmission)    | :white_check_mark: ([tested](https://github.com/jesec/flood/blob/master/server/.jest/transmission.setup.js)) |
+| [Deluge](https://github.com/deluge-torrent/deluge) v2+          | :alembic: Experimental                                                                                       |
+
+#### Integrating with Flood
+
+APIs are officially documented inline by the [comments](https://github.com/jesec/flood/blob/f7019001dd81ee8401c87d4c4cd6da6f5f520611/server/routes/api/torrents.ts#L106-L117) and [types](https://github.com/jesec/flood/blob/f7019001dd81ee8401c87d4c4cd6da6f5f520611/shared/schema/api/torrents.ts#L10-L32).
+
+You can also check out:
+
+- [community documentation site](https://flood-api.netlify.app)
+- [list of unofficial client API libraries](https://github.com/jesec/flood/wiki/List-of-unofficial-client-API-libraries)
+- [list of unofficial API integrations](https://github.com/jesec/flood/wiki/List-of-unofficial-API-integrations)
+
+Flood conforms to [Semantic Versioning](https://semver.org) conventions.
 
 #### Feedback
 
@@ -28,14 +41,16 @@ Check out the [Wiki](https://github.com/jesec/flood/wiki) for more information.
 
 Install [Node.js runtime](https://nodejs.org/). Flood tracks `Current` and provides support to `Active LTS` as well.
 
-- Debian, Ubuntu and RHEL-based distributions users can install latest `nodejs` from [NodeSource](https://github.com/nodesource/distributions) software repository.
-- Windows and MacOS users may use installer.
+- Debian, Ubuntu (`apt`/`.deb`) and Enterprise Linux (`yum`/`dnf`/`.rpm`) -based distributions users can install `nodejs` from [NodeSource](https://github.com/nodesource/distributions) software repository.
+- Windows users can use [winget](https://docs.microsoft.com/en-us/windows/package-manager/winget), [Chocolatey](https://chocolatey.org/packages/nodejs) or installer.
+- macOS users can use [brew](https://brew.sh/) or installer.
+- Check [Node.js website](https://nodejs.org/en/download/package-manager) for more.
 
-**EXPERIMENTAL**: You can download a single-executable build from [Releases](https://github.com/jesec/flood/releases) (or rolling build from [Actions](https://github.com/jesec/flood/actions?query=workflow%3A%22Publish+rolling+build%22)). It bundles `Node.js` and supports `Linux`, `MacOS` and `Windows`.
+**EXPERIMENTAL**: You can download a single-executable build from [Releases](https://github.com/jesec/flood/releases) (or rolling build from [Actions](https://nightly.link/jesec/flood/workflows/publish-rolling/master)). It bundles `Node.js` and supports `Linux`, `macOS` and `Windows`.
 
 ### Installation
 
-`sudo npm i -g flood` or `npx flood`
+(sudo) `npm install --global flood` or `npx flood`
 
 Or use `@jesec/flood` for cutting-edge builds.
 
@@ -76,9 +91,10 @@ Run the installation command again.
   - Flood server performs file operations itself. As such, Flood needs to have permissions/access to the files.
   - Flood only uses the path provided by the torrent client so it needs to have the same filesystem context as the torrent client. If a file is "/path/to/a/file" to the torrent client, it has to be "/path/to/a/file" to Flood in order to get file operations working. It can't be "/mnt/some/different/path/file".
 - rTorrent:
-  - Linux or MacOS users can use package managers such as `apt`, `yum`, `pacman`, `brew` of the platform to install rTorrent. Alternatively, download latest static binary (available for `linux/amd64` and `linux/arm64`) from [Github Actions](https://github.com/jesec/rtorrent/actions?query=workflow%3A%22Publish+rolling+build%22).
-  - Windows users can use [Cygwin](https://www.cygwin.com/) to install rTorrent.
+  - Linux users can download the latest static executable (available for `amd64` and `arm64`) from [jesec/rtorrent](https://github.com/jesec/rtorrent). Alternatively, use package managers such as `apt`, `yum`, `pacman` of the platform to install rTorrent.
+  - macOS users can use `brew` to install rTorrent.
   - [Compile](https://github.com/rakshasa/rtorrent/wiki/Installing): XMLRPC support flag (`--with-xmlrpc-c`) is required during compilation.
+  - Certain features (sequential download, initial seeding, etc.) are not available in vanilla rTorrent.
 - Ask for help in the [Flood Discord server](https://discord.gg/Z7yR5Uf).
 
 ### Docker
@@ -93,7 +109,9 @@ Note that you have to let Docker know which port should be exposed (e.g. `-p 300
 
 Don't forget to pay attention to `flood`'s arguments like `--port` and `--allowedpath`.
 
-Checkout [Dockerfile.rtorrent](https://github.com/jesec/flood/blob/master/Dockerfile.rtorrent) for a simple example of Flood-rTorrent Docker integration.
+Alternatively, you can pass in environment variables instead (e.g. `-e FLOOD_OPTION_port=3000`).
+
+Checkout [Run Flood (and torrent clients) in containers](https://github.com/jesec/flood/discussions/120) discussion.
 
 Filesystem parts in [Troubleshooting](https://github.com/jesec/flood#troubleshooting) are especially important for containers.
 

package/SECURITY.md

@@ -0,0 +1,27 @@
+# Security
+
+## Supported Versions
+
+| Version                  | Supported          |
+| ------------------------ | ------------------ |
+| HEAD of master           | :white_check_mark: |
+| Latest released revision | :white_check_mark: |
+| All old revisions        | :x:                |
+
+Flood does NOT provide LTS support. Older revisions are deprecated as soon as a newer revision is released.
+
+Generally only the latest revision (`HEAD of master`) is supported. However, [issue tracker](https://github.com/jesec/flood/issues) is still open to reports from users of the `Latest released revision`. In rare circumstances, if there is a vulnerability that requires urgent attention, and, if the `HEAD of master` is occupied with changes which maintainers are not comfortable to release, relevant changes may be backported to the `Latest released revision` to release a patch revision.
+
+You are advised to upgrade to the latest release as soon as possible.
+
+## Reporting a Vulnerability
+
+If you discover a security vulnerability within Flood, please send an e-mail to maintainer.
+
+Suggestions for general security enhancements and/or mitigations shall be reported to [issue tracker](https://github.com/jesec/flood/issues).
+
+If you are unsure about the severity, send an email first.
+
+## More information
+
+Check out the [Wiki](https://github.com/jesec/flood/wiki) for more information.

package/dist/assets/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/><meta name="theme-color" content="#000000"/><meta name="apple-mobile-web-app-title" content="Flood"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><link rel="manifest" href="manifest.json"/><link rel="shortcut icon" href="favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="icon_maskable_180x180.png"/><script type="text/javascript">var _jipt=[];_jipt.push(["project","flood"])</script><title>Flood</title><link href="static/css/main.56ee28f23fc32a5f8409.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="app"></div><script defer="defer" src="static/js/main.987c0d7c.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/><meta http-equiv="Pragma" content="no-cache"/><meta http-equiv="Expires" content="0"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/><meta name="theme-color" content="#000000"/><meta name="apple-mobile-web-app-title" content="Flood"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><link rel="manifest" href="manifest.json"/><link rel="shortcut icon" href="favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="icon_maskable_180x180.png"/><title>Flood</title><script defer="defer" src="static/js/main.2c0d6c3a.js"></script><link href="static/css/main.fd54d83a7797b2e58761.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="app"></div></body></html>

package/dist/assets/static/css/26.c6c20e54c62c568da946.css

@@ -0,0 +1 @@
+html.os-html,html.os-html>.os-host{box-sizing:border-box;display:block;height:100%!important;margin:0!important;min-height:100%!important;min-width:100%!important;overflow:hidden;position:absolute!important;width:100%!important}html.os-html>.os-host>.os-padding{position:absolute}body.os-dragging,body.os-dragging *{cursor:default}.os-host,.os-host-textarea{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-line-pack:start;-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-content:flex-start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:flex-start;overflow:visible!important;position:relative}.os-host-flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden!important}.os-host-flexbox>.os-size-auto-observer{height:inherit!important}.os-host-flexbox>.os-content-glue{-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-negative:0;flex-grow:1;flex-shrink:0}.os-host-flexbox>.os-content-glue,.os-host-flexbox>.os-size-auto-observer{-webkit-box-flex:0;-ms-flex-positive:0;-ms-flex-negative:1;-ms-flex-preferred-size:auto;flex-basis:auto;flex-grow:0;flex-shrink:1;min-height:0;min-width:0}#os-dummy-scrollbar-size{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";height:500px;opacity:0;overflow:scroll;position:fixed;visibility:hidden;width:500px}#os-dummy-scrollbar-size>div{height:200%;margin:10px 0;width:200%}#os-dummy-scrollbar-size:after,#os-dummy-scrollbar-size:before,.os-content:after,.os-content:before{content:"";display:table;flex-grow:0;flex-shrink:0;font-size:0;height:.01px;line-height:0;visibility:hidden;width:.01px}#os-dummy-scrollbar-size,.os-viewport{-ms-overflow-style:scrollbar!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport{scrollbar-width:none!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner{background:#0000!important;display:none!important;height:0!important;visibility:hidden!important;width:0!important}.os-content-glue{box-sizing:inherit;max-height:100%;max-width:100%;pointer-events:none;width:100%}.os-padding{bottom:0;box-sizing:inherit;direction:inherit;height:auto!important;left:0;margin:0;overflow:visible;padding:0;position:absolute;right:0;top:0;width:auto!important;z-index:0}.os-host-overflow>.os-padding,.os-viewport{overflow:hidden}.os-viewport{-webkit-overflow-scrolling:touch;bottom:0;box-sizing:inherit!important;direction:inherit!important;left:0;margin:0;outline:none!important;padding:0;position:absolute;resize:none!important;right:0;top:0}.os-content-arrange{min-height:1px;min-width:1px;pointer-events:none;position:absolute;z-index:-1}.os-content{box-sizing:border-box!important;direction:inherit;display:block;height:100%;position:relative;visibility:visible;width:100%}.os-content>.os-textarea{clip:auto!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;direction:inherit!important;display:block!important;-webkit-filter:none!important;filter:none!important;float:none!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;opacity:1!important;outline:0 none #0000!important;overflow:hidden!important;padding:0;-webkit-perspective:none!important;perspective:none!important;position:absolute!important;resize:none!important;top:0!important;-webkit-transform:none!important;transform:none!important;vertical-align:initial!important;z-index:1!important}.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea{right:0!important}.os-content>.os-textarea-cover{pointer-events:none;z-index:-1}.os-content>.os-textarea[wrap=off]{margin:0!important;white-space:pre!important}.os-text-inherit{color:inherit;cursor:text;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-shadow:inherit;text-transform:inherit;unicode-bidi:inherit;word-spacing:inherit}.os-resize-observer,.os-resize-observer-host{box-sizing:inherit;display:block;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;visibility:hidden;width:100%;z-index:-1}.os-resize-observer-host{border:inherit;border-color:#0000;border-style:solid;box-sizing:border-box;padding:inherit}.os-resize-observer-host.observed{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host>.os-resize-observer{border:inherit;box-sizing:initial;display:block;height:200%;margin:0;padding:inherit;width:200%}.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer:before{box-sizing:border-box;display:flex;flex-basis:auto;flex-grow:1;flex-shrink:0;position:relative}.os-resize-observer-host.observed>.os-resize-observer:before{border:inherit;box-sizing:initial;content:"";margin:0;padding:inherit}.os-size-auto-observer{-webkit-box-flex:inherit;-ms-flex-positive:inherit;-ms-flex-negative:0;-ms-flex-preferred-size:0;box-sizing:inherit!important;flex-basis:0;flex-grow:inherit;flex-shrink:0;float:left;height:100%;margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:relative;width:inherit;z-index:-1}.os-size-auto-observer>.os-resize-observer{height:1000%;min-height:1px;min-width:1px;width:1000%}.os-resize-observer-item{bottom:0;direction:ltr!important;opacity:0;overflow:hidden;right:0;z-index:-1}.os-resize-observer-item,.os-resize-observer-item-final{-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important;left:0;position:absolute;top:0}.os-resize-observer-item-final{-webkit-transition:none!important;transition:none!important}.os-resize-observer{-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-name:os-resize-observer-dummy-animation;animation-name:os-resize-observer-dummy-animation}object.os-resize-observer{box-sizing:border-box!important}@-webkit-keyframes os-resize-observer-dummy-animation{0%{z-index:0}to{z-index:-1}}@keyframes os-resize-observer-dummy-animation{0%{z-index:0}to{z-index:-1}}.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner{-webkit-transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s}html.os-html>.os-host>.os-scrollbar{position:absolute;z-index:999999}.os-scrollbar,.os-scrollbar-corner{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;position:absolute;z-index:1}.os-scrollbar-corner{bottom:0;right:0}.os-scrollbar{pointer-events:none}.os-scrollbar-track{border:none!important;padding:0!important;position:relative}.os-scrollbar-handle,.os-scrollbar-track{height:100%;pointer-events:auto;width:100%}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle-off,.os-scrollbar-track-off{pointer-events:none}.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable *{pointer-events:none!important}.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{right:0;top:0}.os-host-rtl>.os-scrollbar-horizontal{right:0}.os-host-rtl>.os-scrollbar-corner,.os-host-rtl>.os-scrollbar-vertical{left:0;right:auto}.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-padding+.os-scrollbar-corner,.os-scrollbar-auto-hidden,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner{opacity:0;pointer-events:none;visibility:hidden}.os-scrollbar-corner-resize-both{cursor:nwse-resize}.os-host-rtl>.os-scrollbar-corner-resize-both{cursor:nesw-resize}.os-scrollbar-corner-resize-horizontal{cursor:ew-resize}.os-scrollbar-corner-resize-vertical{cursor:ns-resize}.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize{cursor:default}.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical{bottom:0;top:0}.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal{left:0;right:0}.os-scrollbar-corner.os-scrollbar-corner-resize,.os-scrollbar:hover{opacity:1!important;visibility:visible!important}.os-scrollbar-corner.os-scrollbar-corner-resize{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PGcgc3R5bGU9ImRpc3BsYXk6aW5saW5lIj48cGF0aCBzdHlsZT0iZmlsbDojMDAwO2ZpbGwtb3BhY2l0eTouNDk0MTE3NjU7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmUiIGQ9Ik03LjQyNCAxMDQyLjM2MmExLjMxIDEuMzEgMCAwIDAtMS4zMSAxLjMxYzAgLjMuMTA0LjU3MS4yNzMuNzkyLjIxLjE0MS40NjYuMjE4LjczNy4yMThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTgtLjczN2ExLjI5OCAxLjI5OCAwIDAgMC0uNzkyLS4yNzN6bTAgMy4wODRhMS4zMSAxLjMxIDAgMCAwLTEuMzEgMS4zMWMwIC4zLjEwNC41NzIuMjczLjc5Mi4yMS4xNDEuNDY2LjIxOS43MzcuMjE5YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uMjcyLS4wNzctLjUyOC0uMjE4LS43MzhhMS4yOTggMS4yOTggMCAwIDAtLjc5Mi0uMjczem0tMy4wODQgMGExLjMxIDEuMzEgMCAwIDAtMS4zMSAxLjMxYzAgLjMuMTA0LjU3Mi4yNzMuNzkyLjIwOS4xNDEuNDY1LjIxOS43MzcuMjE5YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uMjcyLS4wNzctLjUyOC0uMjE5LS43MzhhMS4yOTggMS4yOTggMCAwIDAtLjc5MS0uMjczem0tMy4wMyAzLjAzYTEuMzEgMS4zMSAwIDAgMC0xLjMxIDEuMzFjMCAuMy4xMDQuNTcxLjI3My43OTIuMjEuMTQxLjQ2Ni4yMTguNzM3LjIxOGExLjMxIDEuMzEgMCAwIDAgMS4zMS0xLjMxYzAtLjI3MS0uMDc3LS41MjgtLjIxOC0uNzM3YTEuMjk4IDEuMjk4IDAgMCAwLS43OTItLjI3M3ptMy4wMyAwYTEuMzEgMS4zMSAwIDAgMC0xLjMxIDEuMzFjMCAuMy4xMDQuNTcxLjI3My43OTIuMjA5LjE0MS40NjUuMjE4LjczNy4yMThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTktLjczN2ExLjI5OCAxLjI5OCAwIDAgMC0uNzkxLS4yNzN6bTMuMDg0IDBhMS4zMSAxLjMxIDAgMCAwLTEuMzEgMS4zMWMwIC4zLjEwNC41NzEuMjczLjc5Mi4yMS4xNDEuNDY2LjIxOC43MzcuMjE4YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uMjcxLS4wNzctLjUyOC0uMjE4LS43MzdhMS4yOTggMS4yOTggMCAwIDAtLjc5Mi0uMjczeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTA0Mi4zNjIpIi8+PC9nPjxnIHN0eWxlPSJkaXNwbGF5OmlubGluZSI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZSIgZD0iTTguMjE2LjI3M2MuMTQxLjIxLjIxOC40NjYuMjE4LjczN2ExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxYy0uMjcxIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEzLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTgtMS4wMzd6bTAgMy4wODRjLjE0MS4yMS4yMTguNDY2LjIxOC43MzdhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWMtLjI3MSAwLS41MjgtLjA3Ny0uNzM3LS4yMTguMjQuMzEzLjYxMy41MTkgMS4wMzcuNTE5YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uNDI1LS4yMDUtLjc5OC0uNTE4LTEuMDM4em0tMy4wODUgMGMuMTQyLjIxLjIxOS40NjYuMjE5LjczN2ExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxYy0uMjcyIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEyLjUxOSAxLjAzNy41MTlhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjUtLjIwNS0uNzk4LS41MTktMS4wMzh6bS0zLjAzIDMuMDNjLjE0Mi4yMS4yMi40NjYuMjIuNzM3YTEuMzEgMS4zMSAwIDAgMS0xLjMxMSAxLjMxYy0uMjcxIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEzLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTgtMS4wMzd6bTMuMDMgMGMuMTQyLjIxLjIxOS40NjYuMjE5LjczN2ExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxYy0uMjcyIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEyLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTktMS4wMzd6bTMuMDg1IDBjLjE0MS4yMS4yMTguNDY2LjIxOC43MzdhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWMtLjI3MSAwLS41MjgtLjA3Ny0uNzM3LS4yMTguMjQuMzEzLjYxMy41MTggMS4wMzcuNTE4YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uNDI0LS4yMDUtLjc5OC0uNTE4LTEuMDM3eiIvPjwvZz48L3N2Zz4=);background-position:100% 100%;background-repeat:no-repeat;pointer-events:auto!important}.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.os-host-overflow{overflow:hidden!important}.os-theme-none>.os-scrollbar-corner,.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical{display:none!important}.os-theme-none>.os-scrollbar-corner-resize{display:block!important;min-height:10px;min-width:10px}.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal{height:10px;right:10px}.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical{bottom:10px;width:10px}.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal{left:10px;right:0}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{background-color:#0000;height:10px;width:10px}.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar{background:#0000;box-sizing:border-box;padding:2px}.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar>.os-scrollbar-track{background:#0000}.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{-webkit-transition:background-color .3s;transition:background-color .3s}.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{border-radius:10px}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:#0006}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:#fff6}.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:#0000008c}.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:#ffffff8c}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:#000000b3}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:#ffffffb3}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before{display:none}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:-2px;top:-6px}.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{left:-2px;right:-6px}