From c37efa86284da77f2f5abfb93537c381b19e71ca Mon Sep 17 00:00:00 2001 From: Thomas Scheibitz Date: Thu, 28 Dec 2023 21:55:27 +0100 Subject: [PATCH 1/6] [TASK] update npm packages --- package-lock.json | 7670 ++++----------------------------------------- 1 file changed, 682 insertions(+), 6988 deletions(-) diff --git a/package-lock.json b/package-lock.json index 686bdbc..e33174e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,7 +1,7 @@ { "name": "devices.css", "version": "0.2.0", - "lockfileVersion": 2, + "lockfileVersion": 3, "requires": true, "packages": { "": { @@ -21,43 +21,82 @@ } }, "node_modules/@babel/code-frame": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz", - "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz", + "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==", "dev": true, "dependencies": { - "@babel/highlight": "^7.18.6" + "@babel/highlight": "^7.23.4", + "chalk": "^2.4.2" }, "engines": { "node": ">=6.9.0" } }, + "node_modules/@babel/code-frame/node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/code-frame/node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/code-frame/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/@babel/helper-string-parser": { - "version": "7.18.10", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz", - "integrity": "sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", + "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==", "dev": true, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-identifier": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz", - "integrity": "sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==", + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", + "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", "dev": true, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/highlight": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz", - "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz", + "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==", "dev": true, "dependencies": { - "@babel/helper-validator-identifier": "^7.18.6", - "chalk": "^2.0.0", + "@babel/helper-validator-identifier": "^7.22.20", + "chalk": "^2.4.2", "js-tokens": "^4.0.0" }, "engines": { @@ -90,30 +129,6 @@ "node": ">=4" } }, - "node_modules/@babel/highlight/node_modules/color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, - "dependencies": { - "color-name": "1.1.3" - } - }, - "node_modules/@babel/highlight/node_modules/color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", - "dev": true - }, - "node_modules/@babel/highlight/node_modules/has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "dev": true, - "engines": { - "node": ">=4" - } - }, "node_modules/@babel/highlight/node_modules/supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -127,9 +142,9 @@ } }, "node_modules/@babel/parser": { - "version": "7.18.13", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.13.tgz", - "integrity": "sha512-dgXcIfMuQ0kgzLB2b9tRZs7TTFFaGM2AbtA4fJgUUYukzGH4jwsS7hzQHEGs67jdehpm22vkgKwvbU+aEflgwg==", + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz", + "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==", "dev": true, "bin": { "parser": "bin/babel-parser.js" @@ -139,13 +154,13 @@ } }, "node_modules/@babel/types": { - "version": "7.18.13", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.13.tgz", - "integrity": "sha512-ePqfTihzW0W6XAU+aMw2ykilisStJfDnsejDCXRchCcMJ4O0+8DhPXf2YUbZ6wjBlsEmZwLK/sPweWtu8hcJYQ==", + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz", + "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==", "dev": true, "dependencies": { - "@babel/helper-string-parser": "^7.18.10", - "@babel/helper-validator-identifier": "^7.18.6", + "@babel/helper-string-parser": "^7.23.4", + "@babel/helper-validator-identifier": "^7.22.20", "to-fast-properties": "^2.0.0" }, "engines": { @@ -172,6 +187,7 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.2.tgz", "integrity": "sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==", + "deprecated": "This functionality has been moved to @npmcli/fs", "dev": true, "dependencies": { "mkdirp": "^1.0.4", @@ -191,15 +207,15 @@ } }, "node_modules/@types/minimist": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz", - "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==", + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.5.tgz", + "integrity": "sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==", "dev": true }, "node_modules/@types/normalize-package-data": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", - "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==", + "version": "2.4.4", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz", + "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==", "dev": true }, "node_modules/abbrev": { @@ -256,42 +272,17 @@ "dev": true }, "node_modules/agentkeepalive": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.2.1.tgz", - "integrity": "sha512-Zn4cw2NEqd+9fiSVWMscnjyQ1a8Yfoc5oBajLeo5w+YBHgDUcEBY2hS4YpTz6iN5f/2zQiktcuM6tS8x1p9dpA==", + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.5.0.tgz", + "integrity": "sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==", "dev": true, "dependencies": { - "debug": "^4.1.0", - "depd": "^1.1.2", "humanize-ms": "^1.2.1" }, "engines": { "node": ">= 8.0.0" } }, - "node_modules/agentkeepalive/node_modules/debug": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", - "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", - "dev": true, - "dependencies": { - "ms": "2.1.2" - }, - "engines": { - "node": ">=6.0" - }, - "peerDependenciesMeta": { - "supports-color": { - "optional": true - } - } - }, - "node_modules/agentkeepalive/node_modules/ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - }, "node_modules/aggregate-error": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", @@ -370,27 +361,21 @@ } }, "node_modules/ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", + "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", "dev": true, "engines": { - "node": ">=8" + "node": ">=0.10.0" } }, "node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==", "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" + "node": ">=0.10.0" } }, "node_modules/ansi-wrap": { @@ -462,9 +447,9 @@ } }, "node_modules/are-we-there-yet/node_modules/readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", "dev": true, "dependencies": { "inherits": "^2.0.3", @@ -674,10 +659,16 @@ } }, "node_modules/async-each": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", - "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", - "dev": true + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz", + "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + ] }, "node_modules/async-foreach": { "version": "0.1.3", @@ -740,12 +731,6 @@ "url": "https://tidelift.com/funding/github/npm/autoprefixer" } }, - "node_modules/autoprefixer/node_modules/picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", - "dev": true - }, "node_modules/aws-sign2": { "version": "0.7.0", "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", @@ -756,9 +741,9 @@ } }, "node_modules/aws4": { - "version": "1.11.0", - "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz", - "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==", + "version": "1.12.0", + "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz", + "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==", "dev": true }, "node_modules/babel-walk": { @@ -867,9 +852,9 @@ } }, "node_modules/bl/node_modules/readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", "dev": true, "dependencies": { "inherits": "^2.0.3", @@ -912,9 +897,9 @@ } }, "node_modules/browserslist": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.3.tgz", - "integrity": "sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==", + "version": "4.22.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz", + "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==", "dev": true, "funding": [ { @@ -924,13 +909,17 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } ], "dependencies": { - "caniuse-lite": "^1.0.30001370", - "electron-to-chromium": "^1.4.202", - "node-releases": "^2.0.6", - "update-browserslist-db": "^1.0.5" + "caniuse-lite": "^1.0.30001565", + "electron-to-chromium": "^1.4.601", + "node-releases": "^2.0.14", + "update-browserslist-db": "^1.0.13" }, "bin": { "browserslist": "cli.js" @@ -940,12 +929,15 @@ } }, "node_modules/buffer-equal": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.0.tgz", - "integrity": "sha512-tcBWO2Dl4e7Asr9hTGcpVrCe+F7DubpmqWCTbj4FHLmjqO2hIaC383acQubWtRJhdceqs5uBHs6Es+Sk//RKiQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.1.tgz", + "integrity": "sha512-QoV3ptgEaQpvVwbXdSO39iqPQTCxSF7A5U99AxbHYqUdCizL/lH2Z0A2y6nbZucxMEOtNyZfG2s6gsVugGpKkg==", "dev": true, "engines": { - "node": ">=0.4.0" + "node": ">=0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, "node_modules/buffer-from": { @@ -1016,13 +1008,14 @@ } }, "node_modules/call-bind": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz", - "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==", + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz", + "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==", "dev": true, "dependencies": { - "function-bind": "^1.1.1", - "get-intrinsic": "^1.0.2" + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.1", + "set-function-length": "^1.1.1" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -1055,9 +1048,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001388", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001388.tgz", - "integrity": "sha512-znVbq4OUjqgLxMxoNX2ZeeLR0d7lcDiE5uJ4eUiWdml1J1EkxbnQq6opT9jb9SMfJxB0XA16/ziHwni4u1I3GQ==", + "version": "1.0.30001572", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz", + "integrity": "sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==", "dev": true, "funding": [ { @@ -1067,6 +1060,10 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } ] }, @@ -1077,19 +1074,19 @@ "dev": true }, "node_modules/chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==", "dev": true, "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" + "ansi-styles": "^2.2.1", + "escape-string-regexp": "^1.0.2", + "has-ansi": "^2.0.0", + "strip-ansi": "^3.0.0", + "supports-color": "^2.0.0" }, "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" + "node": ">=0.10.0" } }, "node_modules/character-parser": { @@ -1160,66 +1157,17 @@ "node": ">=0.10.0" } }, - "node_modules/class-utils/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/class-utils/node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/class-utils/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/class-utils/node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/class-utils/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/clean-css": { @@ -1254,15 +1202,6 @@ "wrap-ansi": "^2.0.0" } }, - "node_modules/cliui/node_modules/ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/cliui/node_modules/is-fullwidth-code-point": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", @@ -1289,18 +1228,6 @@ "node": ">=0.10.0" } }, - "node_modules/cliui/node_modules/strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", - "dev": true, - "dependencies": { - "ansi-regex": "^2.0.0" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/clone": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", @@ -1373,21 +1300,18 @@ } }, "node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", "dev": true, "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" + "color-name": "1.1.3" } }, "node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", "dev": true }, "node_modules/color-support": { @@ -1421,10 +1345,13 @@ } }, "node_modules/component-emitter": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz", - "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==", - "dev": true + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz", + "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } }, "node_modules/concat-map": { "version": "0.0.1", @@ -1464,13 +1391,10 @@ } }, "node_modules/convert-source-map": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz", - "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==", - "dev": true, - "dependencies": { - "safe-buffer": "~5.1.1" - } + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true }, "node_modules/copy-descriptor": { "version": "0.1.1", @@ -1582,9 +1506,9 @@ } }, "node_modules/decamelize-keys": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz", - "integrity": "sha512-ocLWuYzRPoS9bfiSdDd3cxvrzovVMZnRDVEzAs+hWIVXGDbHxWMECij2OBuyB/An0FFW/nLuq6Kv1i/YC5Qfzg==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz", + "integrity": "sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==", "dev": true, "dependencies": { "decamelize": "^1.1.0", @@ -1592,6 +1516,9 @@ }, "engines": { "node": ">=0.10.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/decamelize-keys/node_modules/map-obj": { @@ -1604,9 +1531,9 @@ } }, "node_modules/decode-uri-component": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", - "integrity": "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==", + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz", + "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==", "dev": true, "engines": { "node": ">=0.10" @@ -1633,12 +1560,27 @@ "node": ">= 0.10" } }, + "node_modules/define-data-property": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz", + "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.2.1", + "gopd": "^1.0.1", + "has-property-descriptors": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/define-properties": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz", - "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz", + "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==", "dev": true, "dependencies": { + "define-data-property": "^1.0.1", "has-property-descriptors": "^1.0.0", "object-keys": "^1.1.1" }, @@ -1677,15 +1619,6 @@ "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==", "dev": true }, - "node_modules/depd": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", - "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", - "dev": true, - "engines": { - "node": ">= 0.6" - } - }, "node_modules/detect-file": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz", @@ -1746,9 +1679,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.241", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.241.tgz", - "integrity": "sha512-e7Wsh4ilaioBZ5bMm6+F4V5c11dh56/5Jwz7Hl5Tu1J7cnB+Pqx5qIF2iC7HPpfyQMqGSvvLP5bBAIDd2gAtGw==", + "version": "1.4.616", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.616.tgz", + "integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==", "dev": true }, "node_modules/emoji-regex": { @@ -1801,9 +1734,9 @@ } }, "node_modules/es5-ext": { - "version": "0.10.61", - "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.61.tgz", - "integrity": "sha512-yFhIqQAzu2Ca2I4SE2Au3rxVfmohU9Y7wqGR+s7+H7krk26NXhIRAZDgqd6xqjCEFUomDEA3/Bo/7fKmIkW1kA==", + "version": "0.10.62", + "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz", + "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==", "dev": true, "hasInstallScript": true, "dependencies": { @@ -1896,66 +1829,17 @@ "node": ">=0.10.0" } }, - "node_modules/expand-brackets/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/expand-brackets/node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/expand-brackets/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/expand-brackets/node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/expand-brackets/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/expand-tilde": { @@ -1971,18 +1855,18 @@ } }, "node_modules/ext": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/ext/-/ext-1.6.0.tgz", - "integrity": "sha512-sdBImtzkq2HpkdRLtlLWDa6w4DX22ijZLKx8BMPUuKe1c5lbN6xwQDQCxSfxBQnHZ13ls/FH0MQZx/q/gr6FQg==", + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz", + "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==", "dev": true, "dependencies": { - "type": "^2.5.0" + "type": "^2.7.2" } }, "node_modules/ext/node_modules/type": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/type/-/type-2.6.0.tgz", - "integrity": "sha512-eiDBDOmkih5pMbo9OqsqPRGMljLodLcwd5XD5JbtNB0o89xZAwynY9EdCDsJU7LtcVCClu9DvM7/0Ep1hYX3EQ==", + "version": "2.7.2", + "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz", + "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==", "dev": true }, "node_modules/extend": { @@ -2274,7 +2158,7 @@ "version": "1.2.13", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz", "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==", - "deprecated": "fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.", + "deprecated": "The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2", "dev": true, "hasInstallScript": true, "optional": true, @@ -2290,10 +2174,13 @@ } }, "node_modules/function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", - "dev": true + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } }, "node_modules/gauge": { "version": "3.0.2", @@ -2315,6 +2202,27 @@ "node": ">=10" } }, + "node_modules/gauge/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/gauge/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/gaze": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz", @@ -2334,14 +2242,15 @@ "dev": true }, "node_modules/get-intrinsic": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.2.tgz", - "integrity": "sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz", + "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==", "dev": true, "dependencies": { - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.3" + "function-bind": "^1.1.2", + "has-proto": "^1.0.1", + "has-symbols": "^1.0.3", + "hasown": "^2.0.0" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -2579,10 +2488,22 @@ "node": ">=0.6.0" } }, + "node_modules/gopd": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", + "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.1.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/graceful-fs": { - "version": "4.2.10", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz", - "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==", + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", "dev": true }, "node_modules/gulp": { @@ -2783,24 +2704,6 @@ "npm": ">=1.2.10" } }, - "node_modules/gulp-plumber/node_modules/ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/gulp-plumber/node_modules/ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/gulp-plumber/node_modules/arr-diff": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", @@ -2832,22 +2735,6 @@ "node": ">=0.10.0" } }, - "node_modules/gulp-plumber/node_modules/chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==", - "dev": true, - "dependencies": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/gulp-plumber/node_modules/extend-shallow": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", @@ -2885,27 +2772,6 @@ "node": ">=0.10.0" } }, - "node_modules/gulp-plumber/node_modules/strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", - "dev": true, - "dependencies": { - "ansi-regex": "^2.0.0" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/gulp-plumber/node_modules/supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==", - "dev": true, - "engines": { - "node": ">=0.8.0" - } - }, "node_modules/gulp-plumber/node_modules/through2": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", @@ -2934,9 +2800,9 @@ } }, "node_modules/gulp-pug/node_modules/readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", "dev": true, "dependencies": { "inherits": "^2.0.3", @@ -2957,9 +2823,9 @@ } }, "node_modules/gulp-rename": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-1.4.0.tgz", - "integrity": "sha512-swzbIGb/arEoFK89tPY58vg3Ok1bw+d35PfUNwWqdo7KM4jkmuGA78JiDNqR+JeZFaeeHnRg9N7aihX3YPmsyg==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-2.0.0.tgz", + "integrity": "sha512-97Vba4KBzbYmR5VBs9mWmK+HwIf5mj+/zioxfZhOKeXtx5ZjBk57KFlePf5nxq9QsTtFl0ejnHE3zTC9MHXqyQ==", "dev": true, "engines": { "node": ">=4" @@ -2982,6 +2848,33 @@ "node": ">=12" } }, + "node_modules/gulp-sass/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/gulp-sass/node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, + "node_modules/gulp-sass/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/gulplog": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz", @@ -3026,18 +2919,6 @@ "node": ">=6" } }, - "node_modules/has": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", - "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "dev": true, - "dependencies": { - "function-bind": "^1.1.1" - }, - "engines": { - "node": ">= 0.4.0" - } - }, "node_modules/has-ansi": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", @@ -3050,31 +2931,34 @@ "node": ">=0.10.0" } }, - "node_modules/has-ansi/node_modules/ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", "dev": true, "engines": { - "node": ">=8" + "node": ">=4" } }, "node_modules/has-property-descriptors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz", - "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz", + "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==", "dev": true, "dependencies": { - "get-intrinsic": "^1.1.1" + "get-intrinsic": "^1.2.2" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz", + "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==", + "dev": true, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -3152,6 +3036,18 @@ "node": ">=0.10.0" } }, + "node_modules/hasown": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz", + "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/homedir-polyfill": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz", @@ -3189,9 +3085,9 @@ } }, "node_modules/http-cache-semantics": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz", - "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==", + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz", + "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==", "dev": true }, "node_modules/http-proxy-agent": { @@ -3369,9 +3265,9 @@ } }, "node_modules/ip": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz", - "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz", + "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==", "dev": true }, "node_modules/is-absolute": { @@ -3388,24 +3284,15 @@ } }, "node_modules/is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz", + "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==", "dev": true, "dependencies": { - "kind-of": "^6.0.0" + "hasown": "^2.0.0" }, "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true, - "engines": { - "node": ">=0.10.0" + "node": ">= 0.10" } }, "node_modules/is-arrayish": { @@ -3433,59 +3320,40 @@ "dev": true }, "node_modules/is-core-module": { - "version": "2.9.0", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz", - "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==", + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", "dev": true, "dependencies": { - "has": "^1.0.3" + "hasown": "^2.0.0" }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz", + "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==", "dev": true, "dependencies": { - "kind-of": "^6.0.0" + "hasown": "^2.0.0" }, "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true, - "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz", + "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==", "dev": true, "dependencies": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-descriptor/node_modules/kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true, - "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/is-expression": { @@ -4234,9 +4102,9 @@ } }, "node_modules/minipass": { - "version": "3.3.4", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.4.tgz", - "integrity": "sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==", + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", "dev": true, "dependencies": { "yallist": "^4.0.0" @@ -4388,9 +4256,9 @@ } }, "node_modules/nan": { - "version": "2.16.0", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz", - "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==", + "version": "2.18.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.18.0.tgz", + "integrity": "sha512-W7tfG7vMOGtD30sHoZSSc/JVYiyDPEyQVso/Zz+/uQd0B0L46gtC+pHha5FFMRpil6fm/AoEcRWyOVi4+E/f8w==", "dev": true }, "node_modules/nanomatch": { @@ -4500,17 +4368,26 @@ "node": ">= 10.12.0" } }, + "node_modules/node-gyp/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/node-gyp/node_modules/are-we-there-yet": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.0.tgz", - "integrity": "sha512-0GWpv50YSOcLXaN6/FAKY3vfRbllXWV2xvfA/oKJF8pzFhWXPV+yjhJXDBbjscDYowv7Yw1A3uigpzn5iEGTyw==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz", + "integrity": "sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==", "dev": true, "dependencies": { "delegates": "^1.0.0", "readable-stream": "^3.6.0" }, "engines": { - "node": "^12.13.0 || ^14.15.0 || >=16" + "node": "^12.13.0 || ^14.15.0 || >=16.0.0" } }, "node_modules/node-gyp/node_modules/gauge": { @@ -4548,9 +4425,9 @@ } }, "node_modules/node-gyp/node_modules/readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", "dev": true, "dependencies": { "inherits": "^2.0.3", @@ -4561,16 +4438,28 @@ "node": ">= 6" } }, - "node_modules/node-releases": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", - "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==", - "dev": true - }, - "node_modules/node-sass": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-7.0.1.tgz", - "integrity": "sha512-uMy+Xt29NlqKCFdFRZyXKOTqGt+QaKHexv9STj2WeLottnlqZEEWx6Bj0MXNthmFRRdM/YwyNo/8Tr46TOM0jQ==", + "node_modules/node-gyp/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/node-releases": { + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", + "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==", + "dev": true + }, + "node_modules/node-sass": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-7.0.3.tgz", + "integrity": "sha512-8MIlsY/4dXUkJDYht9pIWBhMil3uHmE8b/AdJPjmFn1nBx9X9BASzfzmsCy0uCCb8eqI3SYYzVPDswWqSx7gjw==", "dev": true, "hasInstallScript": true, "dependencies": { @@ -4586,7 +4475,7 @@ "node-gyp": "^8.4.1", "npmlog": "^5.0.0", "request": "^2.88.0", - "sass-graph": "4.0.0", + "sass-graph": "^4.0.1", "stdout-stream": "^1.4.0", "true-case-path": "^1.0.2" }, @@ -4597,6 +4486,76 @@ "node": ">=12" } }, + "node_modules/node-sass/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/node-sass/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/node-sass/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/node-sass/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/node-sass/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/node-sass/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/node-uuid": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/node-uuid/-/node-uuid-1.4.0.tgz", @@ -4735,51 +4694,17 @@ "node": ">=0.10.0" } }, - "node_modules/object-copy/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/object-copy/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/object-copy/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/object-copy/node_modules/is-descriptor/node_modules/kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true, - "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/object-copy/node_modules/kind-of": { @@ -4816,14 +4741,14 @@ } }, "node_modules/object.assign": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz", - "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==", + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz", + "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==", "dev": true, "dependencies": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "has-symbols": "^1.0.1", + "call-bind": "^1.0.5", + "define-properties": "^1.2.1", + "has-symbols": "^1.0.3", "object-keys": "^1.1.1" }, "engines": { @@ -5107,9 +5032,9 @@ "dev": true }, "node_modules/picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", + "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", "dev": true }, "node_modules/pify": { @@ -5226,12 +5151,6 @@ "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", "dev": true }, - "node_modules/postcss/node_modules/picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", - "dev": true - }, "node_modules/pretty-hrtime": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", @@ -5427,9 +5346,9 @@ } }, "node_modules/punycode": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", "dev": true, "engines": { "node": ">=6" @@ -5513,9 +5432,9 @@ } }, "node_modules/read-pkg/node_modules/semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true, "bin": { "semver": "bin/semver" @@ -5531,9 +5450,9 @@ } }, "node_modules/readable-stream": { - "version": "2.3.7", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", - "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", "dev": true, "dependencies": { "core-util-is": "~1.0.0", @@ -5766,12 +5685,12 @@ "dev": true }, "node_modules/resolve": { - "version": "1.22.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", - "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", "dev": true, "dependencies": { - "is-core-module": "^2.9.0", + "is-core-module": "^2.13.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, @@ -5869,14 +5788,14 @@ "dev": true }, "node_modules/sass-graph": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-4.0.0.tgz", - "integrity": "sha512-WSO/MfXqKH7/TS8RdkCX3lVkPFQzCgbqdGsmSKq6tlPU+GpGEsa/5aW18JqItnqh+lPtcjifqdZ/VmiILkKckQ==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-4.0.1.tgz", + "integrity": "sha512-5YCfmGBmxoIRYHnKK2AKzrAkCoQ8ozO+iumT8K4tXJXRVCPf+7s1/9KxTSW3Rbvf+7Y7b4FR3mWyLnQr3PHocA==", "dev": true, "dependencies": { "glob": "^7.0.0", "lodash": "^4.17.11", - "scss-tokenizer": "^0.3.0", + "scss-tokenizer": "^0.4.3", "yargs": "^17.2.1" }, "bin": { @@ -5886,17 +5805,62 @@ "node": ">=12" } }, + "node_modules/sass-graph/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/sass-graph/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, "node_modules/sass-graph/node_modules/cliui": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", - "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", "dev": true, "dependencies": { "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", + "strip-ansi": "^6.0.1", "wrap-ansi": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/sass-graph/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" } }, + "node_modules/sass-graph/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, "node_modules/sass-graph/node_modules/get-caller-file": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", @@ -5906,6 +5870,18 @@ "node": "6.* || 8.* || >= 10.*" } }, + "node_modules/sass-graph/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/sass-graph/node_modules/wrap-ansi": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", @@ -5933,40 +5909,40 @@ } }, "node_modules/sass-graph/node_modules/yargs": { - "version": "17.5.1", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.5.1.tgz", - "integrity": "sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==", + "version": "17.7.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", + "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", "dev": true, "dependencies": { - "cliui": "^7.0.2", + "cliui": "^8.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", "require-directory": "^2.1.1", "string-width": "^4.2.3", "y18n": "^5.0.5", - "yargs-parser": "^21.0.0" + "yargs-parser": "^21.1.1" }, "engines": { "node": ">=12" } }, "node_modules/sass-graph/node_modules/yargs-parser": { - "version": "21.0.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.1.tgz", - "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==", + "version": "21.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", + "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", "dev": true, "engines": { "node": ">=12" } }, "node_modules/scss-tokenizer": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.3.0.tgz", - "integrity": "sha512-14Zl9GcbBvOT9057ZKjpz5yPOyUWG2ojd9D5io28wHRYsOrs7U95Q+KNL87+32p8rc+LvDpbu/i9ZYjM9Q+FsQ==", + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.4.3.tgz", + "integrity": "sha512-raKLgf1LI5QMQnG+RxHz6oK0sL3x3I4FN2UDLqgLOGO8hodECNnNh5BXn7fAyBxrA8zVzdQizQ6XjNJQ+uBwMw==", "dev": true, "dependencies": { - "js-base64": "^2.4.3", - "source-map": "^0.7.1" + "js-base64": "^2.4.9", + "source-map": "^0.7.3" } }, "node_modules/scss-tokenizer/node_modules/source-map": { @@ -5979,9 +5955,9 @@ } }, "node_modules/semver": { - "version": "7.3.7", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", - "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", "dev": true, "dependencies": { "lru-cache": "^6.0.0" @@ -6023,6 +5999,21 @@ "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", "dev": true }, + "node_modules/set-function-length": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz", + "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==", + "dev": true, + "dependencies": { + "define-data-property": "^1.1.1", + "get-intrinsic": "^1.2.1", + "gopd": "^1.0.1", + "has-property-descriptors": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/set-value": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", @@ -6174,66 +6165,17 @@ "node": ">=0.10.0" } }, - "node_modules/snapdragon/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/snapdragon/node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/snapdragon/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/snapdragon/node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/snapdragon/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/snapdragon/node_modules/source-map": { @@ -6246,12 +6188,12 @@ } }, "node_modules/socks": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.2.tgz", - "integrity": "sha512-zDZhHhZRY9PxRruRMR7kMhnf3I8hDs4S3f9RecfnGxvcBHQcKcIH/oUcEWffsfl1XxdYlA7nnlGbbTvPz9D8gA==", + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz", + "integrity": "sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==", "dev": true, "dependencies": { - "ip": "^1.1.5", + "ip": "^2.0.0", "smart-buffer": "^4.2.0" }, "engines": { @@ -6336,9 +6278,9 @@ } }, "node_modules/spdx-correct": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz", - "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz", + "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==", "dev": true, "dependencies": { "spdx-expression-parse": "^3.0.0", @@ -6362,9 +6304,9 @@ } }, "node_modules/spdx-license-ids": { - "version": "3.0.11", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz", - "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==", + "version": "3.0.16", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz", + "integrity": "sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==", "dev": true }, "node_modules/split-string": { @@ -6417,9 +6359,9 @@ } }, "node_modules/sshpk": { - "version": "1.17.0", - "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz", - "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==", + "version": "1.18.0", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz", + "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==", "dev": true, "dependencies": { "asn1": "~0.2.3", @@ -6487,75 +6429,26 @@ "node": ">=0.10.0" } }, - "node_modules/static-extend/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", + "node_modules/static-extend/node_modules/is-descriptor": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "kind-of": "^3.0.2" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, - "node_modules/static-extend/node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", + "node_modules/stdout-stream": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz", + "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==", "dev": true, "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/static-extend/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/static-extend/node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/static-extend/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/stdout-stream": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz", - "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==", - "dev": true, - "dependencies": { - "readable-stream": "^2.0.1" + "readable-stream": "^2.0.1" } }, "node_modules/stream-exhaust": { @@ -6593,7 +6486,16 @@ "node": ">=8" } }, - "node_modules/strip-ansi": { + "node_modules/string-width/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width/node_modules/strip-ansi": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", @@ -6605,6 +6507,18 @@ "node": ">=8" } }, + "node_modules/strip-ansi": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", + "dev": true, + "dependencies": { + "ansi-regex": "^2.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/strip-bom": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", @@ -6630,15 +6544,12 @@ } }, "node_modules/supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", + "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==", "dev": true, - "dependencies": { - "has-flag": "^4.0.0" - }, "engines": { - "node": ">=8" + "node": ">=0.8.0" } }, "node_modules/supports-preserve-symlinks-flag": { @@ -6664,20 +6575,29 @@ } }, "node_modules/tar": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz", - "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz", + "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==", "dev": true, "dependencies": { "chownr": "^2.0.0", "fs-minipass": "^2.0.0", - "minipass": "^3.0.0", + "minipass": "^5.0.0", "minizlib": "^2.1.1", "mkdirp": "^1.0.3", "yallist": "^4.0.0" }, "engines": { - "node": ">= 10" + "node": ">=10" + } + }, + "node_modules/tar/node_modules/minipass": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz", + "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==", + "dev": true, + "engines": { + "node": ">=8" } }, "node_modules/through2": { @@ -7072,9 +6992,9 @@ } }, "node_modules/update-browserslist-db": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.7.tgz", - "integrity": "sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==", + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", + "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", "dev": true, "funding": [ { @@ -7084,6 +7004,10 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } ], "dependencies": { @@ -7091,12 +7015,18 @@ "picocolors": "^1.0.0" }, "bin": { - "browserslist-lint": "cli.js" + "update-browserslist-db": "cli.js" }, "peerDependencies": { "browserslist": ">= 4.21.0" } }, + "node_modules/update-browserslist-db/node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, "node_modules/uri-js": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", @@ -7221,9 +7151,9 @@ } }, "node_modules/vinyl-contents/node_modules/readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", "dev": true, "dependencies": { "inherits": "^2.0.3", @@ -7445,15 +7375,6 @@ "node": ">=0.10.0" } }, - "node_modules/wrap-ansi/node_modules/ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", @@ -7480,18 +7401,6 @@ "node": ">=0.10.0" } }, - "node_modules/wrap-ansi/node_modules/strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", - "dev": true, - "dependencies": { - "ansi-regex": "^2.0.0" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", @@ -7549,15 +7458,6 @@ "node": ">=10" } }, - "node_modules/yargs/node_modules/ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/yargs/node_modules/camelcase": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", @@ -7650,9 +7550,9 @@ } }, "node_modules/yargs/node_modules/semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true, "bin": { "semver": "bin/semver" @@ -7672,18 +7572,6 @@ "node": ">=0.10.0" } }, - "node_modules/yargs/node_modules/strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", - "dev": true, - "dependencies": { - "ansi-regex": "^2.0.0" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/yargs/node_modules/yargs-parser": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.1.tgz", @@ -7694,6199 +7582,5 @@ "object.assign": "^4.1.0" } } - }, - "dependencies": { - "@babel/code-frame": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz", - "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==", - "dev": true, - "requires": { - "@babel/highlight": "^7.18.6" - } - }, - "@babel/helper-string-parser": { - "version": "7.18.10", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz", - "integrity": "sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==", - "dev": true - }, - "@babel/helper-validator-identifier": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz", - "integrity": "sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==", - "dev": true - }, - "@babel/highlight": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz", - "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", - "dev": true, - "requires": { - "@babel/helper-validator-identifier": "^7.18.6", - "chalk": "^2.0.0", - "js-tokens": "^4.0.0" - }, - "dependencies": { - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, - "requires": { - "color-convert": "^1.9.0" - } - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", - "dev": true - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "dev": true - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "@babel/parser": { - "version": "7.18.13", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.13.tgz", - "integrity": "sha512-dgXcIfMuQ0kgzLB2b9tRZs7TTFFaGM2AbtA4fJgUUYukzGH4jwsS7hzQHEGs67jdehpm22vkgKwvbU+aEflgwg==", - "dev": true - }, - "@babel/types": { - "version": "7.18.13", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.13.tgz", - "integrity": "sha512-ePqfTihzW0W6XAU+aMw2ykilisStJfDnsejDCXRchCcMJ4O0+8DhPXf2YUbZ6wjBlsEmZwLK/sPweWtu8hcJYQ==", - "dev": true, - "requires": { - "@babel/helper-string-parser": "^7.18.10", - "@babel/helper-validator-identifier": "^7.18.6", - "to-fast-properties": "^2.0.0" - } - }, - "@gar/promisify": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz", - "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==", - "dev": true - }, - "@npmcli/fs": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz", - "integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==", - "dev": true, - "requires": { - "@gar/promisify": "^1.0.1", - "semver": "^7.3.5" - } - }, - "@npmcli/move-file": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.2.tgz", - "integrity": "sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==", - "dev": true, - "requires": { - "mkdirp": "^1.0.4", - "rimraf": "^3.0.2" - } - }, - "@tootallnate/once": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz", - "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==", - "dev": true - }, - "@types/minimist": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz", - "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==", - "dev": true - }, - "@types/normalize-package-data": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", - "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==", - "dev": true - }, - "abbrev": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", - "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==", - "dev": true - }, - "acorn": { - "version": "7.4.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", - "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", - "dev": true - }, - "agent-base": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz", - "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==", - "dev": true, - "requires": { - "debug": "4" - }, - "dependencies": { - "debug": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", - "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", - "dev": true, - "requires": { - "ms": "2.1.2" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - } - } - }, - "agentkeepalive": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.2.1.tgz", - "integrity": "sha512-Zn4cw2NEqd+9fiSVWMscnjyQ1a8Yfoc5oBajLeo5w+YBHgDUcEBY2hS4YpTz6iN5f/2zQiktcuM6tS8x1p9dpA==", - "dev": true, - "requires": { - "debug": "^4.1.0", - "depd": "^1.1.2", - "humanize-ms": "^1.2.1" - }, - "dependencies": { - "debug": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", - "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", - "dev": true, - "requires": { - "ms": "2.1.2" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - } - } - }, - "aggregate-error": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", - "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", - "dev": true, - "requires": { - "clean-stack": "^2.0.0", - "indent-string": "^4.0.0" - } - }, - "ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "ansi-colors": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", - "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", - "dev": true, - "requires": { - "ansi-wrap": "^0.1.0" - } - }, - "ansi-cyan": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/ansi-cyan/-/ansi-cyan-0.1.1.tgz", - "integrity": "sha512-eCjan3AVo/SxZ0/MyIYRtkpxIu/H3xZN7URr1vXVrISxeyz8fUFz0FJziamK4sS8I+t35y4rHg1b2PklyBe/7A==", - "dev": true, - "requires": { - "ansi-wrap": "0.1.0" - } - }, - "ansi-gray": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/ansi-gray/-/ansi-gray-0.1.1.tgz", - "integrity": "sha512-HrgGIZUl8h2EHuZaU9hTR/cU5nhKxpVE1V6kdGsQ8e4zirElJ5fvtfc8N7Q1oq1aatO275i8pUFUCpNWCAnVWw==", - "dev": true, - "requires": { - "ansi-wrap": "0.1.0" - } - }, - "ansi-red": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/ansi-red/-/ansi-red-0.1.1.tgz", - "integrity": "sha512-ewaIr5y+9CUTGFwZfpECUbFlGcC0GCw1oqR9RI6h1gQCd9Aj2GxSckCnPsVJnmfMZbwFYE+leZGASgkWl06Jow==", - "dev": true, - "requires": { - "ansi-wrap": "0.1.0" - } - }, - "ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true - }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "ansi-wrap": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/ansi-wrap/-/ansi-wrap-0.1.0.tgz", - "integrity": "sha512-ZyznvL8k/FZeQHr2T6LzcJ/+vBApDnMNZvfVFy3At0knswWd6rJ3/0Hhmpu8oqa6C92npmozs890sX9Dl6q+Qw==", - "dev": true - }, - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - }, - "dependencies": { - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } - } - } - }, - "append-buffer": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz", - "integrity": "sha512-WLbYiXzD3y/ATLZFufV/rZvWdZOs+Z/+5v1rBZ463Jn398pa6kcde27cvozYnBoxXblGZTFfoPpsaEw0orU5BA==", - "dev": true, - "requires": { - "buffer-equal": "^1.0.0" - } - }, - "aproba": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz", - "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==", - "dev": true - }, - "archy": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz", - "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==", - "dev": true - }, - "are-we-there-yet": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz", - "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==", - "dev": true, - "requires": { - "delegates": "^1.0.0", - "readable-stream": "^3.6.0" - }, - "dependencies": { - "readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", - "dev": true - }, - "arr-filter": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/arr-filter/-/arr-filter-1.1.2.tgz", - "integrity": "sha512-A2BETWCqhsecSvCkWAeVBFLH6sXEUGASuzkpjL3GR1SlL/PWL6M3J8EAAld2Uubmh39tvkJTqC9LeLHCUKmFXA==", - "dev": true, - "requires": { - "make-iterator": "^1.0.0" - } - }, - "arr-flatten": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", - "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==", - "dev": true - }, - "arr-map": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/arr-map/-/arr-map-2.0.2.tgz", - "integrity": "sha512-tVqVTHt+Q5Xb09qRkbu+DidW1yYzz5izWS2Xm2yFm7qJnmUfz4HPzNxbHkdRJbz2lrqI7S+z17xNYdFcBBO8Hw==", - "dev": true, - "requires": { - "make-iterator": "^1.0.0" - } - }, - "arr-union": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", - "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==", - "dev": true - }, - "array-each": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz", - "integrity": "sha512-zHjL5SZa68hkKHBFBK6DJCTtr9sfTCPCaph/L7tMSLcTFgy+zX7E+6q5UArbtOtMBCtxdICpfTCspRse+ywyXA==", - "dev": true - }, - "array-initial": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/array-initial/-/array-initial-1.1.0.tgz", - "integrity": "sha512-BC4Yl89vneCYfpLrs5JU2aAu9/a+xWbeKhvISg9PT7eWFB9UlRvI+rKEtk6mgxWr3dSkk9gQ8hCrdqt06NXPdw==", - "dev": true, - "requires": { - "array-slice": "^1.0.0", - "is-number": "^4.0.0" - }, - "dependencies": { - "is-number": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", - "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==", - "dev": true - } - } - }, - "array-last": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/array-last/-/array-last-1.3.0.tgz", - "integrity": "sha512-eOCut5rXlI6aCOS7Z7kCplKRKyiFQ6dHFBem4PwlwKeNFk2/XxTrhRh5T9PyaEWGy/NHTZWbY+nsZlNFJu9rYg==", - "dev": true, - "requires": { - "is-number": "^4.0.0" - }, - "dependencies": { - "is-number": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", - "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==", - "dev": true - } - } - }, - "array-slice": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz", - "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==", - "dev": true - }, - "array-sort": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/array-sort/-/array-sort-1.0.0.tgz", - "integrity": "sha512-ihLeJkonmdiAsD7vpgN3CRcx2J2S0TiYW+IS/5zHBI7mKUq3ySvBdzzBfD236ubDBQFiiyG3SWCPc+msQ9KoYg==", - "dev": true, - "requires": { - "default-compare": "^1.0.0", - "get-value": "^2.0.6", - "kind-of": "^5.0.2" - } - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==", - "dev": true - }, - "arrify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz", - "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==", - "dev": true - }, - "asap": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", - "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==", - "dev": true - }, - "asn1": { - "version": "0.2.6", - "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz", - "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==", - "dev": true, - "requires": { - "safer-buffer": "~2.1.0" - } - }, - "assert-never": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/assert-never/-/assert-never-1.2.1.tgz", - "integrity": "sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==", - "dev": true - }, - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==", - "dev": true - }, - "assign-symbols": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", - "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==", - "dev": true - }, - "async-done": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/async-done/-/async-done-1.3.2.tgz", - "integrity": "sha512-uYkTP8dw2og1tu1nmza1n1CMW0qb8gWWlwqMmLb7MhBVs4BXrFziT6HXUd+/RlRA/i4H9AkofYloUbs1fwMqlw==", - "dev": true, - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.2", - "process-nextick-args": "^2.0.0", - "stream-exhaust": "^1.0.1" - } - }, - "async-each": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", - "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", - "dev": true - }, - "async-foreach": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz", - "integrity": "sha512-VUeSMD8nEGBWaZK4lizI1sf3yEC7pnAQ/mrI7pC2fBz2s/tq5jWWEngTwaf0Gruu/OoXRGLGg1XFqpYBiGTYJA==", - "dev": true - }, - "async-settle": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/async-settle/-/async-settle-1.0.0.tgz", - "integrity": "sha512-VPXfB4Vk49z1LHHodrEQ6Xf7W4gg1w0dAPROHngx7qgDjqmIQ+fXmwgGXTW/ITLai0YLSvWepJOP9EVpMnEAcw==", - "dev": true, - "requires": { - "async-done": "^1.2.2" - } - }, - "asynckit": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", - "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", - "dev": true - }, - "atob": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", - "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==", - "dev": true - }, - "autoprefixer": { - "version": "9.8.8", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz", - "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==", - "dev": true, - "requires": { - "browserslist": "^4.12.0", - "caniuse-lite": "^1.0.30001109", - "normalize-range": "^0.1.2", - "num2fraction": "^1.2.2", - "picocolors": "^0.2.1", - "postcss": "^7.0.32", - "postcss-value-parser": "^4.1.0" - }, - "dependencies": { - "picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", - "dev": true - } - } - }, - "aws-sign2": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", - "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==", - "dev": true - }, - "aws4": { - "version": "1.11.0", - "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz", - "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==", - "dev": true - }, - "babel-walk": { - "version": "3.0.0-canary-5", - "resolved": "https://registry.npmjs.org/babel-walk/-/babel-walk-3.0.0-canary-5.tgz", - "integrity": "sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==", - "dev": true, - "requires": { - "@babel/types": "^7.9.6" - } - }, - "bach": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/bach/-/bach-1.2.0.tgz", - "integrity": "sha512-bZOOfCb3gXBXbTFXq3OZtGR88LwGeJvzu6szttaIzymOTS4ZttBNOWSv7aLZja2EMycKtRYV0Oa8SNKH/zkxvg==", - "dev": true, - "requires": { - "arr-filter": "^1.1.1", - "arr-flatten": "^1.0.1", - "arr-map": "^2.0.0", - "array-each": "^1.0.0", - "array-initial": "^1.0.0", - "array-last": "^1.1.1", - "async-done": "^1.2.2", - "async-settle": "^1.0.0", - "now-and-later": "^2.0.0" - } - }, - "balanced-match": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true - }, - "base": { - "version": "0.11.2", - "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", - "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", - "dev": true, - "requires": { - "cache-base": "^1.0.1", - "class-utils": "^0.3.5", - "component-emitter": "^1.2.1", - "define-property": "^1.0.0", - "isobject": "^3.0.1", - "mixin-deep": "^1.2.0", - "pascalcase": "^0.1.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - } - } - }, - "bcrypt-pbkdf": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", - "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==", - "dev": true, - "requires": { - "tweetnacl": "^0.14.3" - } - }, - "binary-extensions": { - "version": "1.13.1", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", - "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", - "dev": true - }, - "bindings": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", - "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", - "dev": true, - "optional": true, - "requires": { - "file-uri-to-path": "1.0.0" - } - }, - "bl": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/bl/-/bl-3.0.1.tgz", - "integrity": "sha512-jrCW5ZhfQ/Vt07WX1Ngs+yn9BDqPL/gw28S7s9H6QK/gupnizNzJAss5akW20ISgOrbLTlXOOCTJeNUQqruAWQ==", - "dev": true, - "requires": { - "readable-stream": "^3.0.1" - }, - "dependencies": { - "readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - } - }, - "browserslist": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.3.tgz", - "integrity": "sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==", - "dev": true, - "requires": { - "caniuse-lite": "^1.0.30001370", - "electron-to-chromium": "^1.4.202", - "node-releases": "^2.0.6", - "update-browserslist-db": "^1.0.5" - } - }, - "buffer-equal": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.0.tgz", - "integrity": "sha512-tcBWO2Dl4e7Asr9hTGcpVrCe+F7DubpmqWCTbj4FHLmjqO2hIaC383acQubWtRJhdceqs5uBHs6Es+Sk//RKiQ==", - "dev": true - }, - "buffer-from": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", - "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", - "dev": true - }, - "cacache": { - "version": "15.3.0", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz", - "integrity": "sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==", - "dev": true, - "requires": { - "@npmcli/fs": "^1.0.0", - "@npmcli/move-file": "^1.0.1", - "chownr": "^2.0.0", - "fs-minipass": "^2.0.0", - "glob": "^7.1.4", - "infer-owner": "^1.0.4", - "lru-cache": "^6.0.0", - "minipass": "^3.1.1", - "minipass-collect": "^1.0.2", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.2", - "mkdirp": "^1.0.3", - "p-map": "^4.0.0", - "promise-inflight": "^1.0.1", - "rimraf": "^3.0.2", - "ssri": "^8.0.1", - "tar": "^6.0.2", - "unique-filename": "^1.1.1" - }, - "dependencies": { - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - } - } - }, - "cache-base": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", - "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", - "dev": true, - "requires": { - "collection-visit": "^1.0.0", - "component-emitter": "^1.2.1", - "get-value": "^2.0.6", - "has-value": "^1.0.0", - "isobject": "^3.0.1", - "set-value": "^2.0.0", - "to-object-path": "^0.3.0", - "union-value": "^1.0.0", - "unset-value": "^1.0.0" - } - }, - "call-bind": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz", - "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==", - "dev": true, - "requires": { - "function-bind": "^1.1.1", - "get-intrinsic": "^1.0.2" - } - }, - "camelcase": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", - "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", - "dev": true - }, - "camelcase-keys": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz", - "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==", - "dev": true, - "requires": { - "camelcase": "^5.3.1", - "map-obj": "^4.0.0", - "quick-lru": "^4.0.1" - } - }, - "caniuse-lite": { - "version": "1.0.30001388", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001388.tgz", - "integrity": "sha512-znVbq4OUjqgLxMxoNX2ZeeLR0d7lcDiE5uJ4eUiWdml1J1EkxbnQq6opT9jb9SMfJxB0XA16/ziHwni4u1I3GQ==", - "dev": true - }, - "caseless": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", - "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==", - "dev": true - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "character-parser": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/character-parser/-/character-parser-2.2.0.tgz", - "integrity": "sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==", - "dev": true, - "requires": { - "is-regex": "^1.0.3" - } - }, - "chokidar": { - "version": "2.1.8", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz", - "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.1", - "braces": "^2.3.2", - "fsevents": "^1.2.7", - "glob-parent": "^3.1.0", - "inherits": "^2.0.3", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "normalize-path": "^3.0.0", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.2.1", - "upath": "^1.1.1" - } - }, - "chownr": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", - "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", - "dev": true - }, - "class-utils": { - "version": "0.3.6", - "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", - "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", - "dev": true, - "requires": { - "arr-union": "^3.1.0", - "define-property": "^0.2.5", - "isobject": "^3.0.0", - "static-extend": "^0.1.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - } - } - }, - "clean-css": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz", - "integrity": "sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==", - "dev": true, - "requires": { - "source-map": "~0.6.0" - } - }, - "clean-stack": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", - "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", - "dev": true - }, - "cliui": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", - "integrity": "sha512-0yayqDxWQbqk3ojkYqUKqaAQ6AfNKeKWRNA8kR0WXzAsdHpP4BIaOmMAG87JGuO6qcobyW4GjxHd9PmhEd+T9w==", - "dev": true, - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wrap-ansi": "^2.0.0" - }, - "dependencies": { - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==", - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==", - "dev": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - } - } - }, - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==", - "dev": true - }, - "clone-buffer": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz", - "integrity": "sha512-KLLTJWrvwIP+OPfMn0x2PheDEP20RPUcGXj/ERegTgdmPEZylALQldygiqrPPu8P45uNuPs7ckmReLY6v/iA5g==", - "dev": true - }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha512-au6ydSpg6nsrigcZ4m8Bc9hxjeW+GJ8xh5G3BJCMt4WXe1H10UNaVOamqQTmrx1kjVuxAHIQSNU6hY4Nsn9/ag==", - "dev": true - }, - "cloneable-readable": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz", - "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==", - "dev": true, - "requires": { - "inherits": "^2.0.1", - "process-nextick-args": "^2.0.0", - "readable-stream": "^2.3.5" - } - }, - "code-point-at": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", - "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==", - "dev": true - }, - "collection-map": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/collection-map/-/collection-map-1.0.0.tgz", - "integrity": "sha512-5D2XXSpkOnleOI21TG7p3T0bGAsZ/XknZpKBmGYyluO8pw4zA3K8ZlrBIbC4FXg3m6z/RNFiUFfT2sQK01+UHA==", - "dev": true, - "requires": { - "arr-map": "^2.0.2", - "for-own": "^1.0.0", - "make-iterator": "^1.0.0" - } - }, - "collection-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", - "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==", - "dev": true, - "requires": { - "map-visit": "^1.0.0", - "object-visit": "^1.0.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "color-support": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", - "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==", - "dev": true - }, - "combined-stream": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", - "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", - "dev": true, - "requires": { - "delayed-stream": "~1.0.0" - } - }, - "commander": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.0.0.tgz", - "integrity": "sha512-qebjpyeaA/nJ4w3EO2cV2++/zEkccPnjWogzA2rff+Lk8ILI75vULeTmyd4wPxWdKwtP3J+G39IXVZadh0UHyw==", - "dev": true - }, - "component-emitter": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz", - "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==", - "dev": true - }, - "concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true - }, - "concat-stream": { - "version": "1.6.2", - "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", - "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", - "dev": true, - "requires": { - "buffer-from": "^1.0.0", - "inherits": "^2.0.3", - "readable-stream": "^2.2.2", - "typedarray": "^0.0.6" - } - }, - "console-control-strings": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", - "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==", - "dev": true - }, - "constantinople": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-4.0.1.tgz", - "integrity": "sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==", - "dev": true, - "requires": { - "@babel/parser": "^7.6.0", - "@babel/types": "^7.6.1" - } - }, - "convert-source-map": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz", - "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.1" - } - }, - "copy-descriptor": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", - "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==", - "dev": true - }, - "copy-props": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/copy-props/-/copy-props-2.0.5.tgz", - "integrity": "sha512-XBlx8HSqrT0ObQwmSzM7WE5k8FxTV75h1DX1Z3n6NhQ/UYYAvInWYmG06vFt7hQZArE2fuO62aihiWIVQwh1sw==", - "dev": true, - "requires": { - "each-props": "^1.3.2", - "is-plain-object": "^5.0.0" - } - }, - "core-util-is": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", - "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", - "dev": true - }, - "cross-spawn": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", - "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", - "dev": true, - "requires": { - "path-key": "^3.1.0", - "shebang-command": "^2.0.0", - "which": "^2.0.1" - } - }, - "csscomb": { - "version": "3.1.8", - "resolved": "https://registry.npmjs.org/csscomb/-/csscomb-3.1.8.tgz", - "integrity": "sha512-B3PpQGLVYExNDPV6RruMTPv27q+LTfH1mTzaLr+zNQHScdCFmdPCVef1sHwU5x5lLzxttoeAIOzHodd8/ppJmg==", - "dev": true, - "requires": { - "commander": "2.0.0", - "csscomb-core": "3.0.0-3.1", - "gonzales-pe": "3.0.0-28", - "vow": "0.4.4" - } - }, - "csscomb-core": { - "version": "3.0.0-3.1", - "resolved": "https://registry.npmjs.org/csscomb-core/-/csscomb-core-3.0.0-3.1.tgz", - "integrity": "sha512-lH06bqpHy9wqVZHW0SpT76VyUV+dRe/8YArY8vHIgZTDakrSqXNlfK29G+sIDXRcCfXQ/+HE32z7rUA+Ib5JJQ==", - "dev": true, - "requires": { - "gonzales-pe": "3.0.0-28", - "minimatch": "0.2.12", - "vow": "0.4.4", - "vow-fs": "0.3.2" - } - }, - "d": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz", - "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==", - "dev": true, - "requires": { - "es5-ext": "^0.10.50", - "type": "^1.0.1" - } - }, - "dashdash": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", - "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==", - "dev": true, - "requires": { - "assert-plus": "^1.0.0" - } - }, - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "decamelize": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", - "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==", - "dev": true - }, - "decamelize-keys": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz", - "integrity": "sha512-ocLWuYzRPoS9bfiSdDd3cxvrzovVMZnRDVEzAs+hWIVXGDbHxWMECij2OBuyB/An0FFW/nLuq6Kv1i/YC5Qfzg==", - "dev": true, - "requires": { - "decamelize": "^1.1.0", - "map-obj": "^1.0.0" - }, - "dependencies": { - "map-obj": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", - "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==", - "dev": true - } - } - }, - "decode-uri-component": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", - "integrity": "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==", - "dev": true - }, - "default-compare": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/default-compare/-/default-compare-1.0.0.tgz", - "integrity": "sha512-QWfXlM0EkAbqOCbD/6HjdwT19j7WCkMyiRhWilc4H9/5h/RzTF9gv5LYh1+CmDV5d1rki6KAWLtQale0xt20eQ==", - "dev": true, - "requires": { - "kind-of": "^5.0.2" - } - }, - "default-resolution": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/default-resolution/-/default-resolution-2.0.0.tgz", - "integrity": "sha512-2xaP6GiwVwOEbXCGoJ4ufgC76m8cj805jrghScewJC2ZDsb9U0b4BIrba+xt/Uytyd0HvQ6+WymSRTfnYj59GQ==", - "dev": true - }, - "define-properties": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz", - "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==", - "dev": true, - "requires": { - "has-property-descriptors": "^1.0.0", - "object-keys": "^1.1.1" - } - }, - "define-property": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", - "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", - "dev": true, - "requires": { - "is-descriptor": "^1.0.2", - "isobject": "^3.0.1" - } - }, - "delayed-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", - "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", - "dev": true - }, - "delegates": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", - "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==", - "dev": true - }, - "depd": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", - "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", - "dev": true - }, - "detect-file": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz", - "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==", - "dev": true - }, - "doctypes": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz", - "integrity": "sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ==", - "dev": true - }, - "duplexify": { - "version": "3.7.1", - "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz", - "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==", - "dev": true, - "requires": { - "end-of-stream": "^1.0.0", - "inherits": "^2.0.1", - "readable-stream": "^2.0.0", - "stream-shift": "^1.0.0" - } - }, - "each-props": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/each-props/-/each-props-1.3.2.tgz", - "integrity": "sha512-vV0Hem3zAGkJAyU7JSjixeU66rwdynTAa1vofCrSA5fEln+m67Az9CcnkVD776/fsN/UjIWmBDoNRS6t6G9RfA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.1", - "object.defaults": "^1.1.0" - }, - "dependencies": { - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "ecc-jsbn": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", - "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==", - "dev": true, - "requires": { - "jsbn": "~0.1.0", - "safer-buffer": "^2.1.0" - } - }, - "electron-to-chromium": { - "version": "1.4.241", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.241.tgz", - "integrity": "sha512-e7Wsh4ilaioBZ5bMm6+F4V5c11dh56/5Jwz7Hl5Tu1J7cnB+Pqx5qIF2iC7HPpfyQMqGSvvLP5bBAIDd2gAtGw==", - "dev": true - }, - "emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true - }, - "encoding": { - "version": "0.1.13", - "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", - "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", - "dev": true, - "optional": true, - "requires": { - "iconv-lite": "^0.6.2" - } - }, - "end-of-stream": { - "version": "1.4.4", - "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", - "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==", - "dev": true, - "requires": { - "once": "^1.4.0" - } - }, - "env-paths": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", - "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", - "dev": true - }, - "err-code": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz", - "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==", - "dev": true - }, - "error-ex": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", - "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", - "dev": true, - "requires": { - "is-arrayish": "^0.2.1" - } - }, - "es5-ext": { - "version": "0.10.61", - "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.61.tgz", - "integrity": "sha512-yFhIqQAzu2Ca2I4SE2Au3rxVfmohU9Y7wqGR+s7+H7krk26NXhIRAZDgqd6xqjCEFUomDEA3/Bo/7fKmIkW1kA==", - "dev": true, - "requires": { - "es6-iterator": "^2.0.3", - "es6-symbol": "^3.1.3", - "next-tick": "^1.1.0" - } - }, - "es6-iterator": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz", - "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==", - "dev": true, - "requires": { - "d": "1", - "es5-ext": "^0.10.35", - "es6-symbol": "^3.1.1" - } - }, - "es6-symbol": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz", - "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==", - "dev": true, - "requires": { - "d": "^1.0.1", - "ext": "^1.1.2" - } - }, - "es6-weak-map": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz", - "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==", - "dev": true, - "requires": { - "d": "1", - "es5-ext": "^0.10.46", - "es6-iterator": "^2.0.3", - "es6-symbol": "^3.1.1" - } - }, - "escalade": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", - "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", - "dev": true - }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "dev": true - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==", - "dev": true, - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - } - } - }, - "expand-tilde": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz", - "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==", - "dev": true, - "requires": { - "homedir-polyfill": "^1.0.1" - } - }, - "ext": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/ext/-/ext-1.6.0.tgz", - "integrity": "sha512-sdBImtzkq2HpkdRLtlLWDa6w4DX22ijZLKx8BMPUuKe1c5lbN6xwQDQCxSfxBQnHZ13ls/FH0MQZx/q/gr6FQg==", - "dev": true, - "requires": { - "type": "^2.5.0" - }, - "dependencies": { - "type": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/type/-/type-2.6.0.tgz", - "integrity": "sha512-eiDBDOmkih5pMbo9OqsqPRGMljLodLcwd5XD5JbtNB0o89xZAwynY9EdCDsJU7LtcVCClu9DvM7/0Ep1hYX3EQ==", - "dev": true - } - } - }, - "extend": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", - "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", - "dev": true - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "dev": true, - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - } - } - }, - "extsprintf": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz", - "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==", - "dev": true - }, - "fancy-log": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-1.3.3.tgz", - "integrity": "sha512-k9oEhlyc0FrVh25qYuSELjr8oxsCoc4/LEZfg2iJJrfEk/tZL9bCoJE47gqAvI2m/AUjluCS4+3I0eTx8n3AEw==", - "dev": true, - "requires": { - "ansi-gray": "^0.1.1", - "color-support": "^1.1.3", - "parse-node-version": "^1.0.0", - "time-stamp": "^1.0.0" - } - }, - "fast-deep-equal": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", - "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", - "dev": true - }, - "fast-json-stable-stringify": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", - "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", - "dev": true - }, - "fast-levenshtein": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-1.1.4.tgz", - "integrity": "sha512-Ia0sQNrMPXXkqVFt6w6M1n1oKo3NfKs+mvaV811Jwir7vAk9a6PVV9VPYf6X3BU97QiLEmuW3uXH9u87zDFfdw==", - "dev": true - }, - "file-uri-to-path": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", - "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", - "dev": true, - "optional": true - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - } - }, - "find-up": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", - "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", - "dev": true, - "requires": { - "locate-path": "^5.0.0", - "path-exists": "^4.0.0" - } - }, - "findup-sync": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-3.0.0.tgz", - "integrity": "sha512-YbffarhcicEhOrm4CtrwdKBdCuz576RLdhJDsIfvNtxUuhdRet1qZcsMjqbePtAseKdAnDyM/IyXbu7PRPRLYg==", - "dev": true, - "requires": { - "detect-file": "^1.0.0", - "is-glob": "^4.0.0", - "micromatch": "^3.0.4", - "resolve-dir": "^1.0.1" - } - }, - "fined": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/fined/-/fined-1.2.0.tgz", - "integrity": "sha512-ZYDqPLGxDkDhDZBjZBb+oD1+j0rA4E0pXY50eplAAOPg2N/gUBSSk5IM1/QhPfyVo19lJ+CvXpqfvk+b2p/8Ng==", - "dev": true, - "requires": { - "expand-tilde": "^2.0.2", - "is-plain-object": "^2.0.3", - "object.defaults": "^1.1.0", - "object.pick": "^1.2.0", - "parse-filepath": "^1.0.1" - }, - "dependencies": { - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "flagged-respawn": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-1.0.1.tgz", - "integrity": "sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q==", - "dev": true - }, - "flush-write-stream": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz", - "integrity": "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "readable-stream": "^2.3.6" - } - }, - "for-in": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", - "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==", - "dev": true - }, - "for-own": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz", - "integrity": "sha512-0OABksIGrxKK8K4kynWkQ7y1zounQxP+CWnyclVwj81KW3vlLlGUx57DKGcP/LH216GzqnstnPocF16Nxs0Ycg==", - "dev": true, - "requires": { - "for-in": "^1.0.1" - } - }, - "forever-agent": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz", - "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==", - "dev": true - }, - "form-data": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", - "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", - "dev": true, - "requires": { - "asynckit": "^0.4.0", - "combined-stream": "^1.0.6", - "mime-types": "^2.1.12" - } - }, - "fragment-cache": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", - "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==", - "dev": true, - "requires": { - "map-cache": "^0.2.2" - } - }, - "fs-minipass": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", - "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - } - }, - "fs-mkdirp-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-1.0.0.tgz", - "integrity": "sha512-+vSd9frUnapVC2RZYfL3FCB2p3g4TBhaUmrsWlSudsGdnxIuUvBB2QM1VZeBtc49QFwrp+wQLrDs3+xxDgI5gQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.11", - "through2": "^2.0.3" - }, - "dependencies": { - "through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "requires": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - } - } - }, - "fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", - "dev": true - }, - "fsevents": { - "version": "1.2.13", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz", - "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==", - "dev": true, - "optional": true, - "requires": { - "bindings": "^1.5.0", - "nan": "^2.12.1" - } - }, - "function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", - "dev": true - }, - "gauge": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz", - "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==", - "dev": true, - "requires": { - "aproba": "^1.0.3 || ^2.0.0", - "color-support": "^1.1.2", - "console-control-strings": "^1.0.0", - "has-unicode": "^2.0.1", - "object-assign": "^4.1.1", - "signal-exit": "^3.0.0", - "string-width": "^4.2.3", - "strip-ansi": "^6.0.1", - "wide-align": "^1.1.2" - } - }, - "gaze": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz", - "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==", - "dev": true, - "requires": { - "globule": "^1.0.0" - } - }, - "get-caller-file": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", - "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", - "dev": true - }, - "get-intrinsic": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.2.tgz", - "integrity": "sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==", - "dev": true, - "requires": { - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.3" - } - }, - "get-stdin": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz", - "integrity": "sha512-F5aQMywwJ2n85s4hJPTT9RPxGmubonuB10MNYo17/xph174n2MIR33HRguhzVag10O/npM7SPk73LMZNP+FaWw==", - "dev": true - }, - "get-value": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", - "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==", - "dev": true - }, - "getpass": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz", - "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==", - "dev": true, - "requires": { - "assert-plus": "^1.0.0" - } - }, - "glob": { - "version": "7.2.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", - "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.1.1", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - }, - "dependencies": { - "minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - } - } - }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - }, - "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "glob-stream": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-6.1.0.tgz", - "integrity": "sha512-uMbLGAP3S2aDOHUDfdoYcdIePUCfysbAd0IAoWVZbeGU/oNQ8asHVSshLDJUPWxfzj8zsCG7/XeHPHTtow0nsw==", - "dev": true, - "requires": { - "extend": "^3.0.0", - "glob": "^7.1.1", - "glob-parent": "^3.1.0", - "is-negated-glob": "^1.0.0", - "ordered-read-streams": "^1.0.0", - "pumpify": "^1.3.5", - "readable-stream": "^2.1.5", - "remove-trailing-separator": "^1.0.1", - "to-absolute-glob": "^2.0.0", - "unique-stream": "^2.0.2" - } - }, - "glob-watcher": { - "version": "5.0.5", - "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-5.0.5.tgz", - "integrity": "sha512-zOZgGGEHPklZNjZQaZ9f41i7F2YwE+tS5ZHrDhbBCk3stwahn5vQxnFmBJZHoYdusR6R1bLSXeGUy/BhctwKzw==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-done": "^1.2.0", - "chokidar": "^2.0.0", - "is-negated-glob": "^1.0.0", - "just-debounce": "^1.0.0", - "normalize-path": "^3.0.0", - "object.defaults": "^1.1.0" - } - }, - "global-modules": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz", - "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==", - "dev": true, - "requires": { - "global-prefix": "^1.0.1", - "is-windows": "^1.0.1", - "resolve-dir": "^1.0.0" - } - }, - "global-prefix": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz", - "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==", - "dev": true, - "requires": { - "expand-tilde": "^2.0.2", - "homedir-polyfill": "^1.0.1", - "ini": "^1.3.4", - "is-windows": "^1.0.1", - "which": "^1.2.14" - }, - "dependencies": { - "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - } - } - }, - "globule": { - "version": "1.3.4", - "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.4.tgz", - "integrity": "sha512-OPTIfhMBh7JbBYDpa5b+Q5ptmMWKwcNcFSR/0c6t8V4f3ZAVBEsKNY37QdVqmLRYSMhOUGYrY0QhSoEpzGr/Eg==", - "dev": true, - "requires": { - "glob": "~7.1.1", - "lodash": "^4.17.21", - "minimatch": "~3.0.2" - }, - "dependencies": { - "glob": { - "version": "7.1.7", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz", - "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "minimatch": { - "version": "3.0.8", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz", - "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==", - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - } - } - }, - "glogg": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.2.tgz", - "integrity": "sha512-5mwUoSuBk44Y4EshyiqcH95ZntbDdTQqA3QYSrxmzj28Ai0vXBGMH1ApSANH14j2sIRtqCEyg6PfsuP7ElOEDA==", - "dev": true, - "requires": { - "sparkles": "^1.0.0" - } - }, - "gonzales-pe": { - "version": "3.0.0-28", - "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-3.0.0-28.tgz", - "integrity": "sha512-sCw8URZxZobuEYqQxip57k2ND5nO1JPV9DL3pzCdjd9RDghFOCunMRxKRmC1qgyZUHGfYtOWZ4Q00zCY8Rgf5w==", - "dev": true - }, - "graceful-fs": { - "version": "4.2.10", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz", - "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==", - "dev": true - }, - "gulp": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/gulp/-/gulp-4.0.2.tgz", - "integrity": "sha512-dvEs27SCZt2ibF29xYgmnwwCYZxdxhQ/+LFWlbAW8y7jt68L/65402Lz3+CKy0Ov4rOs+NERmDq7YlZaDqUIfA==", - "dev": true, - "requires": { - "glob-watcher": "^5.0.3", - "gulp-cli": "^2.2.0", - "undertaker": "^1.2.1", - "vinyl-fs": "^3.0.0" - } - }, - "gulp-autoprefixer": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/gulp-autoprefixer/-/gulp-autoprefixer-6.1.0.tgz", - "integrity": "sha512-Ti/BUFe+ekhbDJfspZIMiOsOvw51KhI9EncsDfK7NaxjqRm+v4xS9v99kPxEoiDavpWqQWvG8Y6xT1mMlB3aXA==", - "dev": true, - "requires": { - "autoprefixer": "^9.5.1", - "fancy-log": "^1.3.2", - "plugin-error": "^1.0.1", - "postcss": "^7.0.2", - "through2": "^3.0.1", - "vinyl-sourcemaps-apply": "^0.2.1" - } - }, - "gulp-clean-css": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/gulp-clean-css/-/gulp-clean-css-4.3.0.tgz", - "integrity": "sha512-mGyeT3qqFXTy61j0zOIciS4MkYziF2U594t2Vs9rUnpkEHqfu6aDITMp8xOvZcvdX61Uz3y1mVERRYmjzQF5fg==", - "dev": true, - "requires": { - "clean-css": "4.2.3", - "plugin-error": "1.0.1", - "through2": "3.0.1", - "vinyl-sourcemaps-apply": "0.2.1" - }, - "dependencies": { - "through2": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/through2/-/through2-3.0.1.tgz", - "integrity": "sha512-M96dvTalPT3YbYLaKaCuwu+j06D/8Jfib0o/PxbVt6Amhv3dUAtW6rTV1jPgJSBG83I/e04Y6xkVdVhSRhi0ww==", - "dev": true, - "requires": { - "readable-stream": "2 || 3" - } - } - } - }, - "gulp-cli": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/gulp-cli/-/gulp-cli-2.3.0.tgz", - "integrity": "sha512-zzGBl5fHo0EKSXsHzjspp3y5CONegCm8ErO5Qh0UzFzk2y4tMvzLWhoDokADbarfZRL2pGpRp7yt6gfJX4ph7A==", - "dev": true, - "requires": { - "ansi-colors": "^1.0.1", - "archy": "^1.0.0", - "array-sort": "^1.0.0", - "color-support": "^1.1.3", - "concat-stream": "^1.6.0", - "copy-props": "^2.0.1", - "fancy-log": "^1.3.2", - "gulplog": "^1.0.0", - "interpret": "^1.4.0", - "isobject": "^3.0.1", - "liftoff": "^3.1.0", - "matchdep": "^2.0.0", - "mute-stdout": "^1.0.0", - "pretty-hrtime": "^1.0.0", - "replace-homedir": "^1.0.0", - "semver-greatest-satisfied-range": "^1.1.0", - "v8flags": "^3.2.0", - "yargs": "^7.1.0" - } - }, - "gulp-csscomb": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/gulp-csscomb/-/gulp-csscomb-3.1.0.tgz", - "integrity": "sha512-DNg9GcnN1hHYCVP5nO+pKNL9BPW9ucD6DmyS36etPpLc4mMNPd+xjM8bf9o+wZdNZJok9a/Wxv3/PAQwlFAl4A==", - "dev": true, - "requires": { - "ansi-colors": "^1.0.1", - "csscomb": "^3.1.7", - "fancy-log": "^1.3.2", - "plugin-error": "^0.1.2", - "through2": "^2.0.1" - }, - "dependencies": { - "arr-diff": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", - "integrity": "sha512-OQwDZUqYaQwyyhDJHThmzId8daf4/RFNLaeh3AevmSeZ5Y7ug4Ga/yKc6l6kTZOBW781rCj103ZuTh8GAsB3+Q==", - "dev": true, - "requires": { - "arr-flatten": "^1.0.1", - "array-slice": "^0.2.3" - } - }, - "arr-union": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", - "integrity": "sha512-t5db90jq+qdgk8aFnxEkjqta0B/GHrM1pxzuuZz2zWsOXc5nKu3t+76s/PQBA8FTcM/ipspIH9jWG4OxCBc2eA==", - "dev": true - }, - "array-slice": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", - "integrity": "sha512-rlVfZW/1Ph2SNySXwR9QYkChp8EkOEiTMO5Vwx60usw04i4nWemkm9RXmQqgkQFaLHsqLuADvjp6IfgL9l2M8Q==", - "dev": true - }, - "extend-shallow": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", - "integrity": "sha512-L7AGmkO6jhDkEBBGWlLtftA80Xq8DipnrRPr0pyi7GQLXkaq9JYA4xF4z6qnadIC6euiTDKco0cGSU9muw+WTw==", - "dev": true, - "requires": { - "kind-of": "^1.1.0" - } - }, - "kind-of": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", - "integrity": "sha512-aUH6ElPnMGon2/YkxRIigV32MOpTVcoXQ1Oo8aYn40s+sJ3j+0gFZsT8HKDcxNy7Fi9zuquWtGaGAahOdv5p/g==", - "dev": true - }, - "plugin-error": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", - "integrity": "sha512-WzZHcm4+GO34sjFMxQMqZbsz3xiNEgonCskQ9v+IroMmYgk/tas8dG+Hr2D6IbRPybZ12oWpzE/w3cGJ6FJzOw==", - "dev": true, - "requires": { - "ansi-cyan": "^0.1.1", - "ansi-red": "^0.1.1", - "arr-diff": "^1.0.1", - "arr-union": "^2.0.1", - "extend-shallow": "^1.1.2" - } - }, - "through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "requires": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - } - } - }, - "gulp-plumber": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/gulp-plumber/-/gulp-plumber-1.2.1.tgz", - "integrity": "sha512-mctAi9msEAG7XzW5ytDVZ9PxWMzzi1pS2rBH7lA095DhMa6KEXjm+St0GOCc567pJKJ/oCvosVAZEpAey0q2eQ==", - "dev": true, - "requires": { - "chalk": "^1.1.3", - "fancy-log": "^1.3.2", - "plugin-error": "^0.1.2", - "through2": "^2.0.3" - }, - "dependencies": { - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true - }, - "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==", - "dev": true - }, - "arr-diff": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", - "integrity": "sha512-OQwDZUqYaQwyyhDJHThmzId8daf4/RFNLaeh3AevmSeZ5Y7ug4Ga/yKc6l6kTZOBW781rCj103ZuTh8GAsB3+Q==", - "dev": true, - "requires": { - "arr-flatten": "^1.0.1", - "array-slice": "^0.2.3" - } - }, - "arr-union": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", - "integrity": "sha512-t5db90jq+qdgk8aFnxEkjqta0B/GHrM1pxzuuZz2zWsOXc5nKu3t+76s/PQBA8FTcM/ipspIH9jWG4OxCBc2eA==", - "dev": true - }, - "array-slice": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", - "integrity": "sha512-rlVfZW/1Ph2SNySXwR9QYkChp8EkOEiTMO5Vwx60usw04i4nWemkm9RXmQqgkQFaLHsqLuADvjp6IfgL9l2M8Q==", - "dev": true - }, - "chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==", - "dev": true, - "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - } - }, - "extend-shallow": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", - "integrity": "sha512-L7AGmkO6jhDkEBBGWlLtftA80Xq8DipnrRPr0pyi7GQLXkaq9JYA4xF4z6qnadIC6euiTDKco0cGSU9muw+WTw==", - "dev": true, - "requires": { - "kind-of": "^1.1.0" - } - }, - "kind-of": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", - "integrity": "sha512-aUH6ElPnMGon2/YkxRIigV32MOpTVcoXQ1Oo8aYn40s+sJ3j+0gFZsT8HKDcxNy7Fi9zuquWtGaGAahOdv5p/g==", - "dev": true - }, - "plugin-error": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", - "integrity": "sha512-WzZHcm4+GO34sjFMxQMqZbsz3xiNEgonCskQ9v+IroMmYgk/tas8dG+Hr2D6IbRPybZ12oWpzE/w3cGJ6FJzOw==", - "dev": true, - "requires": { - "ansi-cyan": "^0.1.1", - "ansi-red": "^0.1.1", - "arr-diff": "^1.0.1", - "arr-union": "^2.0.1", - "extend-shallow": "^1.1.2" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==", - "dev": true - }, - "through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "requires": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - } - } - }, - "gulp-pug": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/gulp-pug/-/gulp-pug-5.0.0.tgz", - "integrity": "sha512-NPnuj9hw35s78X/6Ho0vieKT/ipa0rh8cEAq3R4RWybZ7XEFPNez0O6kcxJipOLp3U6gjglsU1yiAR28bkuFkA==", - "dev": true, - "requires": { - "fancy-log": "^1.3.3", - "plugin-error": "^1.0.1", - "pug": "^3.0.2", - "replace-ext": "^2.0.0", - "through2": "^4.0.2", - "vinyl-contents": "^1.0.0" - }, - "dependencies": { - "readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - }, - "through2": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/through2/-/through2-4.0.2.tgz", - "integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==", - "dev": true, - "requires": { - "readable-stream": "3" - } - } - } - }, - "gulp-rename": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-1.4.0.tgz", - "integrity": "sha512-swzbIGb/arEoFK89tPY58vg3Ok1bw+d35PfUNwWqdo7KM4jkmuGA78JiDNqR+JeZFaeeHnRg9N7aihX3YPmsyg==", - "dev": true - }, - "gulp-sass": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/gulp-sass/-/gulp-sass-5.1.0.tgz", - "integrity": "sha512-7VT0uaF+VZCmkNBglfe1b34bxn/AfcssquLKVDYnCDJ3xNBaW7cUuI3p3BQmoKcoKFrs9jdzUxyb+u+NGfL4OQ==", - "dev": true, - "requires": { - "lodash.clonedeep": "^4.5.0", - "picocolors": "^1.0.0", - "plugin-error": "^1.0.1", - "replace-ext": "^2.0.0", - "strip-ansi": "^6.0.1", - "vinyl-sourcemaps-apply": "^0.2.1" - } - }, - "gulplog": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz", - "integrity": "sha512-hm6N8nrm3Y08jXie48jsC55eCZz9mnb4OirAStEk2deqeyhXU3C1otDVh+ccttMuc1sBi6RX6ZJ720hs9RCvgw==", - "dev": true, - "requires": { - "glogg": "^1.0.0" - } - }, - "har-schema": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", - "integrity": "sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==", - "dev": true - }, - "har-validator": { - "version": "5.1.5", - "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz", - "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==", - "dev": true, - "requires": { - "ajv": "^6.12.3", - "har-schema": "^2.0.0" - } - }, - "hard-rejection": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz", - "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==", - "dev": true - }, - "has": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", - "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "dev": true, - "requires": { - "function-bind": "^1.1.1" - } - }, - "has-ansi": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", - "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - }, - "dependencies": { - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true - } - } - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "has-property-descriptors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz", - "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==", - "dev": true, - "requires": { - "get-intrinsic": "^1.1.1" - } - }, - "has-symbols": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", - "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", - "dev": true - }, - "has-tostringtag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz", - "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==", - "dev": true, - "requires": { - "has-symbols": "^1.0.2" - } - }, - "has-unicode": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", - "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==", - "dev": true - }, - "has-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", - "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==", - "dev": true, - "requires": { - "get-value": "^2.0.6", - "has-values": "^1.0.0", - "isobject": "^3.0.0" - } - }, - "has-values": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", - "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "kind-of": "^4.0.0" - }, - "dependencies": { - "kind-of": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", - "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "homedir-polyfill": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz", - "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==", - "dev": true, - "requires": { - "parse-passwd": "^1.0.0" - } - }, - "hosted-git-info": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", - "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", - "dev": true, - "requires": { - "lru-cache": "^6.0.0" - }, - "dependencies": { - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - } - } - }, - "http-cache-semantics": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz", - "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==", - "dev": true - }, - "http-proxy-agent": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz", - "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==", - "dev": true, - "requires": { - "@tootallnate/once": "1", - "agent-base": "6", - "debug": "4" - }, - "dependencies": { - "debug": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", - "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", - "dev": true, - "requires": { - "ms": "2.1.2" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - } - } - }, - "http-signature": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", - "integrity": "sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==", - "dev": true, - "requires": { - "assert-plus": "^1.0.0", - "jsprim": "^1.2.2", - "sshpk": "^1.7.0" - } - }, - "https-proxy-agent": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz", - "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==", - "dev": true, - "requires": { - "agent-base": "6", - "debug": "4" - }, - "dependencies": { - "debug": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", - "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", - "dev": true, - "requires": { - "ms": "2.1.2" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - } - } - }, - "humanize-ms": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz", - "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==", - "dev": true, - "requires": { - "ms": "^2.0.0" - } - }, - "iconv-lite": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", - "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", - "dev": true, - "optional": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3.0.0" - } - }, - "imurmurhash": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", - "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", - "dev": true - }, - "indent-string": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", - "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", - "dev": true - }, - "infer-owner": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz", - "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==", - "dev": true - }, - "inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", - "dev": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true - }, - "ini": { - "version": "1.3.8", - "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", - "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", - "dev": true - }, - "interpret": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz", - "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==", - "dev": true - }, - "invert-kv": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz", - "integrity": "sha512-xgs2NH9AE66ucSq4cNG1nhSFghr5l6tdL15Pk+jl46bmmBapgoaY/AacXyaDznAqmGL99TiLSQgO/XazFSKYeQ==", - "dev": true - }, - "ip": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz", - "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==", - "dev": true - }, - "is-absolute": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz", - "integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==", - "dev": true, - "requires": { - "is-relative": "^1.0.0", - "is-windows": "^1.0.1" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "is-arrayish": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", - "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", - "dev": true - }, - "is-binary-path": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", - "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==", - "dev": true, - "requires": { - "binary-extensions": "^1.0.0" - } - }, - "is-buffer": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", - "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==", - "dev": true - }, - "is-core-module": { - "version": "2.9.0", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz", - "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==", - "dev": true, - "requires": { - "has": "^1.0.3" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "is-expression": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-4.0.0.tgz", - "integrity": "sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==", - "dev": true, - "requires": { - "acorn": "^7.1.1", - "object-assign": "^4.1.1" - } - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", - "dev": true - }, - "is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", - "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true - }, - "is-glob": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", - "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", - "dev": true, - "requires": { - "is-extglob": "^2.1.1" - } - }, - "is-lambda": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz", - "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==", - "dev": true - }, - "is-negated-glob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-negated-glob/-/is-negated-glob-1.0.0.tgz", - "integrity": "sha512-czXVVn/QEmgvej1f50BZ648vUI+em0xqMq2Sn+QncCLN4zj1UAxlT+kw/6ggQTOaZPd1HqKQGEqbpQVtJucWug==", - "dev": true - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-plain-obj": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", - "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==", - "dev": true - }, - "is-plain-object": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", - "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", - "dev": true - }, - "is-promise": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz", - "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==", - "dev": true - }, - "is-regex": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", - "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "has-tostringtag": "^1.0.0" - } - }, - "is-relative": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz", - "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==", - "dev": true, - "requires": { - "is-unc-path": "^1.0.0" - } - }, - "is-typedarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", - "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==", - "dev": true - }, - "is-unc-path": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz", - "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==", - "dev": true, - "requires": { - "unc-path-regex": "^0.1.2" - } - }, - "is-utf8": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", - "integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==", - "dev": true - }, - "is-valid-glob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-valid-glob/-/is-valid-glob-1.0.0.tgz", - "integrity": "sha512-AhiROmoEFDSsjx8hW+5sGwgKVIORcXnrlAx/R0ZSeaPw70Vw0CqkGBBhHGL58Uox2eXnU1AnvXJl1XlyedO5bA==", - "dev": true - }, - "is-windows": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", - "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==", - "dev": true - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", - "dev": true - }, - "isexe": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", - "dev": true - }, - "isobject": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", - "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", - "dev": true - }, - "isstream": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", - "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==", - "dev": true - }, - "js-base64": { - "version": "2.6.4", - "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz", - "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==", - "dev": true - }, - "js-stringify": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/js-stringify/-/js-stringify-1.0.2.tgz", - "integrity": "sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==", - "dev": true - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true - }, - "jsbn": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", - "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==", - "dev": true - }, - "json-parse-even-better-errors": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", - "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", - "dev": true - }, - "json-schema": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz", - "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==", - "dev": true - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "json-stable-stringify-without-jsonify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", - "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", - "dev": true - }, - "json-stringify-safe": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", - "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==", - "dev": true - }, - "jsprim": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz", - "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==", - "dev": true, - "requires": { - "assert-plus": "1.0.0", - "extsprintf": "1.3.0", - "json-schema": "0.4.0", - "verror": "1.10.0" - } - }, - "jstransformer": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/jstransformer/-/jstransformer-1.0.0.tgz", - "integrity": "sha512-C9YK3Rf8q6VAPDCCU9fnqo3mAfOH6vUGnMcP4AQAYIEpWtfGLpwOTmZ+igtdK5y+VvI2n3CyYSzy4Qh34eq24A==", - "dev": true, - "requires": { - "is-promise": "^2.0.0", - "promise": "^7.0.1" - } - }, - "just-debounce": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/just-debounce/-/just-debounce-1.1.0.tgz", - "integrity": "sha512-qpcRocdkUmf+UTNBYx5w6dexX5J31AKK1OmPwH630a83DdVVUIngk55RSAiIGpQyoH0dlr872VHfPjnQnK1qDQ==", - "dev": true - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - }, - "last-run": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/last-run/-/last-run-1.1.1.tgz", - "integrity": "sha512-U/VxvpX4N/rFvPzr3qG5EtLKEnNI0emvIQB3/ecEwv+8GHaUKbIB8vxv1Oai5FAF0d0r7LXHhLLe5K/yChm5GQ==", - "dev": true, - "requires": { - "default-resolution": "^2.0.0", - "es6-weak-map": "^2.0.1" - } - }, - "lazystream": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz", - "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==", - "dev": true, - "requires": { - "readable-stream": "^2.0.5" - } - }, - "lcid": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz", - "integrity": "sha512-YiGkH6EnGrDGqLMITnGjXtGmNtjoXw9SVUzcaos8RBi7Ps0VBylkq+vOcY9QE5poLasPCR849ucFUkl0UzUyOw==", - "dev": true, - "requires": { - "invert-kv": "^1.0.0" - } - }, - "lead": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/lead/-/lead-1.0.0.tgz", - "integrity": "sha512-IpSVCk9AYvLHo5ctcIXxOBpMWUe+4TKN3VPWAKUbJikkmsGp0VrSM8IttVc32D6J4WUsiPE6aEFRNmIoF/gdow==", - "dev": true, - "requires": { - "flush-write-stream": "^1.0.2" - } - }, - "liftoff": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-3.1.0.tgz", - "integrity": "sha512-DlIPlJUkCV0Ips2zf2pJP0unEoT1kwYhiiPUGF3s/jtxTCjziNLoiVVh+jqWOWeFi6mmwQ5fNxvAUyPad4Dfog==", - "dev": true, - "requires": { - "extend": "^3.0.0", - "findup-sync": "^3.0.0", - "fined": "^1.0.1", - "flagged-respawn": "^1.0.0", - "is-plain-object": "^2.0.4", - "object.map": "^1.0.0", - "rechoir": "^0.6.2", - "resolve": "^1.1.7" - }, - "dependencies": { - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "lines-and-columns": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", - "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", - "dev": true - }, - "load-json-file": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", - "integrity": "sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0", - "strip-bom": "^2.0.0" - }, - "dependencies": { - "parse-json": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", - "integrity": "sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==", - "dev": true, - "requires": { - "error-ex": "^1.2.0" - } - } - } - }, - "locate-path": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", - "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", - "dev": true, - "requires": { - "p-locate": "^4.1.0" - } - }, - "lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", - "dev": true - }, - "lodash.clonedeep": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz", - "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==", - "dev": true - }, - "lru-cache": { - "version": "2.7.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.7.3.tgz", - "integrity": "sha512-WpibWJ60c3AgAz8a2iYErDrcT2C7OmKnsWhIcHOjkUHFjkXncJhtLxNSqUmxRxRunpb5I8Vprd7aNSd2NtksJQ==", - "dev": true - }, - "make-fetch-happen": { - "version": "9.1.0", - "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz", - "integrity": "sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==", - "dev": true, - "requires": { - "agentkeepalive": "^4.1.3", - "cacache": "^15.2.0", - "http-cache-semantics": "^4.1.0", - "http-proxy-agent": "^4.0.1", - "https-proxy-agent": "^5.0.0", - "is-lambda": "^1.0.1", - "lru-cache": "^6.0.0", - "minipass": "^3.1.3", - "minipass-collect": "^1.0.2", - "minipass-fetch": "^1.3.2", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.4", - "negotiator": "^0.6.2", - "promise-retry": "^2.0.1", - "socks-proxy-agent": "^6.0.0", - "ssri": "^8.0.0" - }, - "dependencies": { - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - } - } - }, - "make-iterator": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz", - "integrity": "sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==", - "dev": true, - "requires": { - "kind-of": "^6.0.2" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "map-cache": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", - "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==", - "dev": true - }, - "map-obj": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz", - "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==", - "dev": true - }, - "map-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", - "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==", - "dev": true, - "requires": { - "object-visit": "^1.0.0" - } - }, - "matchdep": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/matchdep/-/matchdep-2.0.0.tgz", - "integrity": "sha512-LFgVbaHIHMqCRuCZyfCtUOq9/Lnzhi7Z0KFUE2fhD54+JN2jLh3hC02RLkqauJ3U4soU6H1J3tfj/Byk7GoEjA==", - "dev": true, - "requires": { - "findup-sync": "^2.0.0", - "micromatch": "^3.0.4", - "resolve": "^1.4.0", - "stack-trace": "0.0.10" - }, - "dependencies": { - "findup-sync": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-2.0.0.tgz", - "integrity": "sha512-vs+3unmJT45eczmcAZ6zMJtxN3l/QXeccaXQx5cu/MeJMhewVfoWZqibRkOxPnmoR59+Zy5hjabfQc6JLSah4g==", - "dev": true, - "requires": { - "detect-file": "^1.0.0", - "is-glob": "^3.1.0", - "micromatch": "^3.0.4", - "resolve-dir": "^1.0.1" - } - }, - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "meow": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz", - "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==", - "dev": true, - "requires": { - "@types/minimist": "^1.2.0", - "camelcase-keys": "^6.2.2", - "decamelize": "^1.2.0", - "decamelize-keys": "^1.1.0", - "hard-rejection": "^2.1.0", - "minimist-options": "4.1.0", - "normalize-package-data": "^3.0.0", - "read-pkg-up": "^7.0.1", - "redent": "^3.0.0", - "trim-newlines": "^3.0.0", - "type-fest": "^0.18.0", - "yargs-parser": "^20.2.3" - } - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - }, - "dependencies": { - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==", - "dev": true, - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - } - }, - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - } - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - }, - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "mime-db": { - "version": "1.52.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", - "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", - "dev": true - }, - "mime-types": { - "version": "2.1.35", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", - "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", - "dev": true, - "requires": { - "mime-db": "1.52.0" - } - }, - "min-indent": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", - "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", - "dev": true - }, - "minimatch": { - "version": "0.2.12", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.2.12.tgz", - "integrity": "sha512-jeVdfKmlomLerf8ecetSr6gLS0OXnLRluhnv9Rf2yj70NsD8uVGqrpwTqJGKpIF8VTRR9fQAl62CZ1eNIEMk3A==", - "dev": true, - "requires": { - "lru-cache": "2", - "sigmund": "~1.0.0" - } - }, - "minimist-options": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz", - "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==", - "dev": true, - "requires": { - "arrify": "^1.0.1", - "is-plain-obj": "^1.1.0", - "kind-of": "^6.0.3" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "minipass": { - "version": "3.3.4", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.4.tgz", - "integrity": "sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "minipass-collect": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz", - "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - } - }, - "minipass-fetch": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-1.4.1.tgz", - "integrity": "sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==", - "dev": true, - "requires": { - "encoding": "^0.1.12", - "minipass": "^3.1.0", - "minipass-sized": "^1.0.3", - "minizlib": "^2.0.0" - } - }, - "minipass-flush": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz", - "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - } - }, - "minipass-pipeline": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", - "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - } - }, - "minipass-sized": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz", - "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - } - }, - "minizlib": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", - "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", - "dev": true, - "requires": { - "minipass": "^3.0.0", - "yallist": "^4.0.0" - } - }, - "mixin-deep": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", - "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==", - "dev": true, - "requires": { - "for-in": "^1.0.2", - "is-extendable": "^1.0.1" - }, - "dependencies": { - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - } - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "mkdirp": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", - "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", - "dev": true - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "mute-stdout": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/mute-stdout/-/mute-stdout-1.0.1.tgz", - "integrity": "sha512-kDcwXR4PS7caBpuRYYBUz9iVixUk3anO3f5OYFiIPwK/20vCzKCHyKoulbiDY1S53zD2bxUpxN/IJ+TnXjfvxg==", - "dev": true - }, - "nan": { - "version": "2.16.0", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz", - "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==", - "dev": true - }, - "nanomatch": { - "version": "1.2.13", - "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", - "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "fragment-cache": "^0.2.1", - "is-windows": "^1.0.2", - "kind-of": "^6.0.2", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==", - "dev": true, - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - } - }, - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - } - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - }, - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "negotiator": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", - "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", - "dev": true - }, - "next-tick": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz", - "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==", - "dev": true - }, - "node-gyp": { - "version": "8.4.1", - "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-8.4.1.tgz", - "integrity": "sha512-olTJRgUtAb/hOXG0E93wZDs5YiJlgbXxTwQAFHyNlRsXQnYzUaF2aGgujZbw+hR8aF4ZG/rST57bWMWD16jr9w==", - "dev": true, - "requires": { - "env-paths": "^2.2.0", - "glob": "^7.1.4", - "graceful-fs": "^4.2.6", - "make-fetch-happen": "^9.1.0", - "nopt": "^5.0.0", - "npmlog": "^6.0.0", - "rimraf": "^3.0.2", - "semver": "^7.3.5", - "tar": "^6.1.2", - "which": "^2.0.2" - }, - "dependencies": { - "are-we-there-yet": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.0.tgz", - "integrity": "sha512-0GWpv50YSOcLXaN6/FAKY3vfRbllXWV2xvfA/oKJF8pzFhWXPV+yjhJXDBbjscDYowv7Yw1A3uigpzn5iEGTyw==", - "dev": true, - "requires": { - "delegates": "^1.0.0", - "readable-stream": "^3.6.0" - } - }, - "gauge": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz", - "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==", - "dev": true, - "requires": { - "aproba": "^1.0.3 || ^2.0.0", - "color-support": "^1.1.3", - "console-control-strings": "^1.1.0", - "has-unicode": "^2.0.1", - "signal-exit": "^3.0.7", - "string-width": "^4.2.3", - "strip-ansi": "^6.0.1", - "wide-align": "^1.1.5" - } - }, - "npmlog": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz", - "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==", - "dev": true, - "requires": { - "are-we-there-yet": "^3.0.0", - "console-control-strings": "^1.1.0", - "gauge": "^4.0.3", - "set-blocking": "^2.0.0" - } - }, - "readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "node-releases": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", - "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==", - "dev": true - }, - "node-sass": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-7.0.1.tgz", - "integrity": "sha512-uMy+Xt29NlqKCFdFRZyXKOTqGt+QaKHexv9STj2WeLottnlqZEEWx6Bj0MXNthmFRRdM/YwyNo/8Tr46TOM0jQ==", - "dev": true, - "requires": { - "async-foreach": "^0.1.3", - "chalk": "^4.1.2", - "cross-spawn": "^7.0.3", - "gaze": "^1.0.0", - "get-stdin": "^4.0.1", - "glob": "^7.0.3", - "lodash": "^4.17.15", - "meow": "^9.0.0", - "nan": "^2.13.2", - "node-gyp": "^8.4.1", - "npmlog": "^5.0.0", - "request": "^2.88.0", - "sass-graph": "4.0.0", - "stdout-stream": "^1.4.0", - "true-case-path": "^1.0.2" - } - }, - "node-uuid": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/node-uuid/-/node-uuid-1.4.0.tgz", - "integrity": "sha512-Vns3Mj1WBYNwPchf2T/pt9q2GUpM97JvLekAkAwWYX1H2kIxYQ+jUb3GWmaNRboP5XoS3p3nxptIv00I+cOtLg==", - "dev": true - }, - "nopt": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz", - "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==", - "dev": true, - "requires": { - "abbrev": "1" - } - }, - "normalize-package-data": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", - "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==", - "dev": true, - "requires": { - "hosted-git-info": "^4.0.1", - "is-core-module": "^2.5.0", - "semver": "^7.3.4", - "validate-npm-package-license": "^3.0.1" - } - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", - "dev": true - }, - "now-and-later": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz", - "integrity": "sha512-KGvQ0cB70AQfg107Xvs/Fbu+dGmZoTRJp2TaPwcwQm3/7PteUyN2BCgk8KBMPGBUXZdVwyWS8fDCGFygBm19UQ==", - "dev": true, - "requires": { - "once": "^1.3.2" - } - }, - "npmlog": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz", - "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==", - "dev": true, - "requires": { - "are-we-there-yet": "^2.0.0", - "console-control-strings": "^1.1.0", - "gauge": "^3.0.0", - "set-blocking": "^2.0.0" - } - }, - "num2fraction": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", - "integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==", - "dev": true - }, - "number-is-nan": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", - "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==", - "dev": true - }, - "oauth-sign": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", - "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==", - "dev": true - }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", - "dev": true - }, - "object-copy": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", - "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==", - "dev": true, - "requires": { - "copy-descriptor": "^0.1.0", - "define-property": "^0.2.5", - "kind-of": "^3.0.3" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - }, - "dependencies": { - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } - } - }, - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "object-keys": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", - "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", - "dev": true - }, - "object-visit": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", - "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==", - "dev": true, - "requires": { - "isobject": "^3.0.0" - } - }, - "object.assign": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz", - "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "has-symbols": "^1.0.1", - "object-keys": "^1.1.1" - } - }, - "object.defaults": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz", - "integrity": "sha512-c/K0mw/F11k4dEUBMW8naXUuBuhxRCfG7W+yFy8EcijU/rSmazOUd1XAEEe6bC0OuXY4HUKjTJv7xbxIMqdxrA==", - "dev": true, - "requires": { - "array-each": "^1.0.1", - "array-slice": "^1.0.0", - "for-own": "^1.0.0", - "isobject": "^3.0.0" - } - }, - "object.map": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/object.map/-/object.map-1.0.1.tgz", - "integrity": "sha512-3+mAJu2PLfnSVGHwIWubpOFLscJANBKuB/6A4CxBstc4aqwQY0FWcsppuy4jU5GSB95yES5JHSI+33AWuS4k6w==", - "dev": true, - "requires": { - "for-own": "^1.0.0", - "make-iterator": "^1.0.0" - } - }, - "object.pick": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", - "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - }, - "object.reduce": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/object.reduce/-/object.reduce-1.0.1.tgz", - "integrity": "sha512-naLhxxpUESbNkRqc35oQ2scZSJueHGQNUfMW/0U37IgN6tE2dgDWg3whf+NEliy3F/QysrO48XKUz/nGPe+AQw==", - "dev": true, - "requires": { - "for-own": "^1.0.0", - "make-iterator": "^1.0.0" - } - }, - "once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", - "dev": true, - "requires": { - "wrappy": "1" - } - }, - "ordered-read-streams": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz", - "integrity": "sha512-Z87aSjx3r5c0ZB7bcJqIgIRX5bxR7A4aSzvIbaxd0oTkWBCOoKfuGHiKj60CHVUgg1Phm5yMZzBdt8XqRs73Mw==", - "dev": true, - "requires": { - "readable-stream": "^2.0.1" - } - }, - "os-locale": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", - "integrity": "sha512-PRT7ZORmwu2MEFt4/fv3Q+mEfN4zetKxufQrkShY2oGvUms9r8otu5HfdyIFHkYXjO7laNsoVGmM2MANfuTA8g==", - "dev": true, - "requires": { - "lcid": "^1.0.0" - } - }, - "p-limit": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", - "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", - "dev": true, - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", - "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", - "dev": true, - "requires": { - "p-limit": "^2.2.0" - } - }, - "p-map": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", - "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", - "dev": true, - "requires": { - "aggregate-error": "^3.0.0" - } - }, - "p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", - "dev": true - }, - "parse-filepath": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz", - "integrity": "sha512-FwdRXKCohSVeXqwtYonZTXtbGJKrn+HNyWDYVcp5yuJlesTwNH4rsmRZ+GrKAPJ5bLpRxESMeS+Rl0VCHRvB2Q==", - "dev": true, - "requires": { - "is-absolute": "^1.0.0", - "map-cache": "^0.2.0", - "path-root": "^0.1.1" - } - }, - "parse-json": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", - "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.0.0", - "error-ex": "^1.3.1", - "json-parse-even-better-errors": "^2.3.0", - "lines-and-columns": "^1.1.6" - } - }, - "parse-node-version": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz", - "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==", - "dev": true - }, - "parse-passwd": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz", - "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==", - "dev": true - }, - "pascalcase": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", - "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==", - "dev": true - }, - "path-dirname": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", - "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==", - "dev": true - }, - "path-exists": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", - "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", - "dev": true - }, - "path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", - "dev": true - }, - "path-key": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", - "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", - "dev": true - }, - "path-parse": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", - "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", - "dev": true - }, - "path-root": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz", - "integrity": "sha512-QLcPegTHF11axjfojBIoDygmS2E3Lf+8+jI6wOVmNVenrKSo3mFdSGiIgdSHenczw3wPtlVMQaFVwGmM7BJdtg==", - "dev": true, - "requires": { - "path-root-regex": "^0.1.0" - } - }, - "path-root-regex": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz", - "integrity": "sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==", - "dev": true - }, - "path-type": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", - "integrity": "sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0" - } - }, - "performance-now": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", - "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==", - "dev": true - }, - "picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", - "dev": true - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", - "dev": true - }, - "pinkie": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", - "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==", - "dev": true - }, - "pinkie-promise": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", - "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==", - "dev": true, - "requires": { - "pinkie": "^2.0.0" - } - }, - "plugin-error": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", - "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", - "dev": true, - "requires": { - "ansi-colors": "^1.0.1", - "arr-diff": "^4.0.0", - "arr-union": "^3.1.0", - "extend-shallow": "^3.0.2" - }, - "dependencies": { - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==", - "dev": true, - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - } - }, - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - } - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "posix-character-classes": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", - "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==", - "dev": true - }, - "postcss": { - "version": "7.0.39", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", - "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", - "dev": true, - "requires": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" - }, - "dependencies": { - "picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", - "dev": true - } - } - }, - "postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true - }, - "pretty-hrtime": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", - "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==", - "dev": true - }, - "process-nextick-args": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", - "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", - "dev": true - }, - "promise": { - "version": "7.3.1", - "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", - "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", - "dev": true, - "requires": { - "asap": "~2.0.3" - } - }, - "promise-inflight": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", - "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==", - "dev": true - }, - "promise-retry": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz", - "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==", - "dev": true, - "requires": { - "err-code": "^2.0.2", - "retry": "^0.12.0" - } - }, - "psl": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", - "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==", - "dev": true - }, - "pug": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/pug/-/pug-3.0.2.tgz", - "integrity": "sha512-bp0I/hiK1D1vChHh6EfDxtndHji55XP/ZJKwsRqrz6lRia6ZC2OZbdAymlxdVFwd1L70ebrVJw4/eZ79skrIaw==", - "dev": true, - "requires": { - "pug-code-gen": "^3.0.2", - "pug-filters": "^4.0.0", - "pug-lexer": "^5.0.1", - "pug-linker": "^4.0.0", - "pug-load": "^3.0.0", - "pug-parser": "^6.0.0", - "pug-runtime": "^3.0.1", - "pug-strip-comments": "^2.0.0" - } - }, - "pug-attrs": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-3.0.0.tgz", - "integrity": "sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==", - "dev": true, - "requires": { - "constantinople": "^4.0.1", - "js-stringify": "^1.0.2", - "pug-runtime": "^3.0.0" - } - }, - "pug-code-gen": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-3.0.2.tgz", - "integrity": "sha512-nJMhW16MbiGRiyR4miDTQMRWDgKplnHyeLvioEJYbk1RsPI3FuA3saEP8uwnTb2nTJEKBU90NFVWJBk4OU5qyg==", - "dev": true, - "requires": { - "constantinople": "^4.0.1", - "doctypes": "^1.1.0", - "js-stringify": "^1.0.2", - "pug-attrs": "^3.0.0", - "pug-error": "^2.0.0", - "pug-runtime": "^3.0.0", - "void-elements": "^3.1.0", - "with": "^7.0.0" - } - }, - "pug-error": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-2.0.0.tgz", - "integrity": "sha512-sjiUsi9M4RAGHktC1drQfCr5C5eriu24Lfbt4s+7SykztEOwVZtbFk1RRq0tzLxcMxMYTBR+zMQaG07J/btayQ==", - "dev": true - }, - "pug-filters": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-4.0.0.tgz", - "integrity": "sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==", - "dev": true, - "requires": { - "constantinople": "^4.0.1", - "jstransformer": "1.0.0", - "pug-error": "^2.0.0", - "pug-walk": "^2.0.0", - "resolve": "^1.15.1" - } - }, - "pug-lexer": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-5.0.1.tgz", - "integrity": "sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==", - "dev": true, - "requires": { - "character-parser": "^2.2.0", - "is-expression": "^4.0.0", - "pug-error": "^2.0.0" - } - }, - "pug-linker": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-4.0.0.tgz", - "integrity": "sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==", - "dev": true, - "requires": { - "pug-error": "^2.0.0", - "pug-walk": "^2.0.0" - } - }, - "pug-load": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-3.0.0.tgz", - "integrity": "sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==", - "dev": true, - "requires": { - "object-assign": "^4.1.1", - "pug-walk": "^2.0.0" - } - }, - "pug-parser": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-6.0.0.tgz", - "integrity": "sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==", - "dev": true, - "requires": { - "pug-error": "^2.0.0", - "token-stream": "1.0.0" - } - }, - "pug-runtime": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-3.0.1.tgz", - "integrity": "sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==", - "dev": true - }, - "pug-strip-comments": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz", - "integrity": "sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==", - "dev": true, - "requires": { - "pug-error": "^2.0.0" - } - }, - "pug-walk": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-2.0.0.tgz", - "integrity": "sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==", - "dev": true - }, - "pump": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", - "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", - "dev": true, - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" - } - }, - "pumpify": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz", - "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==", - "dev": true, - "requires": { - "duplexify": "^3.6.0", - "inherits": "^2.0.3", - "pump": "^2.0.0" - } - }, - "punycode": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", - "dev": true - }, - "qs": { - "version": "6.5.3", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz", - "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==", - "dev": true - }, - "quick-lru": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz", - "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==", - "dev": true - }, - "read-pkg": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", - "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", - "dev": true, - "requires": { - "@types/normalize-package-data": "^2.4.0", - "normalize-package-data": "^2.5.0", - "parse-json": "^5.0.0", - "type-fest": "^0.6.0" - }, - "dependencies": { - "hosted-git-info": { - "version": "2.8.9", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", - "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", - "dev": true - }, - "normalize-package-data": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", - "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", - "dev": true, - "requires": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" - } - }, - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true - }, - "type-fest": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", - "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", - "dev": true - } - } - }, - "read-pkg-up": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", - "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", - "dev": true, - "requires": { - "find-up": "^4.1.0", - "read-pkg": "^5.2.0", - "type-fest": "^0.8.1" - }, - "dependencies": { - "type-fest": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", - "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", - "dev": true - } - } - }, - "readable-stream": { - "version": "2.3.7", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", - "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "readdirp": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", - "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.11", - "micromatch": "^3.1.10", - "readable-stream": "^2.0.2" - } - }, - "rechoir": { - "version": "0.6.2", - "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", - "integrity": "sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==", - "dev": true, - "requires": { - "resolve": "^1.1.6" - } - }, - "redent": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz", - "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==", - "dev": true, - "requires": { - "indent-string": "^4.0.0", - "strip-indent": "^3.0.0" - } - }, - "regex-not": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", - "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", - "dev": true, - "requires": { - "extend-shallow": "^3.0.2", - "safe-regex": "^1.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==", - "dev": true, - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - } - }, - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - } - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "remove-bom-buffer": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz", - "integrity": "sha512-8v2rWhaakv18qcvNeli2mZ/TMTL2nEyAKRvzo1WtnZBl15SHyEhrCu2/xKlJyUFKHiHgfXIyuY6g2dObJJycXQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5", - "is-utf8": "^0.2.1" - } - }, - "remove-bom-stream": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/remove-bom-stream/-/remove-bom-stream-1.2.0.tgz", - "integrity": "sha512-wigO8/O08XHb8YPzpDDT+QmRANfW6vLqxfaXm1YXhnFf3AkSLyjfG3GEFg4McZkmgL7KvCj5u2KczkvSP6NfHA==", - "dev": true, - "requires": { - "remove-bom-buffer": "^3.0.0", - "safe-buffer": "^5.1.0", - "through2": "^2.0.3" - }, - "dependencies": { - "through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "requires": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - } - } - }, - "remove-trailing-separator": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", - "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==", - "dev": true - }, - "repeat-element": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz", - "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==", - "dev": true - }, - "repeat-string": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", - "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==", - "dev": true - }, - "replace-ext": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-2.0.0.tgz", - "integrity": "sha512-UszKE5KVK6JvyD92nzMn9cDapSk6w/CaFZ96CnmDMUqH9oowfxF/ZjRITD25H4DnOQClLA4/j7jLGXXLVKxAug==", - "dev": true - }, - "replace-homedir": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-homedir/-/replace-homedir-1.0.0.tgz", - "integrity": "sha512-CHPV/GAglbIB1tnQgaiysb8H2yCy8WQ7lcEwQ/eT+kLj0QHV8LnJW0zpqpE7RSkrMSRoa+EBoag86clf7WAgSg==", - "dev": true, - "requires": { - "homedir-polyfill": "^1.0.1", - "is-absolute": "^1.0.0", - "remove-trailing-separator": "^1.1.0" - } - }, - "request": { - "version": "2.88.2", - "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz", - "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==", - "dev": true, - "requires": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~2.3.2", - "har-validator": "~5.1.3", - "http-signature": "~1.2.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "oauth-sign": "~0.9.0", - "performance-now": "^2.1.0", - "qs": "~6.5.2", - "safe-buffer": "^5.1.2", - "tough-cookie": "~2.5.0", - "tunnel-agent": "^0.6.0", - "uuid": "^3.3.2" - } - }, - "require-directory": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", - "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", - "dev": true - }, - "require-main-filename": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", - "integrity": "sha512-IqSUtOVP4ksd1C/ej5zeEh/BIP2ajqpn8c5x+q99gvcIG/Qf0cud5raVnE/Dwd0ua9TXYDoDc0RE5hBSdz22Ug==", - "dev": true - }, - "resolve": { - "version": "1.22.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", - "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", - "dev": true, - "requires": { - "is-core-module": "^2.9.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - } - }, - "resolve-dir": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz", - "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==", - "dev": true, - "requires": { - "expand-tilde": "^2.0.0", - "global-modules": "^1.0.0" - } - }, - "resolve-options": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/resolve-options/-/resolve-options-1.1.0.tgz", - "integrity": "sha512-NYDgziiroVeDC29xq7bp/CacZERYsA9bXYd1ZmcJlF3BcrZv5pTb4NG7SjdyKDnXZ84aC4vo2u6sNKIA1LCu/A==", - "dev": true, - "requires": { - "value-or-function": "^3.0.0" - } - }, - "resolve-url": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", - "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==", - "dev": true - }, - "ret": { - "version": "0.1.15", - "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", - "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==", - "dev": true - }, - "retry": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz", - "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==", - "dev": true - }, - "rimraf": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", - "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", - "dev": true, - "requires": { - "glob": "^7.1.3" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, - "safe-regex": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", - "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==", - "dev": true, - "requires": { - "ret": "~0.1.10" - } - }, - "safer-buffer": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", - "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", - "dev": true - }, - "sass-graph": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-4.0.0.tgz", - "integrity": "sha512-WSO/MfXqKH7/TS8RdkCX3lVkPFQzCgbqdGsmSKq6tlPU+GpGEsa/5aW18JqItnqh+lPtcjifqdZ/VmiILkKckQ==", - "dev": true, - "requires": { - "glob": "^7.0.0", - "lodash": "^4.17.11", - "scss-tokenizer": "^0.3.0", - "yargs": "^17.2.1" - }, - "dependencies": { - "cliui": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", - "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", - "dev": true, - "requires": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", - "wrap-ansi": "^7.0.0" - } - }, - "get-caller-file": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", - "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", - "dev": true - }, - "wrap-ansi": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", - "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, - "requires": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" - } - }, - "y18n": { - "version": "5.0.8", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", - "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", - "dev": true - }, - "yargs": { - "version": "17.5.1", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.5.1.tgz", - "integrity": "sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==", - "dev": true, - "requires": { - "cliui": "^7.0.2", - "escalade": "^3.1.1", - "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.3", - "y18n": "^5.0.5", - "yargs-parser": "^21.0.0" - } - }, - "yargs-parser": { - "version": "21.0.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.1.tgz", - "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==", - "dev": true - } - } - }, - "scss-tokenizer": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.3.0.tgz", - "integrity": "sha512-14Zl9GcbBvOT9057ZKjpz5yPOyUWG2ojd9D5io28wHRYsOrs7U95Q+KNL87+32p8rc+LvDpbu/i9ZYjM9Q+FsQ==", - "dev": true, - "requires": { - "js-base64": "^2.4.3", - "source-map": "^0.7.1" - }, - "dependencies": { - "source-map": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", - "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", - "dev": true - } - } - }, - "semver": { - "version": "7.3.7", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", - "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", - "dev": true, - "requires": { - "lru-cache": "^6.0.0" - }, - "dependencies": { - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - } - } - }, - "semver-greatest-satisfied-range": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/semver-greatest-satisfied-range/-/semver-greatest-satisfied-range-1.1.0.tgz", - "integrity": "sha512-Ny/iyOzSSa8M5ML46IAx3iXc6tfOsYU2R4AXi2UpHk60Zrgyq6eqPj/xiOfS0rRl/iiQ/rdJkVjw/5cdUyCntQ==", - "dev": true, - "requires": { - "sver-compat": "^1.5.0" - } - }, - "set-blocking": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", - "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", - "dev": true - }, - "set-value": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", - "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-extendable": "^0.1.1", - "is-plain-object": "^2.0.3", - "split-string": "^3.0.1" - }, - "dependencies": { - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "shebang-command": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", - "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", - "dev": true, - "requires": { - "shebang-regex": "^3.0.0" - } - }, - "shebang-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", - "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", - "dev": true - }, - "sigmund": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/sigmund/-/sigmund-1.0.1.tgz", - "integrity": "sha512-fCvEXfh6NWpm+YSuY2bpXb/VIihqWA6hLsgboC+0nl71Q7N7o2eaCW8mJa/NLvQhs6jpd3VZV4UiUQlV6+lc8g==", - "dev": true - }, - "signal-exit": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", - "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", - "dev": true - }, - "smart-buffer": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz", - "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==", - "dev": true - }, - "snapdragon": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", - "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", - "dev": true, - "requires": { - "base": "^0.11.1", - "debug": "^2.2.0", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "map-cache": "^0.2.2", - "source-map": "^0.5.6", - "source-map-resolve": "^0.5.0", - "use": "^3.1.0" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", - "dev": true - } - } - }, - "snapdragon-node": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", - "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", - "dev": true, - "requires": { - "define-property": "^1.0.0", - "isobject": "^3.0.0", - "snapdragon-util": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - } - } - }, - "snapdragon-util": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", - "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", - "dev": true, - "requires": { - "kind-of": "^3.2.0" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "socks": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.2.tgz", - "integrity": "sha512-zDZhHhZRY9PxRruRMR7kMhnf3I8hDs4S3f9RecfnGxvcBHQcKcIH/oUcEWffsfl1XxdYlA7nnlGbbTvPz9D8gA==", - "dev": true, - "requires": { - "ip": "^1.1.5", - "smart-buffer": "^4.2.0" - } - }, - "socks-proxy-agent": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-6.2.1.tgz", - "integrity": "sha512-a6KW9G+6B3nWZ1yB8G7pJwL3ggLy1uTzKAgCb7ttblwqdz9fMGJUuTy3uFzEP48FAs9FLILlmzDlE2JJhVQaXQ==", - "dev": true, - "requires": { - "agent-base": "^6.0.2", - "debug": "^4.3.3", - "socks": "^2.6.2" - }, - "dependencies": { - "debug": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", - "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", - "dev": true, - "requires": { - "ms": "2.1.2" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - } - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "source-map-resolve": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz", - "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==", - "dev": true, - "requires": { - "atob": "^2.1.2", - "decode-uri-component": "^0.2.0", - "resolve-url": "^0.2.1", - "source-map-url": "^0.4.0", - "urix": "^0.1.0" - } - }, - "source-map-url": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz", - "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==", - "dev": true - }, - "sparkles": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.1.tgz", - "integrity": "sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==", - "dev": true - }, - "spdx-correct": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz", - "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==", - "dev": true, - "requires": { - "spdx-expression-parse": "^3.0.0", - "spdx-license-ids": "^3.0.0" - } - }, - "spdx-exceptions": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz", - "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==", - "dev": true - }, - "spdx-expression-parse": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", - "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", - "dev": true, - "requires": { - "spdx-exceptions": "^2.1.0", - "spdx-license-ids": "^3.0.0" - } - }, - "spdx-license-ids": { - "version": "3.0.11", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz", - "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==", - "dev": true - }, - "split-string": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", - "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", - "dev": true, - "requires": { - "extend-shallow": "^3.0.0" - }, - "dependencies": { - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==", - "dev": true, - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - } - }, - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - } - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "sshpk": { - "version": "1.17.0", - "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz", - "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==", - "dev": true, - "requires": { - "asn1": "~0.2.3", - "assert-plus": "^1.0.0", - "bcrypt-pbkdf": "^1.0.0", - "dashdash": "^1.12.0", - "ecc-jsbn": "~0.1.1", - "getpass": "^0.1.1", - "jsbn": "~0.1.0", - "safer-buffer": "^2.0.2", - "tweetnacl": "~0.14.0" - } - }, - "ssri": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz", - "integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==", - "dev": true, - "requires": { - "minipass": "^3.1.1" - } - }, - "stack-trace": { - "version": "0.0.10", - "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz", - "integrity": "sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==", - "dev": true - }, - "static-extend": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", - "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==", - "dev": true, - "requires": { - "define-property": "^0.2.5", - "object-copy": "^0.1.0" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - } - } - }, - "stdout-stream": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz", - "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==", - "dev": true, - "requires": { - "readable-stream": "^2.0.1" - } - }, - "stream-exhaust": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz", - "integrity": "sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw==", - "dev": true - }, - "stream-shift": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz", - "integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==", - "dev": true - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "string-width": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", - "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, - "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.1" - } - }, - "strip-ansi": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.1" - } - }, - "strip-bom": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", - "integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==", - "dev": true, - "requires": { - "is-utf8": "^0.2.0" - } - }, - "strip-indent": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz", - "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==", - "dev": true, - "requires": { - "min-indent": "^1.0.0" - } - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - }, - "supports-preserve-symlinks-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", - "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", - "dev": true - }, - "sver-compat": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/sver-compat/-/sver-compat-1.5.0.tgz", - "integrity": "sha512-aFTHfmjwizMNlNE6dsGmoAM4lHjL0CyiobWaFiXWSlD7cIxshW422Nb8KbXCmR6z+0ZEPY+daXJrDyh/vuwTyg==", - "dev": true, - "requires": { - "es6-iterator": "^2.0.1", - "es6-symbol": "^3.1.1" - } - }, - "tar": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz", - "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==", - "dev": true, - "requires": { - "chownr": "^2.0.0", - "fs-minipass": "^2.0.0", - "minipass": "^3.0.0", - "minizlib": "^2.1.1", - "mkdirp": "^1.0.3", - "yallist": "^4.0.0" - } - }, - "through2": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/through2/-/through2-3.0.2.tgz", - "integrity": "sha512-enaDQ4MUyP2W6ZyT6EsMzqBPZaM/avg8iuo+l2d3QCs0J+6RaqkHV/2/lOwDTueBHeJ/2LG9lrLW3d5rWPucuQ==", - "dev": true, - "requires": { - "inherits": "^2.0.4", - "readable-stream": "2 || 3" - } - }, - "through2-filter": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/through2-filter/-/through2-filter-3.0.0.tgz", - "integrity": "sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==", - "dev": true, - "requires": { - "through2": "~2.0.0", - "xtend": "~4.0.0" - }, - "dependencies": { - "through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "requires": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - } - } - }, - "time-stamp": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-1.1.0.tgz", - "integrity": "sha512-gLCeArryy2yNTRzTGKbZbloctj64jkZ57hj5zdraXue6aFgd6PmvVtEyiUU+hvU0v7q08oVv8r8ev0tRo6bvgw==", - "dev": true - }, - "to-absolute-glob": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz", - "integrity": "sha512-rtwLUQEwT8ZeKQbyFJyomBRYXyE16U5VKuy0ftxLMK/PZb2fkOsg5r9kHdauuVDbsNdIBoC/HCthpidamQFXYA==", - "dev": true, - "requires": { - "is-absolute": "^1.0.0", - "is-negated-glob": "^1.0.0" - } - }, - "to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "dev": true - }, - "to-object-path": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", - "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "to-regex": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", - "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", - "dev": true, - "requires": { - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "regex-not": "^1.0.2", - "safe-regex": "^1.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==", - "dev": true, - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - } - }, - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - } - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - }, - "to-through": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-through/-/to-through-2.0.0.tgz", - "integrity": "sha512-+QIz37Ly7acM4EMdw2PRN389OneM5+d844tirkGp4dPKzI5OE72V9OsbFp+CIYJDahZ41ZV05hNtcPAQUAm9/Q==", - "dev": true, - "requires": { - "through2": "^2.0.3" - }, - "dependencies": { - "through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "requires": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - } - } - }, - "token-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-1.0.0.tgz", - "integrity": "sha512-VSsyNPPW74RpHwR8Fc21uubwHY7wMDeJLys2IX5zJNih+OnAnaifKHo+1LHT7DAdloQ7apeaaWg8l7qnf/TnEg==", - "dev": true - }, - "tough-cookie": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", - "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", - "dev": true, - "requires": { - "psl": "^1.1.28", - "punycode": "^2.1.1" - } - }, - "trim-newlines": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz", - "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==", - "dev": true - }, - "true-case-path": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz", - "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==", - "dev": true, - "requires": { - "glob": "^7.1.2" - } - }, - "tunnel-agent": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", - "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==", - "dev": true, - "requires": { - "safe-buffer": "^5.0.1" - } - }, - "tweetnacl": { - "version": "0.14.5", - "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", - "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==", - "dev": true - }, - "type": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz", - "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==", - "dev": true - }, - "type-fest": { - "version": "0.18.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz", - "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==", - "dev": true - }, - "typedarray": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", - "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==", - "dev": true - }, - "unc-path-regex": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz", - "integrity": "sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==", - "dev": true - }, - "undertaker": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/undertaker/-/undertaker-1.3.0.tgz", - "integrity": "sha512-/RXwi5m/Mu3H6IHQGww3GNt1PNXlbeCuclF2QYR14L/2CHPz3DFZkvB5hZ0N/QUkiXWCACML2jXViIQEQc2MLg==", - "dev": true, - "requires": { - "arr-flatten": "^1.0.1", - "arr-map": "^2.0.0", - "bach": "^1.0.0", - "collection-map": "^1.0.0", - "es6-weak-map": "^2.0.1", - "fast-levenshtein": "^1.0.0", - "last-run": "^1.1.0", - "object.defaults": "^1.0.0", - "object.reduce": "^1.0.0", - "undertaker-registry": "^1.0.0" - } - }, - "undertaker-registry": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/undertaker-registry/-/undertaker-registry-1.0.1.tgz", - "integrity": "sha512-UR1khWeAjugW3548EfQmL9Z7pGMlBgXteQpr1IZeZBtnkCJQJIJ1Scj0mb9wQaPvUZ9Q17XqW6TIaPchJkyfqw==", - "dev": true - }, - "union-value": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz", - "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==", - "dev": true, - "requires": { - "arr-union": "^3.1.0", - "get-value": "^2.0.6", - "is-extendable": "^0.1.1", - "set-value": "^2.0.1" - } - }, - "unique-filename": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz", - "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==", - "dev": true, - "requires": { - "unique-slug": "^2.0.0" - } - }, - "unique-slug": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz", - "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==", - "dev": true, - "requires": { - "imurmurhash": "^0.1.4" - } - }, - "unique-stream": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/unique-stream/-/unique-stream-2.3.1.tgz", - "integrity": "sha512-2nY4TnBE70yoxHkDli7DMazpWiP7xMdCYqU2nBRO0UB+ZpEkGsSija7MvmvnZFUeC+mrgiUfcHSr3LmRFIg4+A==", - "dev": true, - "requires": { - "json-stable-stringify-without-jsonify": "^1.0.1", - "through2-filter": "^3.0.0" - } - }, - "unset-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", - "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==", - "dev": true, - "requires": { - "has-value": "^0.3.1", - "isobject": "^3.0.0" - }, - "dependencies": { - "has-value": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", - "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==", - "dev": true, - "requires": { - "get-value": "^2.0.3", - "has-values": "^0.1.4", - "isobject": "^2.0.0" - }, - "dependencies": { - "isobject": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", - "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==", - "dev": true, - "requires": { - "isarray": "1.0.0" - } - } - } - }, - "has-values": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", - "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==", - "dev": true - } - } - }, - "upath": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz", - "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==", - "dev": true - }, - "update-browserslist-db": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.7.tgz", - "integrity": "sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==", - "dev": true, - "requires": { - "escalade": "^3.1.1", - "picocolors": "^1.0.0" - } - }, - "uri-js": { - "version": "4.4.1", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", - "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", - "dev": true, - "requires": { - "punycode": "^2.1.0" - } - }, - "urix": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", - "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==", - "dev": true - }, - "use": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", - "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==", - "dev": true - }, - "util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true - }, - "uuid": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz", - "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==", - "dev": true - }, - "v8flags": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.2.0.tgz", - "integrity": "sha512-mH8etigqMfiGWdeXpaaqGfs6BndypxusHHcv2qSHyZkGEznCd/qAXCWWRzeowtL54147cktFOC4P5y+kl8d8Jg==", - "dev": true, - "requires": { - "homedir-polyfill": "^1.0.1" - } - }, - "validate-npm-package-license": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", - "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", - "dev": true, - "requires": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" - } - }, - "value-or-function": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/value-or-function/-/value-or-function-3.0.0.tgz", - "integrity": "sha512-jdBB2FrWvQC/pnPtIqcLsMaQgjhdb6B7tk1MMyTKapox+tQZbdRP4uLxu/JY0t7fbfDCUMnuelzEYv5GsxHhdg==", - "dev": true - }, - "verror": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", - "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==", - "dev": true, - "requires": { - "assert-plus": "^1.0.0", - "core-util-is": "1.0.2", - "extsprintf": "^1.2.0" - }, - "dependencies": { - "core-util-is": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", - "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==", - "dev": true - } - } - }, - "vinyl": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.1.tgz", - "integrity": "sha512-LII3bXRFBZLlezoG5FfZVcXflZgWP/4dCwKtxd5ky9+LOtM4CS3bIRQsmR1KMnMW07jpE8fqR2lcxPZ+8sJIcw==", - "dev": true, - "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" - }, - "dependencies": { - "replace-ext": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.1.tgz", - "integrity": "sha512-yD5BHCe7quCgBph4rMQ+0KkIRKwWCrHDOX1p1Gp6HwjPM5kVoCdKGNhN7ydqqsX6lJEnQDKZ/tFMiEdQ1dvPEw==", - "dev": true - } - } - }, - "vinyl-contents": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/vinyl-contents/-/vinyl-contents-1.0.0.tgz", - "integrity": "sha512-xBH8ZUy8IK7K06eCBmd2GGjdf1EqNEGPNfRP2VsrCvSvsOggywGCGZg435WZiG/kcyCdXc1CZXCf4pUJ2EuEsg==", - "dev": true, - "requires": { - "bl": "^3.0.0", - "readable-stream": "^3.3.0", - "vinyl": "^2.2.0" - }, - "dependencies": { - "readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "vinyl-fs": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-3.0.3.tgz", - "integrity": "sha512-vIu34EkyNyJxmP0jscNzWBSygh7VWhqun6RmqVfXePrOwi9lhvRs//dOaGOTRUQr4tx7/zd26Tk5WeSVZitgng==", - "dev": true, - "requires": { - "fs-mkdirp-stream": "^1.0.0", - "glob-stream": "^6.1.0", - "graceful-fs": "^4.0.0", - "is-valid-glob": "^1.0.0", - "lazystream": "^1.0.0", - "lead": "^1.0.0", - "object.assign": "^4.0.4", - "pumpify": "^1.3.5", - "readable-stream": "^2.3.3", - "remove-bom-buffer": "^3.0.0", - "remove-bom-stream": "^1.2.0", - "resolve-options": "^1.1.0", - "through2": "^2.0.0", - "to-through": "^2.0.0", - "value-or-function": "^3.0.0", - "vinyl": "^2.0.0", - "vinyl-sourcemap": "^1.1.0" - }, - "dependencies": { - "through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "requires": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - } - } - }, - "vinyl-sourcemap": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/vinyl-sourcemap/-/vinyl-sourcemap-1.1.0.tgz", - "integrity": "sha512-NiibMgt6VJGJmyw7vtzhctDcfKch4e4n9TBeoWlirb7FMg9/1Ov9k+A5ZRAtywBpRPiyECvQRQllYM8dECegVA==", - "dev": true, - "requires": { - "append-buffer": "^1.0.2", - "convert-source-map": "^1.5.0", - "graceful-fs": "^4.1.6", - "normalize-path": "^2.1.1", - "now-and-later": "^2.0.0", - "remove-bom-buffer": "^3.0.0", - "vinyl": "^2.0.0" - }, - "dependencies": { - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } - } - } - }, - "vinyl-sourcemaps-apply": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz", - "integrity": "sha512-+oDh3KYZBoZC8hfocrbrxbLUeaYtQK7J5WU5Br9VqWqmCll3tFJqKp97GC9GmMsVIL0qnx2DgEDVxdo5EZ5sSw==", - "dev": true, - "requires": { - "source-map": "^0.5.1" - }, - "dependencies": { - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", - "dev": true - } - } - }, - "void-elements": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz", - "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==", - "dev": true - }, - "vow": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/vow/-/vow-0.4.4.tgz", - "integrity": "sha512-r2f2JN12F0VSJLb+6HIyyGnbZt4kgxzMf1bgHaa5fQp6Cq2HyQNQ+UOcFH2H3rfzOOSTPM3ebnZ7COaYf4AYnw==", - "dev": true - }, - "vow-fs": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/vow-fs/-/vow-fs-0.3.2.tgz", - "integrity": "sha512-raT20j8SL2sCX3MlLCv6SWw3IeFU+3AuCDjGh5Q8Xs4EoT5GDjftg/a8r0PPr6gV7qyJET0OtPQ1hOvE7imEcw==", - "dev": true, - "requires": { - "glob": "3.2.8", - "node-uuid": "1.4.0", - "vow": "0.4.4", - "vow-queue": "0.3.1" - }, - "dependencies": { - "glob": { - "version": "3.2.8", - "resolved": "https://registry.npmjs.org/glob/-/glob-3.2.8.tgz", - "integrity": "sha512-Y3icmja4O+RjRYHMc97ggBZOljMWzBFGEOk96IXbNGRbQEZrz15HAcqe89t9WUcmcDdVVNAK5ar2lTpL+SutNA==", - "dev": true, - "requires": { - "inherits": "2", - "minimatch": "~0.2.11" - } - } - } - }, - "vow-queue": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/vow-queue/-/vow-queue-0.3.1.tgz", - "integrity": "sha512-rX8acYHR7w/aQohdBkb+ihVY1MZpBlsrDVgNT95+m8V0Mc1YVffn4TjxX3gAQ7nZoWw7LusnaYywSb2gmekpXQ==", - "dev": true, - "requires": { - "vow": "~0.4.0" - } - }, - "which": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", - "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - }, - "which-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", - "integrity": "sha512-F6+WgncZi/mJDrammbTuHe1q0R5hOXv/mBaiNA2TCNT/LTHusX0V+CJnj9XT8ki5ln2UZyyddDgHfCzyrOH7MQ==", - "dev": true - }, - "wide-align": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz", - "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==", - "dev": true, - "requires": { - "string-width": "^1.0.2 || 2 || 3 || 4" - } - }, - "with": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/with/-/with-7.0.2.tgz", - "integrity": "sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==", - "dev": true, - "requires": { - "@babel/parser": "^7.9.6", - "@babel/types": "^7.9.6", - "assert-never": "^1.2.1", - "babel-walk": "3.0.0-canary-5" - } - }, - "wrap-ansi": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", - "integrity": "sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==", - "dev": true, - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1" - }, - "dependencies": { - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==", - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==", - "dev": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - } - } - }, - "wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", - "dev": true - }, - "xtend": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", - "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", - "dev": true - }, - "y18n": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.2.tgz", - "integrity": "sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ==", - "dev": true - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, - "yargs": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.2.tgz", - "integrity": "sha512-ZEjj/dQYQy0Zx0lgLMLR8QuaqTihnxirir7EwUHp1Axq4e3+k8jXU5K0VLbNvedv1f4EWtBonDIZm0NUr+jCcA==", - "dev": true, - "requires": { - "camelcase": "^3.0.0", - "cliui": "^3.2.0", - "decamelize": "^1.1.1", - "get-caller-file": "^1.0.1", - "os-locale": "^1.4.0", - "read-pkg-up": "^1.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^1.0.1", - "set-blocking": "^2.0.0", - "string-width": "^1.0.2", - "which-module": "^1.0.0", - "y18n": "^3.2.1", - "yargs-parser": "^5.0.1" - }, - "dependencies": { - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true - }, - "camelcase": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", - "integrity": "sha512-4nhGqUkc4BqbBBB4Q6zLuD7lzzrHYrjKGeYaEji/3tFR5VdJu9v+LilhGIVe8wxEJPPOeWo7eg8dwY13TZ1BNg==", - "dev": true - }, - "find-up": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", - "integrity": "sha512-jvElSjyuo4EMQGoTwo1uJU5pQMwTW5lS1x05zzfJuTIyLR3zwO27LYrxNg+dlvKpGOuGy/MzBdXh80g0ve5+HA==", - "dev": true, - "requires": { - "path-exists": "^2.0.0", - "pinkie-promise": "^2.0.0" - } - }, - "hosted-git-info": { - "version": "2.8.9", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", - "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==", - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "normalize-package-data": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", - "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", - "dev": true, - "requires": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" - } - }, - "path-exists": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", - "integrity": "sha512-yTltuKuhtNeFJKa1PiRzfLAU5182q1y4Eb4XCJ3PBqyzEDkAZRzBrKKBct682ls9reBVHf9udYLN5Nd+K1B9BQ==", - "dev": true, - "requires": { - "pinkie-promise": "^2.0.0" - } - }, - "read-pkg": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", - "integrity": "sha512-7BGwRHqt4s/uVbuyoeejRn4YmFnYZiFl4AuaeXHlgZf3sONF0SOGlxs2Pw8g6hCKupo08RafIO5YXFNOKTfwsQ==", - "dev": true, - "requires": { - "load-json-file": "^1.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^1.0.0" - } - }, - "read-pkg-up": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", - "integrity": "sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A==", - "dev": true, - "requires": { - "find-up": "^1.0.0", - "read-pkg": "^1.0.0" - } - }, - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==", - "dev": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "yargs-parser": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.1.tgz", - "integrity": "sha512-wpav5XYiddjXxirPoCTUPbqM0PXvJ9hiBMvuJgInvo4/lAOTZzUprArw17q2O1P2+GHhbBr18/iQwjL5Z9BqfA==", - "dev": true, - "requires": { - "camelcase": "^3.0.0", - "object.assign": "^4.1.0" - } - } - } - }, - "yargs-parser": { - "version": "20.2.9", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", - "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", - "dev": true - } } } From e9dea261241ccf16cbbfdcb477c25ec18d1aa5b6 Mon Sep 17 00:00:00 2001 From: Thomas Scheibitz Date: Thu, 28 Dec 2023 23:04:41 +0100 Subject: [PATCH 2/6] [FEATURE] Make all tablets responsive --- dist/devices.css | 161 ++++++++++++++++---------------- dist/devices.min.css | 2 +- docs/assets/css/demo.min.css | 2 +- docs/assets/css/devices.min.css | 2 +- docs/pug/tablets.pug | 75 ++++++++------- docs/scss/demo.scss | 24 +++-- docs/tablets.html | 64 +++++++------ src/_functions.scss | 3 + src/_ipad-pro-2017.scss | 59 ++++++------ src/_ipad-pro.scss | 73 ++++++++------- src/_surface-pro-2017.scss | 49 +++++----- src/devices.scss | 4 +- 12 files changed, 274 insertions(+), 244 deletions(-) create mode 100644 src/_functions.scss diff --git a/dist/devices.css b/dist/devices.css index aaf7a3b..df55dfa 100644 --- a/dist/devices.css +++ b/dist/devices.css @@ -2210,24 +2210,25 @@ } .device-ipad-pro { - height: 778px; - width: 560px; + --device-width: 560; + height: calc(778 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-ipad-pro .device-frame { background: #0d0d0d; - border-radius: 36px; - box-shadow: inset 0 0 0 1px #babdbf, inset 0 0 1px 3px #e2e3e4; - height: 778px; - padding: 27px; - width: 560px; + border-radius: calc(36 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf, inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4; + height: calc(778 * 1cqi / var(--device-width) * 100); + padding: calc(27 * 1cqi / var(--device-width) * 100); + width: calc(560 * 1cqi / var(--device-width) * 100); } .device-ipad-pro .device-screen { - border: 2px solid #121212; - border-radius: 11px; - height: 724px; - width: 506px; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #121212; + border-radius: calc(11 * 1cqi / var(--device-width) * 100); + height: calc(724 * 1cqi / var(--device-width) * 100); + width: calc(506 * 1cqi / var(--device-width) * 100); } .device-ipad-pro .device-btns::after, @@ -2238,18 +2239,18 @@ } .device-ipad-pro .device-btns::after { - height: 2px; - right: 40px; - top: -2px; - width: 36px; + height: calc(2 * 1cqi / var(--device-width) * 100); + right: calc(40 * 1cqi / var(--device-width) * 100); + top: calc(-2 * 1cqi / var(--device-width) * 100); + width: calc(36 * 1cqi / var(--device-width) * 100); } .device-ipad-pro .device-btns::before { - box-shadow: 0 37px #babdbf; - height: 32px; - right: -2px; - top: 63px; - width: 2px; + box-shadow: 0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf; + height: calc(32 * 1cqi / var(--device-width) * 100); + right: calc(-2 * 1cqi / var(--device-width) * 100); + top: calc(63 * 1cqi / var(--device-width) * 100); + width: calc(2 * 1cqi / var(--device-width) * 100); } .device-ipad-pro .device-sensors::after, @@ -2260,28 +2261,28 @@ .device-ipad-pro .device-sensors::after { background: #1a1a1a; - border-radius: 17px; - box-shadow: -20px 0 #1a1a1a, 70px 0 #1a1a1a; - height: 10px; + border-radius: calc(17 * 1cqi / var(--device-width) * 100); + box-shadow: calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a, calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a; + height: calc(10 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -30px; - top: 12px; - width: 10px; + margin-left: calc(-30 * 1cqi / var(--device-width) * 100); + top: calc(12 * 1cqi / var(--device-width) * 100); + width: calc(10 * 1cqi / var(--device-width) * 100); } .device-ipad-pro .device-sensors::before { background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%); border-radius: 50%; - box-shadow: 0 0 1px 1px rgba(255, 255, 255, .05); - height: 6px; + box-shadow: 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255, 255, 255, .05); + height: calc(6 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -3px; - top: 14px; - width: 6px; + margin-left: calc(-3 * 1cqi / var(--device-width) * 100); + top: calc(14 * 1cqi / var(--device-width) * 100); + width: calc(6 * 1cqi / var(--device-width) * 100); } .device-ipad-pro.device-spacegray .device-frame { - box-shadow: inset 0 0 0 1px #6a6d70, inset 0 0 1px 3px #83878a; + box-shadow: inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70, inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a; } .device-ipad-pro.device-spacegray .device-btns::after, @@ -2290,55 +2291,56 @@ } .device-ipad-pro.device-spacegray .device-btns::before { - box-shadow: 0 37px #6a6d70; + box-shadow: 0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70; } .device-ipad-pro-2017 { - height: 804px; - width: 560px; + --device-width: 560; + height: calc(804 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-ipad-pro-2017 .device-frame { background: #fff; - border-radius: 38px; - box-shadow: inset 0 0 0 2px #c8cacb, inset 0 0 0 6px #e2e3e4; - height: 804px; - padding: 62px 25px; - width: 560px; + border-radius: calc(38 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4; + height: calc(804 * 1cqi / var(--device-width) * 100); + padding: calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100); + width: calc(560 * 1cqi / var(--device-width) * 100); } .device-ipad-pro-2017 .device-screen { - border: 2px solid #222; - border-radius: 2px; - height: 680px; - width: 510px; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #222; + border-radius: calc(2 * 1cqi / var(--device-width) * 100); + height: calc(680 * 1cqi / var(--device-width) * 100); + width: calc(510 * 1cqi / var(--device-width) * 100); } .device-ipad-pro-2017 .device-home { - border: 2px solid #c8cacb; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb; border-radius: 50%; - bottom: 17px; - height: 34px; + bottom: calc(17 * 1cqi / var(--device-width) * 100); + height: calc(34 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -17px; + margin-left: calc(-17 * 1cqi / var(--device-width) * 100); position: absolute; - width: 34px; + width: calc(34 * 1cqi / var(--device-width) * 100); } .device-ipad-pro-2017 .device-sensors { background: #666; border-radius: 50%; - height: 10px; + height: calc(10 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -5px; - margin-top: -5px; + margin-left: calc(-5 * 1cqi / var(--device-width) * 100); + margin-top: calc(-5 * 1cqi / var(--device-width) * 100); position: absolute; - top: 34px; - width: 10px; + top: calc(34 * 1cqi / var(--device-width) * 100); + width: calc(10 * 1cqi / var(--device-width) * 100); } .device-ipad-pro-2017.device-gold .device-frame { - box-shadow: inset 0 0 0 2px #e4b08a, inset 0 0 0 6px #f7e8dd; + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd; } .device-ipad-pro-2017.device-gold .device-header { @@ -2346,7 +2348,7 @@ } .device-ipad-pro-2017.device-rosegold .device-frame { - box-shadow: inset 0 0 0 2px #f6a69a, inset 0 0 0 6px #facfc9; + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9; } .device-ipad-pro-2017.device-rosegold .device-home { @@ -2355,7 +2357,7 @@ .device-ipad-pro-2017.device-spacegray .device-frame { background: #222; - box-shadow: inset 0 0 0 2px #818187, inset 0 0 0 6px #9b9ba0; + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0; } .device-ipad-pro-2017.device-spacegray .device-home { @@ -2363,56 +2365,57 @@ } .device-surface-pro-2017 { - height: 394px; - width: 561px; + --device-width: 561; + height: calc(394 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-surface-pro-2017 .device-frame { background: #0d0d0d; - border-radius: 10px; - box-shadow: inset 0 0 0 2px #c8c8c8; - height: 394px; + border-radius: calc(10 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8; + height: calc(394 * 1cqi / var(--device-width) * 100); margin: 0 auto; - padding: 26px 24px; - width: 561px; + padding: calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100); + width: calc(561 * 1cqi / var(--device-width) * 100); } .device-surface-pro-2017 .device-screen { - border: 2px solid #121212; - border-radius: 2px; - height: 342px; - width: 513px; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #121212; + border-radius: calc(2 * 1cqi / var(--device-width) * 100); + height: calc(342 * 1cqi / var(--device-width) * 100); + width: calc(513 * 1cqi / var(--device-width) * 100); } .device-surface-pro-2017 .device-btns::after, .device-surface-pro-2017 .device-btns::before { background: #c8c8c8; content: ""; - height: 2px; + height: calc(2 * 1cqi / var(--device-width) * 100); position: absolute; - top: -2px; + top: calc(-2 * 1cqi / var(--device-width) * 100); } .device-surface-pro-2017 .device-btns::after { - left: 48px; - width: 26px; + left: calc(48 * 1cqi / var(--device-width) * 100); + width: calc(26 * 1cqi / var(--device-width) * 100); } .device-surface-pro-2017 .device-btns::before { - left: 94px; - width: 48px; + left: calc(94 * 1cqi / var(--device-width) * 100); + width: calc(48 * 1cqi / var(--device-width) * 100); } .device-surface-pro-2017 .device-sensors { background: #333; border-radius: 50%; - height: 6px; + height: calc(6 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -3px; - margin-top: -3px; + margin-left: calc(-3 * 1cqi / var(--device-width) * 100); + margin-top: calc(-3 * 1cqi / var(--device-width) * 100); position: absolute; - top: 14px; - width: 6px; + top: calc(14 * 1cqi / var(--device-width) * 100); + width: calc(6 * 1cqi / var(--device-width) * 100); } .device-apple-watch-ultra { diff --git a/dist/devices.min.css b/dist/devices.min.css index dfcca5d..b2ab671 100644 --- a/dist/devices.min.css +++ b/dist/devices.min.css @@ -1 +1 @@ -/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{height:868px;width:428px}.device-iphone-14-pro .device-frame{background:#010101;border:1px solid #1b1721;border-radius:68px;box-shadow:inset 0 0 4px 2px #c0b7cd,inset 0 0 0 6px #342c3f;height:868px;padding:19px;width:428px}.device-iphone-14-pro .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:85px}.device-iphone-14-pro .device-stripe::before{bottom:85px}.device-iphone-14-pro .device-header{background:#010101;border-radius:20px;height:35px;left:50%;margin-left:-60px;position:absolute;top:29px;width:120px}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:17px;height:33px;left:50%;margin-left:-60px;top:30px;width:74px}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:36px;top:42px;width:9px}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14-pro .device-btns::after{top:60px}.device-iphone-14-pro .device-btns::before{top:140px}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14-pro .device-home::after{right:86px;top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:86px}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{height:868px;width:428px}.device-iphone-14 .device-frame{background:#010101;border:1px solid #101315;border-radius:68px;box-shadow:inset 0 0 4px 2px #b0b8c0,inset 0 0 0 6px #272c31;height:868px;padding:19px;width:428px}.device-iphone-14 .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:85px}.device-iphone-14 .device-stripe::before{bottom:85px}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-80px;position:absolute;top:20px;width:160px}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:-10px}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:-10px}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:1px solid #010101;border-radius:4px;box-shadow:0 0 4px #151515;height:7px;left:50%;margin-left:-35px;top:8px;width:70px}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:-60px;top:26px;width:9px}.device-iphone-14 .device-btns{background:#101315;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14 .device-btns::after{top:60px}.device-iphone-14 .device-btns::before{top:140px}.device-iphone-14 .device-power{background:#101315;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14 .device-home::after{right:86px;top:0}.device-iphone-14 .device-home::before{bottom:0;left:86px}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{height:868px;width:428px}.device-iphone-x .device-frame{background:#222;border-radius:68px;box-shadow:inset 0 0 2px 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:868px;padding:28px;width:428px}.device-iphone-x .device-screen{border-radius:40px;height:812px;width:375px}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:85px}.device-iphone-x .device-stripe::before{bottom:85px}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-102px;position:absolute;top:28px;width:204px}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:-10px}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:-10px}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:3px;height:6px;left:50%;margin-left:-25px;top:32px;width:50px}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:10px;left:50%;margin-left:42px;top:30px;width:10px}.device-iphone-x .device-btns{background:#c8cacb;height:32px;left:-3px;position:absolute;top:115px;width:3px}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-x .device-btns::after{top:60px}.device-iphone-x .device-btns::before{top:140px}.device-iphone-x .device-power{background:#c8cacb;height:100px;position:absolute;right:-3px;top:200px;width:3px}.device-iphone-8{height:871px;width:419px}.device-iphone-8 .device-frame{background:#fff;border-radius:68px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:871px;padding:102px 22px;width:419px}.device-iphone-8 .device-screen{border:2px solid #222;border-radius:4px;height:667px;width:375px}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 7px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:68px}.device-iphone-8 .device-stripe::before{bottom:68px}.device-iphone-8 .device-home{border:2px solid #c8cacb;border-radius:50%;bottom:25px;height:58px;left:50%;margin-left:-29px;position:absolute;width:58px}.device-iphone-8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-38px;position:absolute;top:52px;width:76px}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:10px;left:50%;margin-left:-5px;top:-25px;width:10px}.device-iphone-8 .device-sensors::before{height:12px;left:-42px;margin-top:-6px;top:50%;width:12px}.device-iphone-8 .device-btns{background:#c8cacb;height:30px;left:-3px;position:absolute;top:102px;width:3px}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:56px;left:0;position:absolute;width:3px}.device-iphone-8 .device-btns::after{top:62px}.device-iphone-8 .device-btns::before{top:132px}.device-iphone-8 .device-power{background:#c8cacb;height:80px;position:absolute;right:-2px;top:160px;width:3px}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 7px #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #74747a,inset 0 0 0 7px #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{height:610px;width:320px}.device-the-iphone .device-frame{background:#010101;border:1px solid #a9a9a9;border-radius:56px;box-shadow:inset 0 0 4px 3px #010101,inset 0 0 2px 13px #f5f5f5;height:610px;padding:100px 22px;width:320px}.device-the-iphone .device-frame::before{border:8px solid #010101;border-left-width:2px;border-radius:48px;border-right-width:2px;box-shadow:inset 0 0 8px 2px #010101;content:"";height:594px;left:2px;position:absolute;top:9px;width:316px}.device-the-iphone .device-frame::after{border:4px solid #dcdcdc;border-radius:38px;content:"";height:590px;left:13px;position:absolute;top:11px;width:294px}.device-the-iphone .device-screen{border:2px solid #272727;border-radius:4px;height:410px;width:276px}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:5px;content:"";height:10px;left:50%;margin-left:-28px;position:absolute;top:52px;width:56px}.device-the-iphone .device-sensors::after{background:#272727;border:1px solid #010101;border-radius:3px;content:"";height:6px;left:50%;margin-left:-26px;position:absolute;top:54px;width:52px}.device-the-iphone .device-btns{background:#696969;border-radius:2px 0 0 2px;height:30px;left:-2px;position:absolute;top:60px;width:2px}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:56px;left:0;position:absolute;width:2px}.device-the-iphone .device-btns::after{border-radius:2px 0 0 50%;top:50px}.device-the-iphone .device-btns::before{border-radius:50% 0 0 2px;top:131px}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:1px solid #292929;border-radius:50%;bottom:28px;height:56px;left:50%;margin-left:-28px;position:absolute;width:56px}.device-the-iphone .device-home::before{border:1px solid #dcdcdc;border-radius:4px;content:"";height:20px;left:17px;position:absolute;top:17px;width:20px}.device-the-iphone .device-power{background:#696969;border-radius:2px 2px 0 0;height:2px;position:absolute;right:52px;top:-2px;width:52px}.device-google-pixel-6-pro{height:862px;width:404px}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:28px;box-shadow:inset 0 0 12px #8d8d86,inset 0 7px 0 3px #fdfdfc,inset 0 -6px 0 3px #fdfdfc;height:862px;margin:0 2px;padding:20px 12px 26px 12px;width:400px}.device-google-pixel-6-pro .device-screen{border-radius:27px;height:816px;width:376px}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:10px;left:50%;margin-left:-147px;position:absolute;top:0;width:294px}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:50px 50px 0 0;bottom:0;content:"";height:2px;left:50%;margin-left:-22px;position:absolute;width:44px}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:9px;left:50%;margin-left:40px;position:absolute;width:11px}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:22px;left:50%;margin-left:-11px;margin-top:-11px;position:absolute;top:39px;width:22px}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 50px 50px;height:4px;left:50%;margin-left:-103px;top:-18px;width:206px}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:8px;left:7px;top:7px;width:8px}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:102px;position:absolute;right:0;top:306px;width:3px}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:58px;position:absolute;right:0;top:194px;width:3px}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 12px #ff962e,inset 0 7px 0 3px #fff,inset 0 -6px 0 3px #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 12px #000,inset 0 7px 0 3px #646668,inset 0 -6px 0 3px #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{height:832px;width:404px}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:36px;box-shadow:inset 0 0 0 2px #cfcfcf,inset 0 0 0 7px #9c9c9c;height:832px;padding:56px 22px;width:404px}.device-google-pixel-2-xl .device-screen{border-radius:27px;height:720px;width:360px}.device-google-pixel-2-xl .device-header{height:832px;left:50%;margin-left:-150px;position:absolute;top:0;width:300px}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:3px;content:"";height:6px;left:50%;margin-left:-73px;margin-top:-3px;position:absolute;width:146px}.device-google-pixel-2-xl .device-header::after{top:24px}.device-google-pixel-2-xl .device-header::before{bottom:28px}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:7px;height:14px;left:54px;margin-top:-7px;position:absolute;top:36px;width:14px}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:102px;position:absolute;right:-3px;top:306px;width:3px}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:58px;position:absolute;right:-3px;top:194px;width:3px}.device-google-pixel{height:744px;width:360px}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:54px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4,inset 0 0 0 10px #fff;height:744px;padding:82px 18px 86px 18px;width:360px}.device-google-pixel .device-screen{border:2px solid #222;border-radius:2px;height:576px;width:324px}.device-google-pixel .device-stripe{border-top:6px solid rgba(51,51,51,.15);bottom:0;left:254px;position:absolute;top:0;width:8px}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 6px;content:"";height:10px;left:-254px;position:absolute;width:360px;z-index:9}.device-google-pixel .device-stripe::after{top:60px}.device-google-pixel .device-stripe::before{bottom:46px}.device-google-pixel .device-sensors{background:#ddd;border-radius:2.5px;height:5px;left:50%;margin-left:-39px;margin-top:-2.5px;position:absolute;top:41px;width:78px}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:6px;content:"";position:absolute}.device-google-pixel .device-sensors::after{height:12px;left:50%;margin-left:-14px;top:21.5px;width:28px}.device-google-pixel .device-sensors::before{height:10px;left:-81px;margin-top:-5px;top:50%;width:10px}.device-google-pixel .device-btns{background:#c8cacb;height:102px;position:absolute;right:-2px;top:298px;width:3px}.device-google-pixel .device-power{background:#c8cacb;height:50px;position:absolute;right:-2px;top:184px;width:3px}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 2px #363635,inset 0 0 0 6px #6a6967,inset 0 0 0 10px #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 2px #2a5aff,inset 0 0 0 6px #7695ff,inset 0 0 0 10px #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{height:828px;width:380px}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:55px;border-width:5px 0;box-shadow:inset 0 0 0 2px #9c9c9c;height:828px;padding:48px 10px 40px 10px;width:380px}.device-galaxy-s8 .device-screen{border:2px solid #222;border-radius:34px;height:740px;width:360px}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:5px 0;content:"";height:828px;position:absolute;top:0;width:6px;z-index:9}.device-galaxy-s8 .device-stripe::after{left:48px}.device-galaxy-s8 .device-stripe::before{right:48px}.device-galaxy-s8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-24px;margin-top:-3px;position:absolute;top:32px;width:48px}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:-192px 0 #333,-174px 0 #333,-240px 0 #333;height:8px;margin-top:-4px;right:-90px;width:8px}.device-galaxy-s8 .device-sensors::before{box-shadow:186px 0 #666;height:12px;left:-90px;margin-top:-6px;width:12px}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:3px 0 0 3px;height:116px;left:-3px;position:absolute;top:144px;width:3px}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:3px 0 0 3px;content:"";height:54px;left:0;position:absolute;top:164px;width:3px}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 3px 3px 0;height:54px;position:absolute;right:-3px;top:260px;width:3px}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 2px #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{height:434px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:418px;margin:0 auto;padding:9px 9px 23px 9px;position:relative;width:618px}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 20px 20px;bottom:2px;content:"";height:24px;left:2px;position:absolute;width:614px}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:12px;left:50%;margin-left:-32px;position:absolute;top:11px;width:64px;z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:4px;position:absolute;top:0;width:4px}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:-4px}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:-4px}.device-macbook-pro .device-screen{border:2px solid #121212;border-radius:10px 10px 0 0;height:375px;width:600px}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:2px 2px 12px 12px;border-width:1px 2px 0 2px;box-shadow:inset 0 -2px 8px 0 #6c7074;height:24px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;content:"";height:10px;left:50%;margin-left:-60px;position:absolute;top:0;width:120px}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-300px 0 #272727,300px 0 #272727;content:"";height:2px;left:50%;margin-left:-20px;position:absolute;width:40px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 -2px 8px 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018{height:444px;width:740px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro-2018 .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook Pro";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-macbook{height:432px;width:740px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:0 4px;height:4px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 2px;height:4px;left:50%;margin-left:-60px;width:120px}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:10px;left:-4px;margin:0 auto;top:4px;width:740px}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 -2px 6px 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 -2px 6px 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-imac{height:540px;width:640px}.device-imac .device-frame{background:#edeef0;border-radius:18px;box-shadow:inset 0 0 0 1px #d4d5d7;height:440px;padding:16px 16px 80px 16px;position:relative;width:640px}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 18px 18px;bottom:1px;box-shadow:inset 0 0 18px 0 #c7c8cb;content:"";height:63px;left:1px;position:absolute;width:638px}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-imac .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:608px}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:92px;margin:0 auto;position:relative;width:152px}.device-imac .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:0;box-shadow:-61px 0 #d4d5d7,61px 0 #d4d5d7;height:2px;left:50%;margin-left:-15px;position:absolute;width:30px}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 2px #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 18px 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:-61px 0 #b4c7da,61px 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 2px #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 18px 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:-61px 0 #bbd0c8,61px 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 2px #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 18px 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:-61px 0 #edccc6,61px 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 2px #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 18px 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:-61px 0 #f4d595,61px 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 2px #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 18px 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:-61px 0 #e9b5a0,61px 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 2px #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 18px 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:-61px 0 #c4c4e5,61px 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{height:424px;width:728px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;box-shadow:inset 0 0 0 2px #c8c8c8;height:408px;margin:0 auto;padding:24px 22px;position:relative;width:584px}.device-surface-book .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:540px}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-book .device-btns::after{left:122px;width:20px}.device-surface-book .device-btns::before{left:168px;width:44px}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:2px;border-width:0 2px;height:16px;margin-top:4px;position:relative;width:728px}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 6px 6px;height:8px;left:50%;margin-left:-125px;top:0;width:250px;z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:2px 2px 0 0;bottom:16px;height:8px;left:50%;margin-left:-292px;width:584px}.device-surface-studio{height:506px;width:640px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #000;height:440px;padding:20px;width:640px}.device-surface-studio .device-screen{border:2px solid #121212;border-radius:2px;height:400px;width:600px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;bottom:0;height:4px;left:50%;margin-left:-117px;position:absolute;width:234px}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:-75px}.device-surface-studio .device-stripe::after{border:1px solid #e2e3e4;border-radius:0 0 18px 18px;border-top:0;box-shadow:inset 0 0 4px 1px #c8cacb,inset 0 0 4px 2px #e2e3e4,inset 0 0 0 8px #c8cacb;height:60px;margin-left:-140px;width:280px;z-index:-1}.device-surface-studio .device-stripe::before{border:15px solid #e2e3e4;border-radius:0 0 8px 8px;border-top:0;height:70px;margin-left:-150px;width:300px;z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 2px 2px;height:32px;margin:30px auto 0 auto;position:relative;width:250px}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:1px;left:0;position:absolute;top:4px;width:250px}.device-ipad-pro{height:778px;width:560px}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:36px;box-shadow:inset 0 0 0 1px #babdbf,inset 0 0 1px 3px #e2e3e4;height:778px;padding:27px;width:560px}.device-ipad-pro .device-screen{border:2px solid #121212;border-radius:11px;height:724px;width:506px}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:2px;right:40px;top:-2px;width:36px}.device-ipad-pro .device-btns::before{box-shadow:0 37px #babdbf;height:32px;right:-2px;top:63px;width:2px}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:17px;box-shadow:-20px 0 #1a1a1a,70px 0 #1a1a1a;height:10px;left:50%;margin-left:-30px;top:12px;width:10px}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:6px;left:50%;margin-left:-3px;top:14px;width:6px}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 1px #6a6d70,inset 0 0 1px 3px #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 37px #6a6d70}.device-ipad-pro-2017{height:804px;width:560px}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:38px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4;height:804px;padding:62px 25px;width:560px}.device-ipad-pro-2017 .device-screen{border:2px solid #222;border-radius:2px;height:680px;width:510px}.device-ipad-pro-2017 .device-home{border:2px solid #c8cacb;border-radius:50%;bottom:17px;height:34px;left:50%;margin-left:-17px;position:absolute;width:34px}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:10px;left:50%;margin-left:-5px;margin-top:-5px;position:absolute;top:34px;width:10px}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 6px #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a,inset 0 0 0 6px #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #818187,inset 0 0 0 6px #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{height:394px;width:561px}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #c8c8c8;height:394px;margin:0 auto;padding:26px 24px;width:561px}.device-surface-pro-2017 .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:513px}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-pro-2017 .device-btns::after{left:48px;width:26px}.device-surface-pro-2017 .device-btns::before{left:94px;width:48px}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:6px;left:50%;margin-left:-3px;margin-top:-3px;position:absolute;top:14px;width:6px}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file +/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{height:868px;width:428px}.device-iphone-14-pro .device-frame{background:#010101;border:1px solid #1b1721;border-radius:68px;box-shadow:inset 0 0 4px 2px #c0b7cd,inset 0 0 0 6px #342c3f;height:868px;padding:19px;width:428px}.device-iphone-14-pro .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:85px}.device-iphone-14-pro .device-stripe::before{bottom:85px}.device-iphone-14-pro .device-header{background:#010101;border-radius:20px;height:35px;left:50%;margin-left:-60px;position:absolute;top:29px;width:120px}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:17px;height:33px;left:50%;margin-left:-60px;top:30px;width:74px}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:36px;top:42px;width:9px}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14-pro .device-btns::after{top:60px}.device-iphone-14-pro .device-btns::before{top:140px}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14-pro .device-home::after{right:86px;top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:86px}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{height:868px;width:428px}.device-iphone-14 .device-frame{background:#010101;border:1px solid #101315;border-radius:68px;box-shadow:inset 0 0 4px 2px #b0b8c0,inset 0 0 0 6px #272c31;height:868px;padding:19px;width:428px}.device-iphone-14 .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:85px}.device-iphone-14 .device-stripe::before{bottom:85px}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-80px;position:absolute;top:20px;width:160px}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:-10px}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:-10px}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:1px solid #010101;border-radius:4px;box-shadow:0 0 4px #151515;height:7px;left:50%;margin-left:-35px;top:8px;width:70px}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:-60px;top:26px;width:9px}.device-iphone-14 .device-btns{background:#101315;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14 .device-btns::after{top:60px}.device-iphone-14 .device-btns::before{top:140px}.device-iphone-14 .device-power{background:#101315;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14 .device-home::after{right:86px;top:0}.device-iphone-14 .device-home::before{bottom:0;left:86px}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{height:868px;width:428px}.device-iphone-x .device-frame{background:#222;border-radius:68px;box-shadow:inset 0 0 2px 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:868px;padding:28px;width:428px}.device-iphone-x .device-screen{border-radius:40px;height:812px;width:375px}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:85px}.device-iphone-x .device-stripe::before{bottom:85px}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-102px;position:absolute;top:28px;width:204px}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:-10px}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:-10px}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:3px;height:6px;left:50%;margin-left:-25px;top:32px;width:50px}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:10px;left:50%;margin-left:42px;top:30px;width:10px}.device-iphone-x .device-btns{background:#c8cacb;height:32px;left:-3px;position:absolute;top:115px;width:3px}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-x .device-btns::after{top:60px}.device-iphone-x .device-btns::before{top:140px}.device-iphone-x .device-power{background:#c8cacb;height:100px;position:absolute;right:-3px;top:200px;width:3px}.device-iphone-8{height:871px;width:419px}.device-iphone-8 .device-frame{background:#fff;border-radius:68px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:871px;padding:102px 22px;width:419px}.device-iphone-8 .device-screen{border:2px solid #222;border-radius:4px;height:667px;width:375px}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 7px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:68px}.device-iphone-8 .device-stripe::before{bottom:68px}.device-iphone-8 .device-home{border:2px solid #c8cacb;border-radius:50%;bottom:25px;height:58px;left:50%;margin-left:-29px;position:absolute;width:58px}.device-iphone-8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-38px;position:absolute;top:52px;width:76px}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:10px;left:50%;margin-left:-5px;top:-25px;width:10px}.device-iphone-8 .device-sensors::before{height:12px;left:-42px;margin-top:-6px;top:50%;width:12px}.device-iphone-8 .device-btns{background:#c8cacb;height:30px;left:-3px;position:absolute;top:102px;width:3px}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:56px;left:0;position:absolute;width:3px}.device-iphone-8 .device-btns::after{top:62px}.device-iphone-8 .device-btns::before{top:132px}.device-iphone-8 .device-power{background:#c8cacb;height:80px;position:absolute;right:-2px;top:160px;width:3px}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 7px #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #74747a,inset 0 0 0 7px #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{height:610px;width:320px}.device-the-iphone .device-frame{background:#010101;border:1px solid #a9a9a9;border-radius:56px;box-shadow:inset 0 0 4px 3px #010101,inset 0 0 2px 13px #f5f5f5;height:610px;padding:100px 22px;width:320px}.device-the-iphone .device-frame::before{border:8px solid #010101;border-left-width:2px;border-radius:48px;border-right-width:2px;box-shadow:inset 0 0 8px 2px #010101;content:"";height:594px;left:2px;position:absolute;top:9px;width:316px}.device-the-iphone .device-frame::after{border:4px solid #dcdcdc;border-radius:38px;content:"";height:590px;left:13px;position:absolute;top:11px;width:294px}.device-the-iphone .device-screen{border:2px solid #272727;border-radius:4px;height:410px;width:276px}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:5px;content:"";height:10px;left:50%;margin-left:-28px;position:absolute;top:52px;width:56px}.device-the-iphone .device-sensors::after{background:#272727;border:1px solid #010101;border-radius:3px;content:"";height:6px;left:50%;margin-left:-26px;position:absolute;top:54px;width:52px}.device-the-iphone .device-btns{background:#696969;border-radius:2px 0 0 2px;height:30px;left:-2px;position:absolute;top:60px;width:2px}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:56px;left:0;position:absolute;width:2px}.device-the-iphone .device-btns::after{border-radius:2px 0 0 50%;top:50px}.device-the-iphone .device-btns::before{border-radius:50% 0 0 2px;top:131px}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:1px solid #292929;border-radius:50%;bottom:28px;height:56px;left:50%;margin-left:-28px;position:absolute;width:56px}.device-the-iphone .device-home::before{border:1px solid #dcdcdc;border-radius:4px;content:"";height:20px;left:17px;position:absolute;top:17px;width:20px}.device-the-iphone .device-power{background:#696969;border-radius:2px 2px 0 0;height:2px;position:absolute;right:52px;top:-2px;width:52px}.device-google-pixel-6-pro{height:862px;width:404px}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:28px;box-shadow:inset 0 0 12px #8d8d86,inset 0 7px 0 3px #fdfdfc,inset 0 -6px 0 3px #fdfdfc;height:862px;margin:0 2px;padding:20px 12px 26px 12px;width:400px}.device-google-pixel-6-pro .device-screen{border-radius:27px;height:816px;width:376px}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:10px;left:50%;margin-left:-147px;position:absolute;top:0;width:294px}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:50px 50px 0 0;bottom:0;content:"";height:2px;left:50%;margin-left:-22px;position:absolute;width:44px}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:9px;left:50%;margin-left:40px;position:absolute;width:11px}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:22px;left:50%;margin-left:-11px;margin-top:-11px;position:absolute;top:39px;width:22px}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 50px 50px;height:4px;left:50%;margin-left:-103px;top:-18px;width:206px}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:8px;left:7px;top:7px;width:8px}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:102px;position:absolute;right:0;top:306px;width:3px}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:58px;position:absolute;right:0;top:194px;width:3px}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 12px #ff962e,inset 0 7px 0 3px #fff,inset 0 -6px 0 3px #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 12px #000,inset 0 7px 0 3px #646668,inset 0 -6px 0 3px #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{height:832px;width:404px}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:36px;box-shadow:inset 0 0 0 2px #cfcfcf,inset 0 0 0 7px #9c9c9c;height:832px;padding:56px 22px;width:404px}.device-google-pixel-2-xl .device-screen{border-radius:27px;height:720px;width:360px}.device-google-pixel-2-xl .device-header{height:832px;left:50%;margin-left:-150px;position:absolute;top:0;width:300px}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:3px;content:"";height:6px;left:50%;margin-left:-73px;margin-top:-3px;position:absolute;width:146px}.device-google-pixel-2-xl .device-header::after{top:24px}.device-google-pixel-2-xl .device-header::before{bottom:28px}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:7px;height:14px;left:54px;margin-top:-7px;position:absolute;top:36px;width:14px}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:102px;position:absolute;right:-3px;top:306px;width:3px}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:58px;position:absolute;right:-3px;top:194px;width:3px}.device-google-pixel{height:744px;width:360px}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:54px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4,inset 0 0 0 10px #fff;height:744px;padding:82px 18px 86px 18px;width:360px}.device-google-pixel .device-screen{border:2px solid #222;border-radius:2px;height:576px;width:324px}.device-google-pixel .device-stripe{border-top:6px solid rgba(51,51,51,.15);bottom:0;left:254px;position:absolute;top:0;width:8px}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 6px;content:"";height:10px;left:-254px;position:absolute;width:360px;z-index:9}.device-google-pixel .device-stripe::after{top:60px}.device-google-pixel .device-stripe::before{bottom:46px}.device-google-pixel .device-sensors{background:#ddd;border-radius:2.5px;height:5px;left:50%;margin-left:-39px;margin-top:-2.5px;position:absolute;top:41px;width:78px}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:6px;content:"";position:absolute}.device-google-pixel .device-sensors::after{height:12px;left:50%;margin-left:-14px;top:21.5px;width:28px}.device-google-pixel .device-sensors::before{height:10px;left:-81px;margin-top:-5px;top:50%;width:10px}.device-google-pixel .device-btns{background:#c8cacb;height:102px;position:absolute;right:-2px;top:298px;width:3px}.device-google-pixel .device-power{background:#c8cacb;height:50px;position:absolute;right:-2px;top:184px;width:3px}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 2px #363635,inset 0 0 0 6px #6a6967,inset 0 0 0 10px #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 2px #2a5aff,inset 0 0 0 6px #7695ff,inset 0 0 0 10px #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{height:828px;width:380px}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:55px;border-width:5px 0;box-shadow:inset 0 0 0 2px #9c9c9c;height:828px;padding:48px 10px 40px 10px;width:380px}.device-galaxy-s8 .device-screen{border:2px solid #222;border-radius:34px;height:740px;width:360px}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:5px 0;content:"";height:828px;position:absolute;top:0;width:6px;z-index:9}.device-galaxy-s8 .device-stripe::after{left:48px}.device-galaxy-s8 .device-stripe::before{right:48px}.device-galaxy-s8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-24px;margin-top:-3px;position:absolute;top:32px;width:48px}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:-192px 0 #333,-174px 0 #333,-240px 0 #333;height:8px;margin-top:-4px;right:-90px;width:8px}.device-galaxy-s8 .device-sensors::before{box-shadow:186px 0 #666;height:12px;left:-90px;margin-top:-6px;width:12px}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:3px 0 0 3px;height:116px;left:-3px;position:absolute;top:144px;width:3px}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:3px 0 0 3px;content:"";height:54px;left:0;position:absolute;top:164px;width:3px}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 3px 3px 0;height:54px;position:absolute;right:-3px;top:260px;width:3px}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 2px #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{height:434px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:418px;margin:0 auto;padding:9px 9px 23px 9px;position:relative;width:618px}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 20px 20px;bottom:2px;content:"";height:24px;left:2px;position:absolute;width:614px}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:12px;left:50%;margin-left:-32px;position:absolute;top:11px;width:64px;z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:4px;position:absolute;top:0;width:4px}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:-4px}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:-4px}.device-macbook-pro .device-screen{border:2px solid #121212;border-radius:10px 10px 0 0;height:375px;width:600px}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:2px 2px 12px 12px;border-width:1px 2px 0 2px;box-shadow:inset 0 -2px 8px 0 #6c7074;height:24px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;content:"";height:10px;left:50%;margin-left:-60px;position:absolute;top:0;width:120px}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-300px 0 #272727,300px 0 #272727;content:"";height:2px;left:50%;margin-left:-20px;position:absolute;width:40px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 -2px 8px 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018{height:444px;width:740px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro-2018 .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook Pro";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-macbook{height:432px;width:740px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:0 4px;height:4px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 2px;height:4px;left:50%;margin-left:-60px;width:120px}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:10px;left:-4px;margin:0 auto;top:4px;width:740px}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 -2px 6px 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 -2px 6px 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-imac{height:540px;width:640px}.device-imac .device-frame{background:#edeef0;border-radius:18px;box-shadow:inset 0 0 0 1px #d4d5d7;height:440px;padding:16px 16px 80px 16px;position:relative;width:640px}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 18px 18px;bottom:1px;box-shadow:inset 0 0 18px 0 #c7c8cb;content:"";height:63px;left:1px;position:absolute;width:638px}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-imac .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:608px}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:92px;margin:0 auto;position:relative;width:152px}.device-imac .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:0;box-shadow:-61px 0 #d4d5d7,61px 0 #d4d5d7;height:2px;left:50%;margin-left:-15px;position:absolute;width:30px}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 2px #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 18px 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:-61px 0 #b4c7da,61px 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 2px #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 18px 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:-61px 0 #bbd0c8,61px 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 2px #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 18px 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:-61px 0 #edccc6,61px 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 2px #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 18px 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:-61px 0 #f4d595,61px 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 2px #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 18px 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:-61px 0 #e9b5a0,61px 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 2px #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 18px 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:-61px 0 #c4c4e5,61px 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{height:424px;width:728px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;box-shadow:inset 0 0 0 2px #c8c8c8;height:408px;margin:0 auto;padding:24px 22px;position:relative;width:584px}.device-surface-book .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:540px}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-book .device-btns::after{left:122px;width:20px}.device-surface-book .device-btns::before{left:168px;width:44px}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:2px;border-width:0 2px;height:16px;margin-top:4px;position:relative;width:728px}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 6px 6px;height:8px;left:50%;margin-left:-125px;top:0;width:250px;z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:2px 2px 0 0;bottom:16px;height:8px;left:50%;margin-left:-292px;width:584px}.device-surface-studio{height:506px;width:640px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #000;height:440px;padding:20px;width:640px}.device-surface-studio .device-screen{border:2px solid #121212;border-radius:2px;height:400px;width:600px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;bottom:0;height:4px;left:50%;margin-left:-117px;position:absolute;width:234px}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:-75px}.device-surface-studio .device-stripe::after{border:1px solid #e2e3e4;border-radius:0 0 18px 18px;border-top:0;box-shadow:inset 0 0 4px 1px #c8cacb,inset 0 0 4px 2px #e2e3e4,inset 0 0 0 8px #c8cacb;height:60px;margin-left:-140px;width:280px;z-index:-1}.device-surface-studio .device-stripe::before{border:15px solid #e2e3e4;border-radius:0 0 8px 8px;border-top:0;height:70px;margin-left:-150px;width:300px;z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 2px 2px;height:32px;margin:30px auto 0 auto;position:relative;width:250px}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:1px;left:0;position:absolute;top:4px;width:250px}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file diff --git a/docs/assets/css/demo.min.css b/docs/assets/css/demo.min.css index be30ef5..41d5784 100644 --- a/docs/assets/css/demo.min.css +++ b/docs/assets/css/demo.min.css @@ -1 +1 @@ -/*! Spectre.css | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#404040;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.7rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#333;outline:0;text-decoration:none}a.active,a:active,a:focus,a:hover{color:#1a1a1a;text-decoration:underline}:focus{outline:0}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{text-decoration-skip:ink edges}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background:#333;border-radius:.2rem;color:#fff;font-size:.6rem;line-height:1.2;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.2rem;color:#404040;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #fff;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.btn{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #09006d;border-radius:.2rem;color:#09006d;cursor:pointer;display:inline-block;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.btn:focus,.btn:hover{background:#eeeef4;color:#09006d;text-decoration:none}.btn.active,.btn:active{background:#f7f7f9;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#09006d;border-left-color:#09006d}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#09006d;border-color:#08005e;box-shadow:0 .1rem .4rem rgba(9,0,109,.25);color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#070054;border-color:#060044;color:#fff}.btn.btn-primary.active,.btn.btn-primary:active{background:#060049;border-color:#05003a;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:0 0;border-color:transparent;color:#333}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#333}.btn.btn-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.3rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,247,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.6rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;appearance:none;background:#fff;background-image:none;border:.1rem solid #e6e6e6;border-radius:.2rem;color:#404040;display:block;font-size:.7rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.2rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-input:-ms-input-placeholder{color:#d9d9d9}.form-input::-ms-input-placeholder{color:#d9d9d9}.form-input::placeholder{color:#d9d9d9}.form-input.input-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.form-input.input-lg{height:2rem;padding:.3rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#d9d9d9;font-size:.6rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #e6e6e6;border-radius:.2rem;color:inherit;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.6rem;height:1.4rem;padding:0 1.1rem 0 .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.3rem 1.4rem .3rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.2rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .2rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.1rem}.has-icon-left .form-input{padding-left:1.2rem}.has-icon-right .form-icon{right:.1rem}.has-icon-right .form-input{padding-right:1.2rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.2rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.1rem solid #e6e6e6;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.6rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eeeef2}.form-checkbox .form-icon{border-radius:.2rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#d9d9d9;background-clip:padding-box;border-radius:.5rem;height:1rem;left:0;top:.2rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f7f9}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#f7f7f9;border:.1rem solid #e6e6e6;border-radius:.2rem;line-height:1.2rem;padding:.2rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.6rem;padding:0 .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.3rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#eeeef2;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f7f9}input.disabled+.form-icon,input:disabled+.form-icon{background:#eeeef2;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eeeef2;border-radius:.2rem;color:#4d4d4d;display:inline-block;line-height:1.2;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#09006d;color:#fff}.label.label-secondary{background:#eeeef4;color:#09006d}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#999;margin-top:.4rem}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.1rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless>.column{padding-left:0;padding-right:0}.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.empty{background:#f7f7f9;border-radius:.2rem;color:#999;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.2rem;box-shadow:0 .05rem 1.1rem rgba(51,51,51,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-item>a{color:inherit;display:block;margin:0;padding:.4rem;text-decoration:none}.menu .menu-item>a.active,.menu .menu-item>a:active,.menu .menu-item>a:focus,.menu .menu-item>a:hover{color:rgba(255,255,255,.75)}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.2rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#09006d}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#09006d;color:#fff}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip{position:relative}.tooltip::after{background:rgba(51,51,51,.95);border-radius:.2rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.6rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#09006d!important}a.text-primary:focus,a.text-primary:hover{color:#070054}a.text-primary:visited{color:#0b0087}.text-secondary{color:#e5e5ee!important}a.text-secondary:focus,a.text-secondary:hover{color:#d5d5e4}a.text-secondary:visited{color:#f4f4f8}.text-gray{color:#999!important}a.text-gray:focus,a.text-gray:hover{color:#8c8c8c}a.text-gray:visited{color:#a6a6a6}.text-light{color:#fff!important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:#fff}.text-dark{color:#404040!important}a.text-dark:focus,a.text-dark:hover{color:#333}a.text-dark:visited{color:#4d4d4d}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#09006d!important;color:#fff}.bg-secondary{background:#eeeef4!important}.bg-dark{background:#333!important;color:#fff}.bg-gray{background:#f7f7f9!important}.bg-success{background:#32b643!important;color:#fff}.bg-warning{background:#ffb700!important;color:#fff}.bg-error{background:#e85600!important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#fff;color:#d9d9d9;content:attr(data-content);display:inline-block;font-size:.6rem;padding:0 .4rem;transform:translateY(-.5rem)}.divider{border-top:.1rem solid #fff;height:.1rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.1rem solid #fff;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;border:.1rem solid #09006d;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-auto{margin:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.mt-auto{margin-top:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.2rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}/*! Devices.css Docs | MIT License | github.com/picturepan2/devices.css */html{scroll-behavior:smooth;scroll-padding-top:4rem}body{background:#f7f7f9;height:100vh;overflow:hidden;position:fixed;width:100vw}.rework-container{display:-ms-flexbox;display:flex;height:100vh;width:100vw}.rework-switch{display:none}.rework-overlay{display:none;height:100vh;position:fixed;width:100vw;z-index:1}@media screen and (max-width:600px){body{height:100%;overflow-y:auto;position:static}.rework-container{-ms-flex-direction:column;flex-direction:column}.rework-container .section-aside{display:none;-ms-flex:auto;flex:auto;height:auto;position:fixed;top:3rem;width:100vw;z-index:9999}.rework-container .section-aside .rework-menu .menu-parent{padding:.6rem .4rem}.rework-container .section-aside .rework-menu .menu-nav,.rework-container .section-aside .rework-menu .menu-parent.active+.menu-nav{display:none}.rework-container .section-main{height:auto}.rework-container .rework-brand.rework-brand-fixed{display:block;position:fixed;z-index:9999}.rework-switch:checked+.rework-container .rework-overlay{display:block}.rework-switch:checked+.rework-container .section-aside{animation:slide-down .15s ease 1;display:-ms-flexbox;display:flex}.rework-switch:checked+.rework-container .section-aside .rework-brand{display:none}}.rework-brand{padding:0 .5rem;width:100%;z-index:999}.rework-brand.rework-brand-fixed{display:none;padding-top:.5rem;position:relative}.rework-brand.rework-brand-fixed .brand-logo{background:#09006d;box-shadow:0 .2rem 1rem rgba(9,0,109,.5);padding:.4rem 1rem}.rework-brand.rework-brand-fixed .brand-homebtn{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:end;height:2.5rem;justify-content:flex-end;padding-right:1rem;position:absolute;right:.5rem;top:.5rem;width:50vw}.rework-brand .icon-menu{color:#eeeef4;display:block;height:1rem;position:relative;width:1rem}.rework-brand .icon-menu::before{background:currentColor;box-shadow:0 .3rem,.3rem 0,.3rem .3rem,0 .6rem;content:"";height:.1rem;left:.05rem;position:absolute;top:.15rem;width:.6rem}.rework-brand .brand-logo{align-items:center;border-radius:.4rem;color:#00d7ff;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.8rem;font-weight:700;height:2.5rem;line-height:1rem;padding:.5rem;text-decoration:none}.rework-brand .brand-logo .brand-primary{border:.05rem solid #fff;border-radius:.2rem;box-shadow:0 .2rem .8rem rgba(51,51,51,.5);color:#fff;display:inline-block;font-weight:400;height:1.2rem;line-height:1rem;margin-right:.1rem;padding:.05rem;text-align:center;width:1.2rem}.rework-brand .brand-logo .brand-secondary{color:#fff;margin-left:-.5em}.section-aside{display:-ms-flexbox;display:flex;-ms-flex:0 0 12rem;flex:0 0 12rem;-ms-flex-direction:column;flex-direction:column;height:100vh;padding:.5rem;width:12rem}.section-aside .sidebar-container{background:#09006d;border-radius:.4rem;box-shadow:0 .2rem .5rem rgba(9,0,109,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.section-aside .rework-menu{color:#fff;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;padding:1rem}.section-aside .rework-menu::-webkit-scrollbar{display:none}.section-aside .rework-menu .menu-parent{color:#fff;display:block;font-size:.8rem;font-weight:700;padding:.2rem .4rem;text-decoration:none}.section-aside .rework-menu .menu-parent.active{color:#00d7ff}.section-aside .rework-menu .menu-parent.active+.menu-nav{display:block}.section-aside .rework-menu .menu-nav{border-radius:0;margin-bottom:1.5rem;opacity:.75;padding-left:.6rem}.section-aside .rework-menu .menu-nav:last-child{margin-bottom:0}.section-aside .rework-actions{-ms-flex:0 0;flex:0 0;padding:.4rem}.section-aside .rework-actions .rework-action{align-items:center;background:rgba(238,238,244,.15);border-radius:.2rem;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;width:100%}.section-aside .rework-actions .btn.btn-link{color:rgba(238,238,244,.75)}.section-main{-ms-flex:1 1 auto;flex:1 1 auto;height:100vh;padding:4rem .4rem .4rem .4rem;scroll-behavior:smooth}@media screen and (min-width:600px){.section-main{overflow-x:hidden;overflow-y:auto;padding:.4rem}}.section-main .rework-emoji{align-items:center;color:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:2.5rem;font-weight:700;line-height:1;padding:.4rem 0}.section-main .rework-header{color:#09006d;font-weight:700;line-height:1.5;margin-bottom:2rem;margin-top:1rem}.section-main .rework-header h1{font-size:1.2rem;font-weight:900;line-height:1;margin-bottom:0}.section-main .rework-header h2{font-size:.8rem;line-height:1.25;margin-bottom:0}.section-main .rework-title{color:#09006d;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-top:1rem}.section-main .rework-title:hover .rework-anchor{visibility:visible}.section-main .rework-title a{text-decoration:none}.section-main .rework-title a:focus,.section-main .rework-title a:hover{color:#09006d}.section-main .content-container{margin-top:1rem}.section-footer{margin-top:1rem;padding:1rem 0}.section-footer .qrcode{position:relative}.section-footer .qrcode .qrcode-item{background:#fff;border-radius:.4rem;bottom:150%;box-shadow:0 .1rem 1rem rgba(51,51,51,.1);display:none;height:7.5rem;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);width:7.5rem}.section-footer .qrcode:hover .qrcode-item{display:block}.section-device .container{padding-bottom:3rem;padding-top:2rem}.section-device .anchor{color:#0a007c;height:0;margin-left:-2em;overflow:hidden;padding:0 1em;position:absolute;text-align:center;width:0}.section-device .anchor:focus,.section-device .anchor:hover{box-shadow:none;height:auto;text-decoration:none;width:2em}.section-device .s-title{color:#333;line-height:1.6rem;margin-bottom:0;padding-bottom:1rem;padding-top:1rem;position:static}.section-device .s-title:hover .anchor{height:auto;width:1em}.section-device .column{padding-bottom:1rem;padding-top:1rem}.rework-hero{align-items:center;border-radius:.4rem;color:#09006d;display:-ms-flexbox;display:flex;-ms-flex-align:center;padding:2rem 0 2rem 0;position:relative;z-index:1}@media screen and (max-width:600px){.rework-hero{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}.rework-hero .hero-image img{margin-right:0}}.rework-hero .hero-title{font-size:1.8rem;font-weight:900;line-height:1.25;margin-bottom:0}.rework-hero .hero-subtitle{color:rgba(9,0,109,.75);font-size:.8rem;line-height:1.25;margin-top:.25rem}.rework-hero .hero-image{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;overflow-y:hidden;position:absolute;right:-.8rem;top:0;width:40vw;z-index:-1}.rework-hero .hero-image img{height:25vw;margin-left:auto;margin-right:2rem;max-height:100%;min-height:75%;width:auto}.rework-device{align-items:center;border-bottom:.05rem solid #e6e6e6;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-top:2rem;padding:2rem}.rework-device .dots{text-align:center}.rework-device .dots .dot{background:#eee;border:2px solid rgba(0,0,0,.1);border-radius:50%;display:inline-block;height:1rem;margin:0 .2rem;width:1rem}.rework-device .dots .dot.active{box-shadow:inset 0 0 0 1.5px #f7f7f9;transform:scale(1.25)}.rework-device .device{margin:1rem 0}@media (max-width:600px){.rework-device .device{margin:0;transform:scale(.75)}.rework-device.computers .device{transform:scale(.5)}}.hero-demo{height:400px;margin-bottom:40px;position:relative}.hero-demo .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute}.hero-demo .demo-iphone-14-pro{height:217px;margin-left:-380px;width:107px;z-index:6}.hero-demo .demo-iphone-14-pro .device{transform:scale(.25)}.hero-demo .demo-iphone-14{height:217px;margin-left:-320px;width:107px;z-index:5}.hero-demo .demo-iphone-14 .device{transform:scale(.25)}.hero-demo .demo-google-pixel-6-pro{height:241.36px;margin-left:-240px;width:113.12px;z-index:4}.hero-demo .demo-google-pixel-6-pro .device{transform:scale(.28)}.hero-demo .demo-macbook-pro{height:217px;margin-left:60px;width:370px;z-index:3}.hero-demo .demo-macbook-pro .device{transform:scale(.5)}.hero-demo .demo-imac{height:405px;margin-left:-240px;width:480px}.hero-demo .demo-imac .device{transform:scale(.75)}.hero-demo .demo-apple-watch-ultra{height:95px;margin-left:-420px;width:90px;z-index:9}.hero-demo .demo-apple-watch-ultra .device{transform:scale(.25)}.hero-section{align-items:flex-end;background:#eeeef2;border-radius:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:end;-ms-flex-pack:center;height:14rem;justify-content:center;margin:.4rem 0;overflow:hidden;position:relative;transition:all .2s ease-in;width:100%}.hero-section:focus,.hero-section:hover{transform:translateY(-.2rem)}.hero-section .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:4rem;justify-content:center;width:5rem;z-index:999}.hero-section .demo.demo-macbook-pro{height:11rem}.hero-section .demo.demo-imac{height:10rem}.hero-section .demo.demo-apple-watch{height:11rem}.hero-section .demo.demo-the-iphone{height:8rem}.hero-section .demo.demo-homepod{height:10rem}.hero-section .demo .device{transform:scale(.4)}.hero-section .demo-title{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:1rem;font-weight:700;left:1rem;position:absolute;top:1rem}.hero-section .demo-title small{font-size:.6rem}.docs-sponsor{background:#e6e6ec;border-radius:.2rem;display:block;margin:2rem 0;padding:.4rem;position:relative}.docs-sponsor ins{line-height:1;vertical-align:middle}@media (min-width:1366px){.docs-sponsor.docs-sponsor-sidebar{bottom:1rem;margin:0;position:fixed;right:1rem;width:7.3rem}} \ No newline at end of file +/*! Spectre.css | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#404040;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.7rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#333;outline:0;text-decoration:none}a.active,a:active,a:focus,a:hover{color:#1a1a1a;text-decoration:underline}:focus{outline:0}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{text-decoration-skip:ink edges}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background:#333;border-radius:.2rem;color:#fff;font-size:.6rem;line-height:1.2;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.2rem;color:#404040;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #fff;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.btn{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #09006d;border-radius:.2rem;color:#09006d;cursor:pointer;display:inline-block;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.btn:focus,.btn:hover{background:#eeeef4;color:#09006d;text-decoration:none}.btn.active,.btn:active{background:#f7f7f9;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#09006d;border-left-color:#09006d}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#09006d;border-color:#08005e;box-shadow:0 .1rem .4rem rgba(9,0,109,.25);color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#070054;border-color:#060044;color:#fff}.btn.btn-primary.active,.btn.btn-primary:active{background:#060049;border-color:#05003a;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:0 0;border-color:transparent;color:#333}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#333}.btn.btn-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.3rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,247,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.6rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;appearance:none;background:#fff;background-image:none;border:.1rem solid #e6e6e6;border-radius:.2rem;color:#404040;display:block;font-size:.7rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.2rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-input:-ms-input-placeholder{color:#d9d9d9}.form-input::-ms-input-placeholder{color:#d9d9d9}.form-input::placeholder{color:#d9d9d9}.form-input.input-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.form-input.input-lg{height:2rem;padding:.3rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#d9d9d9;font-size:.6rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #e6e6e6;border-radius:.2rem;color:inherit;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.6rem;height:1.4rem;padding:0 1.1rem 0 .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.3rem 1.4rem .3rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.2rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .2rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.1rem}.has-icon-left .form-input{padding-left:1.2rem}.has-icon-right .form-icon{right:.1rem}.has-icon-right .form-input{padding-right:1.2rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.2rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.1rem solid #e6e6e6;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.6rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eeeef2}.form-checkbox .form-icon{border-radius:.2rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#d9d9d9;background-clip:padding-box;border-radius:.5rem;height:1rem;left:0;top:.2rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f7f9}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#f7f7f9;border:.1rem solid #e6e6e6;border-radius:.2rem;line-height:1.2rem;padding:.2rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.6rem;padding:0 .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.3rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#eeeef2;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f7f9}input.disabled+.form-icon,input:disabled+.form-icon{background:#eeeef2;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eeeef2;border-radius:.2rem;color:#4d4d4d;display:inline-block;line-height:1.2;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#09006d;color:#fff}.label.label-secondary{background:#eeeef4;color:#09006d}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#999;margin-top:.4rem}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.1rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless>.column{padding-left:0;padding-right:0}.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.empty{background:#f7f7f9;border-radius:.2rem;color:#999;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.2rem;box-shadow:0 .05rem 1.1rem rgba(51,51,51,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-item>a{color:inherit;display:block;margin:0;padding:.4rem;text-decoration:none}.menu .menu-item>a.active,.menu .menu-item>a:active,.menu .menu-item>a:focus,.menu .menu-item>a:hover{color:rgba(255,255,255,.75)}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.2rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#09006d}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#09006d;color:#fff}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip{position:relative}.tooltip::after{background:rgba(51,51,51,.95);border-radius:.2rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.6rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#09006d!important}a.text-primary:focus,a.text-primary:hover{color:#070054}a.text-primary:visited{color:#0b0087}.text-secondary{color:#e5e5ee!important}a.text-secondary:focus,a.text-secondary:hover{color:#d5d5e4}a.text-secondary:visited{color:#f4f4f8}.text-gray{color:#999!important}a.text-gray:focus,a.text-gray:hover{color:#8c8c8c}a.text-gray:visited{color:#a6a6a6}.text-light{color:#fff!important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:#fff}.text-dark{color:#404040!important}a.text-dark:focus,a.text-dark:hover{color:#333}a.text-dark:visited{color:#4d4d4d}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#09006d!important;color:#fff}.bg-secondary{background:#eeeef4!important}.bg-dark{background:#333!important;color:#fff}.bg-gray{background:#f7f7f9!important}.bg-success{background:#32b643!important;color:#fff}.bg-warning{background:#ffb700!important;color:#fff}.bg-error{background:#e85600!important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#fff;color:#d9d9d9;content:attr(data-content);display:inline-block;font-size:.6rem;padding:0 .4rem;transform:translateY(-.5rem)}.divider{border-top:.1rem solid #fff;height:.1rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.1rem solid #fff;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;border:.1rem solid #09006d;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-auto{margin:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.mt-auto{margin-top:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.2rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}/*! Devices.css Docs | MIT License | github.com/picturepan2/devices.css */html{scroll-behavior:smooth;scroll-padding-top:4rem}body{background:#f7f7f9;height:100vh;overflow:hidden;position:fixed;width:100vw}.rework-container{display:-ms-flexbox;display:flex;height:100vh;width:100vw}.rework-switch{display:none}.rework-overlay{display:none;height:100vh;position:fixed;width:100vw;z-index:1}@media screen and (max-width:600px){body{height:100%;overflow-y:auto;position:static}.rework-container{-ms-flex-direction:column;flex-direction:column}.rework-container .section-aside{display:none;-ms-flex:auto;flex:auto;height:auto;position:fixed;top:3rem;width:100vw;z-index:9999}.rework-container .section-aside .rework-menu .menu-parent{padding:.6rem .4rem}.rework-container .section-aside .rework-menu .menu-nav,.rework-container .section-aside .rework-menu .menu-parent.active+.menu-nav{display:none}.rework-container .section-main{height:auto}.rework-container .rework-brand.rework-brand-fixed{display:block;position:fixed;z-index:9999}.rework-switch:checked+.rework-container .rework-overlay{display:block}.rework-switch:checked+.rework-container .section-aside{animation:slide-down .15s ease 1;display:-ms-flexbox;display:flex}.rework-switch:checked+.rework-container .section-aside .rework-brand{display:none}}.rework-brand{padding:0 .5rem;width:100%;z-index:999}.rework-brand.rework-brand-fixed{display:none;padding-top:.5rem;position:relative}.rework-brand.rework-brand-fixed .brand-logo{background:#09006d;box-shadow:0 .2rem 1rem rgba(9,0,109,.5);padding:.4rem 1rem}.rework-brand.rework-brand-fixed .brand-homebtn{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:end;height:2.5rem;justify-content:flex-end;padding-right:1rem;position:absolute;right:.5rem;top:.5rem;width:50vw}.rework-brand .icon-menu{color:#eeeef4;display:block;height:1rem;position:relative;width:1rem}.rework-brand .icon-menu::before{background:currentColor;box-shadow:0 .3rem,.3rem 0,.3rem .3rem,0 .6rem;content:"";height:.1rem;left:.05rem;position:absolute;top:.15rem;width:.6rem}.rework-brand .brand-logo{align-items:center;border-radius:.4rem;color:#00d7ff;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.8rem;font-weight:700;height:2.5rem;line-height:1rem;padding:.5rem;text-decoration:none}.rework-brand .brand-logo .brand-primary{border:.05rem solid #fff;border-radius:.2rem;box-shadow:0 .2rem .8rem rgba(51,51,51,.5);color:#fff;display:inline-block;font-weight:400;height:1.2rem;line-height:1rem;margin-right:.1rem;padding:.05rem;text-align:center;width:1.2rem}.rework-brand .brand-logo .brand-secondary{color:#fff;margin-left:-.5em}.section-aside{display:-ms-flexbox;display:flex;-ms-flex:0 0 12rem;flex:0 0 12rem;-ms-flex-direction:column;flex-direction:column;height:100vh;padding:.5rem;width:12rem}.section-aside .sidebar-container{background:#09006d;border-radius:.4rem;box-shadow:0 .2rem .5rem rgba(9,0,109,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.section-aside .rework-menu{color:#fff;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;padding:1rem}.section-aside .rework-menu::-webkit-scrollbar{display:none}.section-aside .rework-menu .menu-parent{color:#fff;display:block;font-size:.8rem;font-weight:700;padding:.2rem .4rem;text-decoration:none}.section-aside .rework-menu .menu-parent.active{color:#00d7ff}.section-aside .rework-menu .menu-parent.active+.menu-nav{display:block}.section-aside .rework-menu .menu-nav{border-radius:0;margin-bottom:1.5rem;opacity:.75;padding-left:.6rem}.section-aside .rework-menu .menu-nav:last-child{margin-bottom:0}.section-aside .rework-actions{-ms-flex:0 0;flex:0 0;padding:.4rem}.section-aside .rework-actions .rework-action{align-items:center;background:rgba(238,238,244,.15);border-radius:.2rem;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;width:100%}.section-aside .rework-actions .btn.btn-link{color:rgba(238,238,244,.75)}.section-main{-ms-flex:1 1 auto;flex:1 1 auto;height:100vh;padding:4rem .4rem .4rem .4rem;scroll-behavior:smooth}@media screen and (min-width:600px){.section-main{overflow-x:hidden;overflow-y:auto;padding:.4rem}}.section-main .rework-emoji{align-items:center;color:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:2.5rem;font-weight:700;line-height:1;padding:.4rem 0}.section-main .rework-header{color:#09006d;font-weight:700;line-height:1.5;margin-bottom:2rem;margin-top:1rem}.section-main .rework-header h1{font-size:1.2rem;font-weight:900;line-height:1;margin-bottom:0}.section-main .rework-header h2{font-size:.8rem;line-height:1.25;margin-bottom:0}.section-main .rework-title{color:#09006d;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-top:1rem}.section-main .rework-title:hover .rework-anchor{visibility:visible}.section-main .rework-title a{text-decoration:none}.section-main .rework-title a:focus,.section-main .rework-title a:hover{color:#09006d}.section-main .content-container{margin-top:1rem}.section-footer{margin-top:1rem;padding:1rem 0}.section-footer .qrcode{position:relative}.section-footer .qrcode .qrcode-item{background:#fff;border-radius:.4rem;bottom:150%;box-shadow:0 .1rem 1rem rgba(51,51,51,.1);display:none;height:7.5rem;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);width:7.5rem}.section-footer .qrcode:hover .qrcode-item{display:block}.section-device .container{padding-bottom:3rem;padding-top:2rem}.section-device .anchor{color:#0a007c;height:0;margin-left:-2em;overflow:hidden;padding:0 1em;position:absolute;text-align:center;width:0}.section-device .anchor:focus,.section-device .anchor:hover{box-shadow:none;height:auto;text-decoration:none;width:2em}.section-device .s-title{color:#333;line-height:1.6rem;margin-bottom:0;padding-bottom:1rem;padding-top:1rem;position:static}.section-device .s-title:hover .anchor{height:auto;width:1em}.section-device .column{padding-bottom:1rem;padding-top:1rem}.rework-hero{align-items:center;border-radius:.4rem;color:#09006d;display:-ms-flexbox;display:flex;-ms-flex-align:center;padding:2rem 0 2rem 0;position:relative;z-index:1}@media screen and (max-width:600px){.rework-hero{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}.rework-hero .hero-image img{margin-right:0}}.rework-hero .hero-title{font-size:1.8rem;font-weight:900;line-height:1.25;margin-bottom:0}.rework-hero .hero-subtitle{color:rgba(9,0,109,.75);font-size:.8rem;line-height:1.25;margin-top:.25rem}.rework-hero .hero-image{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;overflow-y:hidden;position:absolute;right:-.8rem;top:0;width:40vw;z-index:-1}.rework-hero .hero-image img{height:25vw;margin-left:auto;margin-right:2rem;max-height:100%;min-height:75%;width:auto}.rework-device-container{container-type:inline-size;padding-inline:10%;width:100%}.rework-device{align-items:center;border-bottom:.05rem solid #e6e6e6;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-top:2rem;padding:2rem}.rework-device .dots{text-align:center}.rework-device .dots .dot{background:#eee;border:2px solid rgba(0,0,0,.1);border-radius:50%;display:inline-block;height:1rem;margin:0 .2rem;width:1rem}.rework-device .dots .dot.active{box-shadow:inset 0 0 0 1.5px #f7f7f9;transform:scale(1.25)}.rework-device .device{margin:1rem 0}@media (max-width:600px){.rework-device .device{margin:0;transform:scale(.75)}.rework-device.computers .device{transform:scale(.5)}}.hero-demo{height:400px;margin-bottom:40px;position:relative}.hero-demo .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute}.hero-demo .demo-iphone-14-pro{height:217px;margin-left:-380px;width:107px;z-index:6}.hero-demo .demo-iphone-14-pro .device{transform:scale(.25)}.hero-demo .demo-iphone-14{height:217px;margin-left:-320px;width:107px;z-index:5}.hero-demo .demo-iphone-14 .device{transform:scale(.25)}.hero-demo .demo-google-pixel-6-pro{height:241.36px;margin-left:-240px;width:113.12px;z-index:4}.hero-demo .demo-google-pixel-6-pro .device{transform:scale(.28)}.hero-demo .demo-macbook-pro{height:217px;margin-left:60px;width:370px;z-index:3}.hero-demo .demo-macbook-pro .device{transform:scale(.5)}.hero-demo .demo-imac{height:405px;margin-left:-240px;width:480px}.hero-demo .demo-imac .device{transform:scale(.75)}.hero-demo .demo-apple-watch-ultra{height:95px;margin-left:-420px;width:90px;z-index:9}.hero-demo .demo-apple-watch-ultra .device{transform:scale(.25)}.hero-section{align-items:flex-end;background:#eeeef2;border-radius:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:end;-ms-flex-pack:center;height:14rem;justify-content:center;margin:.4rem 0;overflow:hidden;position:relative;transition:all .2s ease-in;width:100%}.hero-section:focus,.hero-section:hover{transform:translateY(-.2rem)}.hero-section .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:4rem;justify-content:center;width:5rem;z-index:999}.hero-section .demo.demo-macbook-pro{height:11rem}.hero-section .demo.demo-imac{height:10rem}.hero-section .demo.demo-apple-watch{height:11rem}.hero-section .demo.demo-the-iphone{height:8rem}.hero-section .demo.demo-homepod{height:10rem}.hero-section .demo .device{transform:scale(.4)}.hero-section .demo-title{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:1rem;font-weight:700;left:1rem;position:absolute;top:1rem}.hero-section .demo-title small{font-size:.6rem}.docs-sponsor{background:#e6e6ec;border-radius:.2rem;display:block;margin:2rem 0;padding:.4rem;position:relative}.docs-sponsor ins{line-height:1;vertical-align:middle}@media (min-width:1366px){.docs-sponsor.docs-sponsor-sidebar{bottom:1rem;margin:0;position:fixed;right:1rem;width:7.3rem}} \ No newline at end of file diff --git a/docs/assets/css/devices.min.css b/docs/assets/css/devices.min.css index dfcca5d..b2ab671 100644 --- a/docs/assets/css/devices.min.css +++ b/docs/assets/css/devices.min.css @@ -1 +1 @@ -/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{height:868px;width:428px}.device-iphone-14-pro .device-frame{background:#010101;border:1px solid #1b1721;border-radius:68px;box-shadow:inset 0 0 4px 2px #c0b7cd,inset 0 0 0 6px #342c3f;height:868px;padding:19px;width:428px}.device-iphone-14-pro .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:85px}.device-iphone-14-pro .device-stripe::before{bottom:85px}.device-iphone-14-pro .device-header{background:#010101;border-radius:20px;height:35px;left:50%;margin-left:-60px;position:absolute;top:29px;width:120px}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:17px;height:33px;left:50%;margin-left:-60px;top:30px;width:74px}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:36px;top:42px;width:9px}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14-pro .device-btns::after{top:60px}.device-iphone-14-pro .device-btns::before{top:140px}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14-pro .device-home::after{right:86px;top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:86px}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{height:868px;width:428px}.device-iphone-14 .device-frame{background:#010101;border:1px solid #101315;border-radius:68px;box-shadow:inset 0 0 4px 2px #b0b8c0,inset 0 0 0 6px #272c31;height:868px;padding:19px;width:428px}.device-iphone-14 .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:85px}.device-iphone-14 .device-stripe::before{bottom:85px}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-80px;position:absolute;top:20px;width:160px}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:-10px}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:-10px}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:1px solid #010101;border-radius:4px;box-shadow:0 0 4px #151515;height:7px;left:50%;margin-left:-35px;top:8px;width:70px}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:-60px;top:26px;width:9px}.device-iphone-14 .device-btns{background:#101315;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14 .device-btns::after{top:60px}.device-iphone-14 .device-btns::before{top:140px}.device-iphone-14 .device-power{background:#101315;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14 .device-home::after{right:86px;top:0}.device-iphone-14 .device-home::before{bottom:0;left:86px}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{height:868px;width:428px}.device-iphone-x .device-frame{background:#222;border-radius:68px;box-shadow:inset 0 0 2px 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:868px;padding:28px;width:428px}.device-iphone-x .device-screen{border-radius:40px;height:812px;width:375px}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:85px}.device-iphone-x .device-stripe::before{bottom:85px}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-102px;position:absolute;top:28px;width:204px}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:-10px}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:-10px}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:3px;height:6px;left:50%;margin-left:-25px;top:32px;width:50px}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:10px;left:50%;margin-left:42px;top:30px;width:10px}.device-iphone-x .device-btns{background:#c8cacb;height:32px;left:-3px;position:absolute;top:115px;width:3px}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-x .device-btns::after{top:60px}.device-iphone-x .device-btns::before{top:140px}.device-iphone-x .device-power{background:#c8cacb;height:100px;position:absolute;right:-3px;top:200px;width:3px}.device-iphone-8{height:871px;width:419px}.device-iphone-8 .device-frame{background:#fff;border-radius:68px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:871px;padding:102px 22px;width:419px}.device-iphone-8 .device-screen{border:2px solid #222;border-radius:4px;height:667px;width:375px}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 7px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:68px}.device-iphone-8 .device-stripe::before{bottom:68px}.device-iphone-8 .device-home{border:2px solid #c8cacb;border-radius:50%;bottom:25px;height:58px;left:50%;margin-left:-29px;position:absolute;width:58px}.device-iphone-8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-38px;position:absolute;top:52px;width:76px}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:10px;left:50%;margin-left:-5px;top:-25px;width:10px}.device-iphone-8 .device-sensors::before{height:12px;left:-42px;margin-top:-6px;top:50%;width:12px}.device-iphone-8 .device-btns{background:#c8cacb;height:30px;left:-3px;position:absolute;top:102px;width:3px}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:56px;left:0;position:absolute;width:3px}.device-iphone-8 .device-btns::after{top:62px}.device-iphone-8 .device-btns::before{top:132px}.device-iphone-8 .device-power{background:#c8cacb;height:80px;position:absolute;right:-2px;top:160px;width:3px}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 7px #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #74747a,inset 0 0 0 7px #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{height:610px;width:320px}.device-the-iphone .device-frame{background:#010101;border:1px solid #a9a9a9;border-radius:56px;box-shadow:inset 0 0 4px 3px #010101,inset 0 0 2px 13px #f5f5f5;height:610px;padding:100px 22px;width:320px}.device-the-iphone .device-frame::before{border:8px solid #010101;border-left-width:2px;border-radius:48px;border-right-width:2px;box-shadow:inset 0 0 8px 2px #010101;content:"";height:594px;left:2px;position:absolute;top:9px;width:316px}.device-the-iphone .device-frame::after{border:4px solid #dcdcdc;border-radius:38px;content:"";height:590px;left:13px;position:absolute;top:11px;width:294px}.device-the-iphone .device-screen{border:2px solid #272727;border-radius:4px;height:410px;width:276px}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:5px;content:"";height:10px;left:50%;margin-left:-28px;position:absolute;top:52px;width:56px}.device-the-iphone .device-sensors::after{background:#272727;border:1px solid #010101;border-radius:3px;content:"";height:6px;left:50%;margin-left:-26px;position:absolute;top:54px;width:52px}.device-the-iphone .device-btns{background:#696969;border-radius:2px 0 0 2px;height:30px;left:-2px;position:absolute;top:60px;width:2px}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:56px;left:0;position:absolute;width:2px}.device-the-iphone .device-btns::after{border-radius:2px 0 0 50%;top:50px}.device-the-iphone .device-btns::before{border-radius:50% 0 0 2px;top:131px}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:1px solid #292929;border-radius:50%;bottom:28px;height:56px;left:50%;margin-left:-28px;position:absolute;width:56px}.device-the-iphone .device-home::before{border:1px solid #dcdcdc;border-radius:4px;content:"";height:20px;left:17px;position:absolute;top:17px;width:20px}.device-the-iphone .device-power{background:#696969;border-radius:2px 2px 0 0;height:2px;position:absolute;right:52px;top:-2px;width:52px}.device-google-pixel-6-pro{height:862px;width:404px}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:28px;box-shadow:inset 0 0 12px #8d8d86,inset 0 7px 0 3px #fdfdfc,inset 0 -6px 0 3px #fdfdfc;height:862px;margin:0 2px;padding:20px 12px 26px 12px;width:400px}.device-google-pixel-6-pro .device-screen{border-radius:27px;height:816px;width:376px}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:10px;left:50%;margin-left:-147px;position:absolute;top:0;width:294px}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:50px 50px 0 0;bottom:0;content:"";height:2px;left:50%;margin-left:-22px;position:absolute;width:44px}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:9px;left:50%;margin-left:40px;position:absolute;width:11px}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:22px;left:50%;margin-left:-11px;margin-top:-11px;position:absolute;top:39px;width:22px}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 50px 50px;height:4px;left:50%;margin-left:-103px;top:-18px;width:206px}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:8px;left:7px;top:7px;width:8px}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:102px;position:absolute;right:0;top:306px;width:3px}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:58px;position:absolute;right:0;top:194px;width:3px}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 12px #ff962e,inset 0 7px 0 3px #fff,inset 0 -6px 0 3px #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 12px #000,inset 0 7px 0 3px #646668,inset 0 -6px 0 3px #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{height:832px;width:404px}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:36px;box-shadow:inset 0 0 0 2px #cfcfcf,inset 0 0 0 7px #9c9c9c;height:832px;padding:56px 22px;width:404px}.device-google-pixel-2-xl .device-screen{border-radius:27px;height:720px;width:360px}.device-google-pixel-2-xl .device-header{height:832px;left:50%;margin-left:-150px;position:absolute;top:0;width:300px}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:3px;content:"";height:6px;left:50%;margin-left:-73px;margin-top:-3px;position:absolute;width:146px}.device-google-pixel-2-xl .device-header::after{top:24px}.device-google-pixel-2-xl .device-header::before{bottom:28px}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:7px;height:14px;left:54px;margin-top:-7px;position:absolute;top:36px;width:14px}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:102px;position:absolute;right:-3px;top:306px;width:3px}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:58px;position:absolute;right:-3px;top:194px;width:3px}.device-google-pixel{height:744px;width:360px}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:54px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4,inset 0 0 0 10px #fff;height:744px;padding:82px 18px 86px 18px;width:360px}.device-google-pixel .device-screen{border:2px solid #222;border-radius:2px;height:576px;width:324px}.device-google-pixel .device-stripe{border-top:6px solid rgba(51,51,51,.15);bottom:0;left:254px;position:absolute;top:0;width:8px}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 6px;content:"";height:10px;left:-254px;position:absolute;width:360px;z-index:9}.device-google-pixel .device-stripe::after{top:60px}.device-google-pixel .device-stripe::before{bottom:46px}.device-google-pixel .device-sensors{background:#ddd;border-radius:2.5px;height:5px;left:50%;margin-left:-39px;margin-top:-2.5px;position:absolute;top:41px;width:78px}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:6px;content:"";position:absolute}.device-google-pixel .device-sensors::after{height:12px;left:50%;margin-left:-14px;top:21.5px;width:28px}.device-google-pixel .device-sensors::before{height:10px;left:-81px;margin-top:-5px;top:50%;width:10px}.device-google-pixel .device-btns{background:#c8cacb;height:102px;position:absolute;right:-2px;top:298px;width:3px}.device-google-pixel .device-power{background:#c8cacb;height:50px;position:absolute;right:-2px;top:184px;width:3px}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 2px #363635,inset 0 0 0 6px #6a6967,inset 0 0 0 10px #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 2px #2a5aff,inset 0 0 0 6px #7695ff,inset 0 0 0 10px #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{height:828px;width:380px}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:55px;border-width:5px 0;box-shadow:inset 0 0 0 2px #9c9c9c;height:828px;padding:48px 10px 40px 10px;width:380px}.device-galaxy-s8 .device-screen{border:2px solid #222;border-radius:34px;height:740px;width:360px}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:5px 0;content:"";height:828px;position:absolute;top:0;width:6px;z-index:9}.device-galaxy-s8 .device-stripe::after{left:48px}.device-galaxy-s8 .device-stripe::before{right:48px}.device-galaxy-s8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-24px;margin-top:-3px;position:absolute;top:32px;width:48px}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:-192px 0 #333,-174px 0 #333,-240px 0 #333;height:8px;margin-top:-4px;right:-90px;width:8px}.device-galaxy-s8 .device-sensors::before{box-shadow:186px 0 #666;height:12px;left:-90px;margin-top:-6px;width:12px}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:3px 0 0 3px;height:116px;left:-3px;position:absolute;top:144px;width:3px}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:3px 0 0 3px;content:"";height:54px;left:0;position:absolute;top:164px;width:3px}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 3px 3px 0;height:54px;position:absolute;right:-3px;top:260px;width:3px}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 2px #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{height:434px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:418px;margin:0 auto;padding:9px 9px 23px 9px;position:relative;width:618px}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 20px 20px;bottom:2px;content:"";height:24px;left:2px;position:absolute;width:614px}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:12px;left:50%;margin-left:-32px;position:absolute;top:11px;width:64px;z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:4px;position:absolute;top:0;width:4px}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:-4px}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:-4px}.device-macbook-pro .device-screen{border:2px solid #121212;border-radius:10px 10px 0 0;height:375px;width:600px}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:2px 2px 12px 12px;border-width:1px 2px 0 2px;box-shadow:inset 0 -2px 8px 0 #6c7074;height:24px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;content:"";height:10px;left:50%;margin-left:-60px;position:absolute;top:0;width:120px}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-300px 0 #272727,300px 0 #272727;content:"";height:2px;left:50%;margin-left:-20px;position:absolute;width:40px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 -2px 8px 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018{height:444px;width:740px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro-2018 .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook Pro";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-macbook{height:432px;width:740px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:0 4px;height:4px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 2px;height:4px;left:50%;margin-left:-60px;width:120px}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:10px;left:-4px;margin:0 auto;top:4px;width:740px}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 -2px 6px 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 -2px 6px 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-imac{height:540px;width:640px}.device-imac .device-frame{background:#edeef0;border-radius:18px;box-shadow:inset 0 0 0 1px #d4d5d7;height:440px;padding:16px 16px 80px 16px;position:relative;width:640px}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 18px 18px;bottom:1px;box-shadow:inset 0 0 18px 0 #c7c8cb;content:"";height:63px;left:1px;position:absolute;width:638px}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-imac .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:608px}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:92px;margin:0 auto;position:relative;width:152px}.device-imac .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:0;box-shadow:-61px 0 #d4d5d7,61px 0 #d4d5d7;height:2px;left:50%;margin-left:-15px;position:absolute;width:30px}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 2px #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 18px 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:-61px 0 #b4c7da,61px 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 2px #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 18px 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:-61px 0 #bbd0c8,61px 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 2px #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 18px 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:-61px 0 #edccc6,61px 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 2px #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 18px 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:-61px 0 #f4d595,61px 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 2px #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 18px 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:-61px 0 #e9b5a0,61px 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 2px #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 18px 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:-61px 0 #c4c4e5,61px 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{height:424px;width:728px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;box-shadow:inset 0 0 0 2px #c8c8c8;height:408px;margin:0 auto;padding:24px 22px;position:relative;width:584px}.device-surface-book .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:540px}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-book .device-btns::after{left:122px;width:20px}.device-surface-book .device-btns::before{left:168px;width:44px}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:2px;border-width:0 2px;height:16px;margin-top:4px;position:relative;width:728px}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 6px 6px;height:8px;left:50%;margin-left:-125px;top:0;width:250px;z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:2px 2px 0 0;bottom:16px;height:8px;left:50%;margin-left:-292px;width:584px}.device-surface-studio{height:506px;width:640px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #000;height:440px;padding:20px;width:640px}.device-surface-studio .device-screen{border:2px solid #121212;border-radius:2px;height:400px;width:600px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;bottom:0;height:4px;left:50%;margin-left:-117px;position:absolute;width:234px}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:-75px}.device-surface-studio .device-stripe::after{border:1px solid #e2e3e4;border-radius:0 0 18px 18px;border-top:0;box-shadow:inset 0 0 4px 1px #c8cacb,inset 0 0 4px 2px #e2e3e4,inset 0 0 0 8px #c8cacb;height:60px;margin-left:-140px;width:280px;z-index:-1}.device-surface-studio .device-stripe::before{border:15px solid #e2e3e4;border-radius:0 0 8px 8px;border-top:0;height:70px;margin-left:-150px;width:300px;z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 2px 2px;height:32px;margin:30px auto 0 auto;position:relative;width:250px}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:1px;left:0;position:absolute;top:4px;width:250px}.device-ipad-pro{height:778px;width:560px}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:36px;box-shadow:inset 0 0 0 1px #babdbf,inset 0 0 1px 3px #e2e3e4;height:778px;padding:27px;width:560px}.device-ipad-pro .device-screen{border:2px solid #121212;border-radius:11px;height:724px;width:506px}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:2px;right:40px;top:-2px;width:36px}.device-ipad-pro .device-btns::before{box-shadow:0 37px #babdbf;height:32px;right:-2px;top:63px;width:2px}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:17px;box-shadow:-20px 0 #1a1a1a,70px 0 #1a1a1a;height:10px;left:50%;margin-left:-30px;top:12px;width:10px}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:6px;left:50%;margin-left:-3px;top:14px;width:6px}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 1px #6a6d70,inset 0 0 1px 3px #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 37px #6a6d70}.device-ipad-pro-2017{height:804px;width:560px}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:38px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4;height:804px;padding:62px 25px;width:560px}.device-ipad-pro-2017 .device-screen{border:2px solid #222;border-radius:2px;height:680px;width:510px}.device-ipad-pro-2017 .device-home{border:2px solid #c8cacb;border-radius:50%;bottom:17px;height:34px;left:50%;margin-left:-17px;position:absolute;width:34px}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:10px;left:50%;margin-left:-5px;margin-top:-5px;position:absolute;top:34px;width:10px}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 6px #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a,inset 0 0 0 6px #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #818187,inset 0 0 0 6px #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{height:394px;width:561px}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #c8c8c8;height:394px;margin:0 auto;padding:26px 24px;width:561px}.device-surface-pro-2017 .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:513px}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-pro-2017 .device-btns::after{left:48px;width:26px}.device-surface-pro-2017 .device-btns::before{left:94px;width:48px}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:6px;left:50%;margin-left:-3px;margin-top:-3px;position:absolute;top:14px;width:6px}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file +/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{height:868px;width:428px}.device-iphone-14-pro .device-frame{background:#010101;border:1px solid #1b1721;border-radius:68px;box-shadow:inset 0 0 4px 2px #c0b7cd,inset 0 0 0 6px #342c3f;height:868px;padding:19px;width:428px}.device-iphone-14-pro .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:85px}.device-iphone-14-pro .device-stripe::before{bottom:85px}.device-iphone-14-pro .device-header{background:#010101;border-radius:20px;height:35px;left:50%;margin-left:-60px;position:absolute;top:29px;width:120px}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:17px;height:33px;left:50%;margin-left:-60px;top:30px;width:74px}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:36px;top:42px;width:9px}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14-pro .device-btns::after{top:60px}.device-iphone-14-pro .device-btns::before{top:140px}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14-pro .device-home::after{right:86px;top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:86px}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{height:868px;width:428px}.device-iphone-14 .device-frame{background:#010101;border:1px solid #101315;border-radius:68px;box-shadow:inset 0 0 4px 2px #b0b8c0,inset 0 0 0 6px #272c31;height:868px;padding:19px;width:428px}.device-iphone-14 .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:85px}.device-iphone-14 .device-stripe::before{bottom:85px}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-80px;position:absolute;top:20px;width:160px}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:-10px}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:-10px}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:1px solid #010101;border-radius:4px;box-shadow:0 0 4px #151515;height:7px;left:50%;margin-left:-35px;top:8px;width:70px}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:-60px;top:26px;width:9px}.device-iphone-14 .device-btns{background:#101315;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14 .device-btns::after{top:60px}.device-iphone-14 .device-btns::before{top:140px}.device-iphone-14 .device-power{background:#101315;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14 .device-home::after{right:86px;top:0}.device-iphone-14 .device-home::before{bottom:0;left:86px}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{height:868px;width:428px}.device-iphone-x .device-frame{background:#222;border-radius:68px;box-shadow:inset 0 0 2px 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:868px;padding:28px;width:428px}.device-iphone-x .device-screen{border-radius:40px;height:812px;width:375px}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:85px}.device-iphone-x .device-stripe::before{bottom:85px}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-102px;position:absolute;top:28px;width:204px}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:-10px}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:-10px}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:3px;height:6px;left:50%;margin-left:-25px;top:32px;width:50px}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:10px;left:50%;margin-left:42px;top:30px;width:10px}.device-iphone-x .device-btns{background:#c8cacb;height:32px;left:-3px;position:absolute;top:115px;width:3px}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-x .device-btns::after{top:60px}.device-iphone-x .device-btns::before{top:140px}.device-iphone-x .device-power{background:#c8cacb;height:100px;position:absolute;right:-3px;top:200px;width:3px}.device-iphone-8{height:871px;width:419px}.device-iphone-8 .device-frame{background:#fff;border-radius:68px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:871px;padding:102px 22px;width:419px}.device-iphone-8 .device-screen{border:2px solid #222;border-radius:4px;height:667px;width:375px}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 7px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:68px}.device-iphone-8 .device-stripe::before{bottom:68px}.device-iphone-8 .device-home{border:2px solid #c8cacb;border-radius:50%;bottom:25px;height:58px;left:50%;margin-left:-29px;position:absolute;width:58px}.device-iphone-8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-38px;position:absolute;top:52px;width:76px}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:10px;left:50%;margin-left:-5px;top:-25px;width:10px}.device-iphone-8 .device-sensors::before{height:12px;left:-42px;margin-top:-6px;top:50%;width:12px}.device-iphone-8 .device-btns{background:#c8cacb;height:30px;left:-3px;position:absolute;top:102px;width:3px}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:56px;left:0;position:absolute;width:3px}.device-iphone-8 .device-btns::after{top:62px}.device-iphone-8 .device-btns::before{top:132px}.device-iphone-8 .device-power{background:#c8cacb;height:80px;position:absolute;right:-2px;top:160px;width:3px}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 7px #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #74747a,inset 0 0 0 7px #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{height:610px;width:320px}.device-the-iphone .device-frame{background:#010101;border:1px solid #a9a9a9;border-radius:56px;box-shadow:inset 0 0 4px 3px #010101,inset 0 0 2px 13px #f5f5f5;height:610px;padding:100px 22px;width:320px}.device-the-iphone .device-frame::before{border:8px solid #010101;border-left-width:2px;border-radius:48px;border-right-width:2px;box-shadow:inset 0 0 8px 2px #010101;content:"";height:594px;left:2px;position:absolute;top:9px;width:316px}.device-the-iphone .device-frame::after{border:4px solid #dcdcdc;border-radius:38px;content:"";height:590px;left:13px;position:absolute;top:11px;width:294px}.device-the-iphone .device-screen{border:2px solid #272727;border-radius:4px;height:410px;width:276px}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:5px;content:"";height:10px;left:50%;margin-left:-28px;position:absolute;top:52px;width:56px}.device-the-iphone .device-sensors::after{background:#272727;border:1px solid #010101;border-radius:3px;content:"";height:6px;left:50%;margin-left:-26px;position:absolute;top:54px;width:52px}.device-the-iphone .device-btns{background:#696969;border-radius:2px 0 0 2px;height:30px;left:-2px;position:absolute;top:60px;width:2px}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:56px;left:0;position:absolute;width:2px}.device-the-iphone .device-btns::after{border-radius:2px 0 0 50%;top:50px}.device-the-iphone .device-btns::before{border-radius:50% 0 0 2px;top:131px}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:1px solid #292929;border-radius:50%;bottom:28px;height:56px;left:50%;margin-left:-28px;position:absolute;width:56px}.device-the-iphone .device-home::before{border:1px solid #dcdcdc;border-radius:4px;content:"";height:20px;left:17px;position:absolute;top:17px;width:20px}.device-the-iphone .device-power{background:#696969;border-radius:2px 2px 0 0;height:2px;position:absolute;right:52px;top:-2px;width:52px}.device-google-pixel-6-pro{height:862px;width:404px}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:28px;box-shadow:inset 0 0 12px #8d8d86,inset 0 7px 0 3px #fdfdfc,inset 0 -6px 0 3px #fdfdfc;height:862px;margin:0 2px;padding:20px 12px 26px 12px;width:400px}.device-google-pixel-6-pro .device-screen{border-radius:27px;height:816px;width:376px}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:10px;left:50%;margin-left:-147px;position:absolute;top:0;width:294px}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:50px 50px 0 0;bottom:0;content:"";height:2px;left:50%;margin-left:-22px;position:absolute;width:44px}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:9px;left:50%;margin-left:40px;position:absolute;width:11px}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:22px;left:50%;margin-left:-11px;margin-top:-11px;position:absolute;top:39px;width:22px}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 50px 50px;height:4px;left:50%;margin-left:-103px;top:-18px;width:206px}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:8px;left:7px;top:7px;width:8px}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:102px;position:absolute;right:0;top:306px;width:3px}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:58px;position:absolute;right:0;top:194px;width:3px}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 12px #ff962e,inset 0 7px 0 3px #fff,inset 0 -6px 0 3px #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 12px #000,inset 0 7px 0 3px #646668,inset 0 -6px 0 3px #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{height:832px;width:404px}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:36px;box-shadow:inset 0 0 0 2px #cfcfcf,inset 0 0 0 7px #9c9c9c;height:832px;padding:56px 22px;width:404px}.device-google-pixel-2-xl .device-screen{border-radius:27px;height:720px;width:360px}.device-google-pixel-2-xl .device-header{height:832px;left:50%;margin-left:-150px;position:absolute;top:0;width:300px}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:3px;content:"";height:6px;left:50%;margin-left:-73px;margin-top:-3px;position:absolute;width:146px}.device-google-pixel-2-xl .device-header::after{top:24px}.device-google-pixel-2-xl .device-header::before{bottom:28px}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:7px;height:14px;left:54px;margin-top:-7px;position:absolute;top:36px;width:14px}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:102px;position:absolute;right:-3px;top:306px;width:3px}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:58px;position:absolute;right:-3px;top:194px;width:3px}.device-google-pixel{height:744px;width:360px}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:54px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4,inset 0 0 0 10px #fff;height:744px;padding:82px 18px 86px 18px;width:360px}.device-google-pixel .device-screen{border:2px solid #222;border-radius:2px;height:576px;width:324px}.device-google-pixel .device-stripe{border-top:6px solid rgba(51,51,51,.15);bottom:0;left:254px;position:absolute;top:0;width:8px}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 6px;content:"";height:10px;left:-254px;position:absolute;width:360px;z-index:9}.device-google-pixel .device-stripe::after{top:60px}.device-google-pixel .device-stripe::before{bottom:46px}.device-google-pixel .device-sensors{background:#ddd;border-radius:2.5px;height:5px;left:50%;margin-left:-39px;margin-top:-2.5px;position:absolute;top:41px;width:78px}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:6px;content:"";position:absolute}.device-google-pixel .device-sensors::after{height:12px;left:50%;margin-left:-14px;top:21.5px;width:28px}.device-google-pixel .device-sensors::before{height:10px;left:-81px;margin-top:-5px;top:50%;width:10px}.device-google-pixel .device-btns{background:#c8cacb;height:102px;position:absolute;right:-2px;top:298px;width:3px}.device-google-pixel .device-power{background:#c8cacb;height:50px;position:absolute;right:-2px;top:184px;width:3px}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 2px #363635,inset 0 0 0 6px #6a6967,inset 0 0 0 10px #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 2px #2a5aff,inset 0 0 0 6px #7695ff,inset 0 0 0 10px #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{height:828px;width:380px}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:55px;border-width:5px 0;box-shadow:inset 0 0 0 2px #9c9c9c;height:828px;padding:48px 10px 40px 10px;width:380px}.device-galaxy-s8 .device-screen{border:2px solid #222;border-radius:34px;height:740px;width:360px}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:5px 0;content:"";height:828px;position:absolute;top:0;width:6px;z-index:9}.device-galaxy-s8 .device-stripe::after{left:48px}.device-galaxy-s8 .device-stripe::before{right:48px}.device-galaxy-s8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-24px;margin-top:-3px;position:absolute;top:32px;width:48px}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:-192px 0 #333,-174px 0 #333,-240px 0 #333;height:8px;margin-top:-4px;right:-90px;width:8px}.device-galaxy-s8 .device-sensors::before{box-shadow:186px 0 #666;height:12px;left:-90px;margin-top:-6px;width:12px}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:3px 0 0 3px;height:116px;left:-3px;position:absolute;top:144px;width:3px}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:3px 0 0 3px;content:"";height:54px;left:0;position:absolute;top:164px;width:3px}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 3px 3px 0;height:54px;position:absolute;right:-3px;top:260px;width:3px}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 2px #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{height:434px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:418px;margin:0 auto;padding:9px 9px 23px 9px;position:relative;width:618px}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 20px 20px;bottom:2px;content:"";height:24px;left:2px;position:absolute;width:614px}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:12px;left:50%;margin-left:-32px;position:absolute;top:11px;width:64px;z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:4px;position:absolute;top:0;width:4px}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:-4px}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:-4px}.device-macbook-pro .device-screen{border:2px solid #121212;border-radius:10px 10px 0 0;height:375px;width:600px}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:2px 2px 12px 12px;border-width:1px 2px 0 2px;box-shadow:inset 0 -2px 8px 0 #6c7074;height:24px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;content:"";height:10px;left:50%;margin-left:-60px;position:absolute;top:0;width:120px}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-300px 0 #272727,300px 0 #272727;content:"";height:2px;left:50%;margin-left:-20px;position:absolute;width:40px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 -2px 8px 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018{height:444px;width:740px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro-2018 .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook Pro";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-macbook{height:432px;width:740px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:0 4px;height:4px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 2px;height:4px;left:50%;margin-left:-60px;width:120px}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:10px;left:-4px;margin:0 auto;top:4px;width:740px}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 -2px 6px 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 -2px 6px 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-imac{height:540px;width:640px}.device-imac .device-frame{background:#edeef0;border-radius:18px;box-shadow:inset 0 0 0 1px #d4d5d7;height:440px;padding:16px 16px 80px 16px;position:relative;width:640px}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 18px 18px;bottom:1px;box-shadow:inset 0 0 18px 0 #c7c8cb;content:"";height:63px;left:1px;position:absolute;width:638px}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-imac .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:608px}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:92px;margin:0 auto;position:relative;width:152px}.device-imac .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:0;box-shadow:-61px 0 #d4d5d7,61px 0 #d4d5d7;height:2px;left:50%;margin-left:-15px;position:absolute;width:30px}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 2px #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 18px 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:-61px 0 #b4c7da,61px 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 2px #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 18px 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:-61px 0 #bbd0c8,61px 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 2px #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 18px 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:-61px 0 #edccc6,61px 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 2px #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 18px 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:-61px 0 #f4d595,61px 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 2px #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 18px 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:-61px 0 #e9b5a0,61px 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 2px #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 18px 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:-61px 0 #c4c4e5,61px 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{height:424px;width:728px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;box-shadow:inset 0 0 0 2px #c8c8c8;height:408px;margin:0 auto;padding:24px 22px;position:relative;width:584px}.device-surface-book .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:540px}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-book .device-btns::after{left:122px;width:20px}.device-surface-book .device-btns::before{left:168px;width:44px}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:2px;border-width:0 2px;height:16px;margin-top:4px;position:relative;width:728px}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 6px 6px;height:8px;left:50%;margin-left:-125px;top:0;width:250px;z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:2px 2px 0 0;bottom:16px;height:8px;left:50%;margin-left:-292px;width:584px}.device-surface-studio{height:506px;width:640px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #000;height:440px;padding:20px;width:640px}.device-surface-studio .device-screen{border:2px solid #121212;border-radius:2px;height:400px;width:600px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;bottom:0;height:4px;left:50%;margin-left:-117px;position:absolute;width:234px}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:-75px}.device-surface-studio .device-stripe::after{border:1px solid #e2e3e4;border-radius:0 0 18px 18px;border-top:0;box-shadow:inset 0 0 4px 1px #c8cacb,inset 0 0 4px 2px #e2e3e4,inset 0 0 0 8px #c8cacb;height:60px;margin-left:-140px;width:280px;z-index:-1}.device-surface-studio .device-stripe::before{border:15px solid #e2e3e4;border-radius:0 0 8px 8px;border-top:0;height:70px;margin-left:-150px;width:300px;z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 2px 2px;height:32px;margin:30px auto 0 auto;position:relative;width:250px}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:1px;left:0;position:absolute;top:4px;width:250px}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file diff --git a/docs/pug/tablets.pug b/docs/pug/tablets.pug index 2d33f5f..4a03ced 100644 --- a/docs/pug/tablets.pug +++ b/docs/pug/tablets.pug @@ -23,20 +23,21 @@ block content a.ml-2(href="#ipad-pro") # h3.text-assistive Pure CSS Apple iPad Pro, Apple iPad Pro in pure CSS .rework-content - p + p .rework-device.tablets .dots .dot.tooltip.active(style="background:#e2e3e4;" data-tooltip="device-silver (default)") .dot.tooltip(style="background:#83878a;" data-tooltip="device-spacegray") - .device.device-ipad-pro - .device-frame - img.device-screen(src="assets/img/bg-01.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home + .rework-device-container + .device.device-ipad-pro + .device-frame + img.device-screen(src="assets/img/bg-01.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home .columns .content-container.column.col-md-12 h2.rework-title#ipad-pro-2017 @@ -44,25 +45,26 @@ block content a.ml-2(href="#ipad-pro-2017") # h3.text-assistive Pure CSS Apple iPad Pro (2017), Apple iPad Pro (2017) in pure CSS .rework-content - p + p .rework-device.tablets .dots .dot.tooltip.active(style="background:#e2e3e4;" data-tooltip="device-silver (default)") .dot.tooltip(style="background:#f7e8dd;" data-tooltip="device-gold") .dot.tooltip(style="background:#facfc9;" data-tooltip="device-rosegold") .dot.tooltip(style="background:#83878a;" data-tooltip="device-spacegray") - .device.device-ipad-pro-2017 - .device-frame - img.device-screen(src="assets/img/bg-02.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home - + .rework-device-container + .device.device-ipad-pro-2017 + .device-frame + img.device-screen(src="assets/img/bg-02.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home + include _layout/_ad-g.pug - + .columns .content-container.column.col-md-12 h2.rework-title#surface-pro-2017 @@ -70,22 +72,23 @@ block content a.ml-2(href="#surface-pro-2017") # h3.text-assistive Pure CSS Surface Pro (2017), Surface Pro (2017) in pure CSS .rework-content - p + p .rework-device.tablets - .device.device-surface-pro-2017 - .device-frame - img.device-screen(src="assets/img/bg-09.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home - + .rework-device-container + .device.device-surface-pro-2017 + .device-frame + img.device-screen(src="assets/img/bg-09.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home + include _layout/_ad-sidebar.pug - .columns - ul.pagination.column + .columns + ul.pagination.column .page-item.page-prev a(href="computers.html") .page-item-subtitle Previous @@ -93,4 +96,4 @@ block content .page-item.page-next a(href="watches.html") .page-item-subtitle Next - .page-item-title.h5 Watches \ No newline at end of file + .page-item-title.h5 Watches diff --git a/docs/scss/demo.scss b/docs/scss/demo.scss index d4f7d65..c6b10ac 100644 --- a/docs/scss/demo.scss +++ b/docs/scss/demo.scss @@ -82,12 +82,12 @@ body { top: 3rem; width: 100vw; z-index: 9999; - + .rework-menu { .menu-parent { padding: .6rem .4rem; } - + .menu-nav, .menu-parent.active + .menu-nav { display: none; @@ -107,7 +107,7 @@ body { } } } - + .rework-switch { &:checked { & + .rework-container { @@ -272,7 +272,7 @@ body { .rework-actions { flex: 0 0; padding: .4rem; - + .rework-action { align-items: center; background: rgba($secondary-color, .15); @@ -323,7 +323,7 @@ body { line-height: 1; margin-bottom: 0; } - + h2 { font-size: .8rem; line-height: 1.25; @@ -344,7 +344,7 @@ body { a { text-decoration: none; - + &:focus, &:hover { color: $primary-color; @@ -409,7 +409,7 @@ body { width: 2em; } } - + .s-title { color: $dark-color; line-height: 1.6rem; @@ -488,6 +488,12 @@ body { } } +.rework-device-container { + container-type: inline-size; + width: 100%; + padding-inline: 10%; +} + .rework-device { align-items: center; border-bottom: .05rem solid $border-color-dark; @@ -519,7 +525,7 @@ body { .device { margin: 1rem 0; } - + @media (max-width: $size-sm) { .device { margin: 0; @@ -707,4 +713,4 @@ body { width: 7.3rem; } } -} \ No newline at end of file +} diff --git a/docs/tablets.html b/docs/tablets.html index 8419c65..50d48d2 100644 --- a/docs/tablets.html +++ b/docs/tablets.html @@ -91,21 +91,23 @@

Pure CSS iPad Pro, iPad Pro (2017), Surface Pro devic

iPad Pro#

Pure CSS Apple iPad Pro, Apple iPad Pro in pure CSS

-

+

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -115,7 +117,7 @@

Pure CSS Apple iPad Pro, Apple iPad Pro in pure CSSiPad Pro (2017)#

Pure CSS Apple iPad Pro (2017), Apple iPad Pro (2017) in pure CSS

-

+

@@ -124,14 +126,16 @@

Pure CSS Apple iPad Pro (2017), Apple iPad Pro (2017)

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -152,17 +156,19 @@

Pure CSS Apple iPad Pro (2017), Apple iPad Pro (2017)

Surface Pro (2017)#

Pure CSS Surface Pro (2017), Surface Pro (2017) in pure CSS

-

+

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -172,8 +178,8 @@

Pure CSS Surface Pro (2017), Surface Pro (2017) in pu -
-
    +
    +
      Previous
      Computers
      diff --git a/src/_functions.scss b/src/_functions.scss new file mode 100644 index 0000000..08ef495 --- /dev/null +++ b/src/_functions.scss @@ -0,0 +1,3 @@ +@function getCqi($initialValue) { + @return calc(#{$initialValue} * 1cqi / var(--device-width) * 100); +} diff --git a/src/_ipad-pro-2017.scss b/src/_ipad-pro-2017.scss index 18124cb..6542811 100644 --- a/src/_ipad-pro-2017.scss +++ b/src/_ipad-pro-2017.scss @@ -1,3 +1,5 @@ +@import "functions"; + // iPad Pro (2017) $device-silver: #e2e3e4; $device-silver-dark: darken($device-silver, 10%); @@ -13,53 +15,54 @@ $device-spacegray-dark: darken($device-spacegray, 10%); $device-spacegray-panel: #222; .device-ipad-pro-2017 { - height: 804px; - width: 560px; + --device-width: 560; + height: getCqi(804); // 804) + width: 100cqi; // 560) .device-frame { background: $device-silver-panel; - border-radius: 38px; - box-shadow: inset 0 0 0 2px $device-silver-dark, inset 0 0 0 6px $device-silver; - height: 804px; - padding: 62px 25px; - width: 560px; + border-radius: getCqi(38); + box-shadow: inset 0 0 0 getCqi(2) $device-silver-dark, inset 0 0 0 getCqi(6) $device-silver; + height: getCqi(804); + padding: getCqi(62) getCqi(25); + width: getCqi(560); } // 2224-by-1668-pixel resolution .device-screen { - border: 2px solid #222; - border-radius: 2px; - height: 680px; - width: 510px; + border: getCqi(2) solid #222; + border-radius: getCqi(2); + height: getCqi(680); + width: getCqi(510); } .device-home { - border: 2px solid $device-silver-dark; + border: getCqi(2) solid $device-silver-dark; border-radius: 50%; - bottom: 17px; - height: 34px; + bottom: getCqi(17); + height: getCqi(34); left: 50%; - margin-left: -17px; + margin-left: getCqi(-17); position: absolute; - width: 34px; + width: getCqi(34); } .device-sensors { background: #666; border-radius: 50%; - height: 10px; + height: getCqi(10); left: 50%; - margin-left: -5px; - margin-top: -5px; + margin-left: getCqi(-5); + margin-top: getCqi(-5); position: absolute; - top: 34px; - width: 10px; + top: getCqi(34); + width: getCqi(10); } - // Gold edition + // Gold edition &.device-gold { .device-frame { - box-shadow: inset 0 0 0 2px $device-gold-dark, inset 0 0 0 6px $device-gold; + box-shadow: inset 0 0 0 getCqi(2) $device-gold-dark, inset 0 0 0 getCqi(6) $device-gold; } .device-header { @@ -67,10 +70,10 @@ $device-spacegray-panel: #222; } } - // Rose Gold edition + // Rose Gold edition &.device-rosegold { .device-frame { - box-shadow: inset 0 0 0 2px $device-rosegold-dark, inset 0 0 0 6px $device-rosegold; + box-shadow: inset 0 0 0 getCqi(2) $device-rosegold-dark, inset 0 0 0 getCqi(6) $device-rosegold; } .device-home { @@ -78,15 +81,15 @@ $device-spacegray-panel: #222; } } - // Space Gray edition + // Space Gray edition &.device-spacegray { .device-frame { background: $device-spacegray-panel; - box-shadow: inset 0 0 0 2px $device-spacegray-dark, inset 0 0 0 6px $device-spacegray; + box-shadow: inset 0 0 0 getCqi(2) $device-spacegray-dark, inset 0 0 0 getCqi(6) $device-spacegray; } .device-home { border-color: $device-spacegray-dark; } } -} \ No newline at end of file +} diff --git a/src/_ipad-pro.scss b/src/_ipad-pro.scss index 1a093f2..c9a3326 100644 --- a/src/_ipad-pro.scss +++ b/src/_ipad-pro.scss @@ -1,3 +1,5 @@ +@import "functions"; + // iPad Pro (2021) $device-silver: #e2e3e4; $device-silver-dark: darken($device-silver, 15%); @@ -6,24 +8,25 @@ $device-spacegray-dark: darken($device-spacegray, 10%); $device-panel: #0d0d0d; .device-ipad-pro { - height: 778px; - width: 560px; + --device-width: 560; + height: getCqi(778); // 778px + width: 100cqi; // 560px .device-frame { background: $device-panel; - border-radius: 36px; - box-shadow: inset 0 0 0 1px $device-silver-dark, inset 0 0 1px 3px $device-silver; - height: 778px; - padding: 27px; - width: 560px; + border-radius: getCqi(36); + box-shadow: inset 0 0 0 getCqi(1) $device-silver-dark, inset 0 0 getCqi(1) getCqi(3) $device-silver; + height: getCqi(778); + padding: getCqi(27); + width: getCqi(560); } // 2732-by-2048-pixel resolution .device-screen { - border: 2px solid lighten($device-panel, 2%); - border-radius: 11px; - height: 724px; - width: 506px; + border: getCqi(2) solid lighten($device-panel, 2%); + border-radius: getCqi(11); + height: getCqi(724); + width: getCqi(506); } .device-btns { @@ -35,17 +38,17 @@ $device-panel: #0d0d0d; } &::after { - height: 2px; - right: 40px; - top: -2px; - width: 36px; + height: getCqi(2); + right: getCqi(40); + top: getCqi(-2); + width: getCqi(36); } &::before { - box-shadow: 0 37px $device-silver-dark; - height: 32px; - right: -2px; - top: 63px; - width: 2px; + box-shadow: 0 getCqi(37) $device-silver-dark; + height: getCqi(32); + right: getCqi(-2); + top: getCqi(63); + width: getCqi(2); } } @@ -57,31 +60,31 @@ $device-panel: #0d0d0d; } &::after { background: lighten($device-panel, 5%); - border-radius: 17px; - box-shadow: -20px 0 lighten($device-panel, 5%), 70px 0 lighten($device-panel, 5%); - height: 10px; + border-radius: getCqi(17); + box-shadow: getCqi(-20) 0 lighten($device-panel, 5%), getCqi(70) 0 lighten($device-panel, 5%); + height: getCqi(10); left: 50%; - margin-left: -30px; - top: 12px; - width: 10px; + margin-left: getCqi(-30); + top: getCqi(12); + width: getCqi(10); } &::before { background: radial-gradient(farthest-corner at 20% 20%, #6074BF 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555E 20%, transparent 50%); - box-shadow: 0 0 1px 1px rgba($light-color, .05); + box-shadow: 0 0 getCqi(1) getCqi(1) rgba($light-color, .05); border-radius: 50%; - height: 6px; + height: getCqi(6); left: 50%; - margin-left: -3px; - top: 14px; - width: 6px; + margin-left: getCqi(-3); + top: getCqi(14); + width: getCqi(6); } } - // Space Gray edition + // Space Gray edition &.device-spacegray { .device-frame { - box-shadow: inset 0 0 0 1px $device-spacegray-dark, inset 0 0 1px 3px $device-spacegray; + box-shadow: inset 0 0 0 getCqi(1) $device-spacegray-dark, inset 0 0 getCqi(1) getCqi(3) $device-spacegray; } .device-btns { @@ -90,8 +93,8 @@ $device-panel: #0d0d0d; background: $device-spacegray-dark; } &::before { - box-shadow: 0 37px $device-spacegray-dark; + box-shadow: 0 getCqi(37) $device-spacegray-dark; } } } -} \ No newline at end of file +} diff --git a/src/_surface-pro-2017.scss b/src/_surface-pro-2017.scss index 340a324..c9545f5 100644 --- a/src/_surface-pro-2017.scss +++ b/src/_surface-pro-2017.scss @@ -1,28 +1,31 @@ +@import "functions"; + // Surface Pro (2017) $device-silver: #eee; $device-silver-dark: darken($device-silver, 15%); $device-silver-panel: #0d0d0d; .device-surface-pro-2017 { - height: 394px; - width: 561px; + --device-width: 561; + height: getCqi(394); // 394) + width: 100cqi; // 561) .device-frame { background: $device-silver-panel; - border-radius: 10px; - box-shadow: inset 0 0 0 2px $device-silver-dark; - height: 394px; + border-radius: getCqi(10); + box-shadow: inset 0 0 0 getCqi(2) $device-silver-dark; + height: getCqi(394); margin: 0 auto; - padding: 26px 24px; - width: 561px; + padding: getCqi(26) getCqi(24); + width: getCqi(561); } // 2736-by-1824-pixel resolution .device-screen { - border: 2px solid lighten($device-silver-panel, 2%); - border-radius: 2px; - height: 342px; - width: 513px; + border: getCqi(2) solid lighten($device-silver-panel, 2%); + border-radius: getCqi(2); + height: getCqi(342); + width: getCqi(513); } .device-btns { @@ -30,30 +33,30 @@ $device-silver-panel: #0d0d0d; &::before { background: $device-silver-dark; content: ""; - height: 2px; + height: getCqi(2); position: absolute; - top: -2px; + top: getCqi(-2); } &::after { - left: 48px; - width: 26px; + left: getCqi(48); + width: getCqi(26); } &::before { - left: 94px; - width: 48px; + left: getCqi(94); + width: getCqi(48); } } .device-sensors { background: #333; border-radius: 50%; - height: 6px; + height: getCqi(6); left: 50%; - margin-left: -3px; - margin-top: -3px; + margin-left: getCqi(-3); + margin-top: getCqi(-3); position: absolute; - top: 14px; - width: 6px; + top: getCqi(14); + width: getCqi(6); } -} \ No newline at end of file +} diff --git a/src/devices.scss b/src/devices.scss index f392e57..f75de93 100644 --- a/src/devices.scss +++ b/src/devices.scss @@ -1,4 +1,4 @@ -// Variables +// Variables @import "variables"; /*! Devices.css v#{$version} | MIT License | github.com/picturepan2/devices.css */ @@ -35,4 +35,4 @@ // Accessories @import "homepod"; -@import "pro-display-xdr"; \ No newline at end of file +@import "pro-display-xdr"; From 63debac5d47493bc3e4d2cd052c11e2d7e0e99b4 Mon Sep 17 00:00:00 2001 From: Thomas Scheibitz Date: Thu, 28 Dec 2023 23:32:30 +0100 Subject: [PATCH 3/6] [FEATURE] Make all phones responsive --- dist/devices.css | 895 ++++++++++++++++---------------- dist/devices.min.css | 2 +- docs/assets/css/demo.min.css | 2 +- docs/assets/css/devices.min.css | 2 +- docs/phones.html | 174 ++++--- docs/pug/phones.pug | 187 +++---- docs/scss/demo.scss | 4 + src/_galaxy-s8.scss | 101 ++-- src/_google-pixel-2-xl.scss | 73 +-- src/_google-pixel-6-pro.scss | 97 ++-- src/_google-pixel.scss | 97 ++-- src/_ipad-pro-2017.scss | 4 +- src/_ipad-pro.scss | 4 +- src/_iphone-14-pro.scss | 123 ++--- src/_iphone-14.scss | 143 ++--- src/_iphone-8.scss | 105 ++-- src/_iphone-x.scss | 97 ++-- src/_iphone.scss | 135 ++--- src/_surface-pro-2017.scss | 4 +- 19 files changed, 1158 insertions(+), 1091 deletions(-) diff --git a/dist/devices.css b/dist/devices.css index df55dfa..68f31ec 100644 --- a/dist/devices.css +++ b/dist/devices.css @@ -28,32 +28,33 @@ } .device-iphone-14-pro { - height: 868px; - width: 428px; + --device-width: 428; + height: calc(868 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-iphone-14-pro .device-frame { background: #010101; - border: 1px solid #1b1721; - border-radius: 68px; - box-shadow: inset 0 0 4px 2px #c0b7cd, inset 0 0 0 6px #342c3f; - height: 868px; - padding: 19px; - width: 428px; + border: calc(1 * 1cqi / var(--device-width) * 100) solid #1b1721; + border-radius: calc(68 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c0b7cd, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #342c3f; + height: calc(868 * 1cqi / var(--device-width) * 100); + padding: calc(19 * 1cqi / var(--device-width) * 100); + width: calc(428 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-screen { - border-radius: 49px; - height: 830px; - width: 390px; + border-radius: calc(49 * 1cqi / var(--device-width) * 100); + height: calc(830 * 1cqi / var(--device-width) * 100); + width: calc(390 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-stripe::after, .device-iphone-14-pro .device-stripe::before { border: solid rgba(1, 1, 1, .25); - border-width: 0 7px; + border-width: 0 calc(7 * 1cqi / var(--device-width) * 100); content: ""; - height: 7px; + height: calc(7 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; width: 100%; @@ -61,22 +62,22 @@ } .device-iphone-14-pro .device-stripe::after { - top: 85px; + top: calc(85 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-stripe::before { - bottom: 85px; + bottom: calc(85 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-header { background: #010101; - border-radius: 20px; - height: 35px; + border-radius: calc(20 * 1cqi / var(--device-width) * 100); + height: calc(35 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -60px; + margin-left: calc(-60 * 1cqi / var(--device-width) * 100); position: absolute; - top: 29px; - width: 120px; + top: calc(29 * 1cqi / var(--device-width) * 100); + width: calc(120 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-sensors::after, @@ -87,88 +88,88 @@ .device-iphone-14-pro .device-sensors::after { background: #010101; - border-radius: 17px; - height: 33px; + border-radius: calc(17 * 1cqi / var(--device-width) * 100); + height: calc(33 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -60px; - top: 30px; - width: 74px; + margin-left: calc(-60 * 1cqi / var(--device-width) * 100); + top: calc(30 * 1cqi / var(--device-width) * 100); + width: calc(74 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-sensors::before { background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%); border-radius: 50%; - box-shadow: 0 0 1px 1px rgba(255, 255, 255, .05); - height: 9px; + box-shadow: 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255, 255, 255, .05); + height: calc(9 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: 36px; - top: 42px; - width: 9px; + margin-left: calc(36 * 1cqi / var(--device-width) * 100); + top: calc(42 * 1cqi / var(--device-width) * 100); + width: calc(9 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-btns { background: #1b1721; - border-radius: 2px; - height: 32px; - left: -2px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100); + height: calc(32 * 1cqi / var(--device-width) * 100); + left: calc(-2 * 1cqi / var(--device-width) * 100); position: absolute; - top: 115px; - width: 3px; + top: calc(115 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-btns::after, .device-iphone-14-pro .device-btns::before { background: #1b1721; - border-radius: 2px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100); content: ""; - height: 62px; + height: calc(62 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; - width: 3px; + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-btns::after { - top: 60px; + top: calc(60 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-btns::before { - top: 140px; + top: calc(140 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-power { background: #1b1721; - border-radius: 2px; - height: 100px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100); + height: calc(100 * 1cqi / var(--device-width) * 100); position: absolute; - right: -2px; - top: 200px; - width: 3px; + right: calc(-2 * 1cqi / var(--device-width) * 100); + top: calc(200 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro .device-home::after, .device-iphone-14-pro .device-home::before { border: solid rgba(1, 1, 1, .25); - border-width: 6px 0; + border-width: calc(6 * 1cqi / var(--device-width) * 100) 0; content: ""; - height: 6px; + height: calc(6 * 1cqi / var(--device-width) * 100); position: absolute; - width: 6px; + width: calc(6 * 1cqi / var(--device-width) * 100); z-index: 9; } .device-iphone-14-pro .device-home::after { - right: 86px; + right: calc(86 * 1cqi / var(--device-width) * 100); top: 0; } .device-iphone-14-pro .device-home::before { bottom: 0; - left: 86px; + left: calc(86 * 1cqi / var(--device-width) * 100); } .device-iphone-14-pro.device-silver .device-frame { border-color: #c8cacb; - box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #e2e3e4; + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) white, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4; } .device-iphone-14-pro.device-silver .device-btns { @@ -186,7 +187,7 @@ .device-iphone-14-pro.device-black .device-frame { border-color: #5c5956; - box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #76726f; + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) white, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #76726f; } .device-iphone-14-pro.device-black .device-btns { @@ -204,7 +205,7 @@ .device-iphone-14-pro.device-gold .device-frame { border-color: #e7d19e; - box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #d2ab4c; + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) white, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d2ab4c; } .device-iphone-14-pro.device-gold .device-btns { @@ -221,32 +222,33 @@ } .device-iphone-14 { - height: 868px; - width: 428px; + --device-width: 428; + height: calc(868 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-iphone-14 .device-frame { background: #010101; - border: 1px solid #101315; - border-radius: 68px; - box-shadow: inset 0 0 4px 2px #b0b8c0, inset 0 0 0 6px #272c31; - height: 868px; - padding: 19px; - width: 428px; + border: calc(1 * 1cqi / var(--device-width) * 100) solid #101315; + border-radius: calc(68 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #b0b8c0, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31; + height: calc(868 * 1cqi / var(--device-width) * 100); + padding: calc(19 * 1cqi / var(--device-width) * 100); + width: calc(428 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-screen { - border-radius: 49px; - height: 830px; - width: 390px; + border-radius: calc(49 * 1cqi / var(--device-width) * 100); + height: calc(830 * 1cqi / var(--device-width) * 100); + width: calc(390 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-stripe::after, .device-iphone-14 .device-stripe::before { border: solid rgba(1, 1, 1, .25); - border-width: 0 7px; + border-width: 0 calc(7 * 1cqi / var(--device-width) * 100); content: ""; - height: 7px; + height: calc(7 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; width: 100%; @@ -254,42 +256,42 @@ } .device-iphone-14 .device-stripe::after { - top: 85px; + top: calc(85 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-stripe::before { - bottom: 85px; + bottom: calc(85 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-header { background: #010101; - border-bottom-left-radius: 20px; - border-bottom-right-radius: 20px; - height: 30px; + border-bottom-left-radius: calc(20 * 1cqi / var(--device-width) * 100); + border-bottom-right-radius: calc(20 * 1cqi / var(--device-width) * 100); + height: calc(30 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -80px; + margin-left: calc(-80 * 1cqi / var(--device-width) * 100); position: absolute; - top: 20px; - width: 160px; + top: calc(20 * 1cqi / var(--device-width) * 100); + width: calc(160 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-header::after, .device-iphone-14 .device-header::before { content: ""; - height: 10px; + height: calc(10 * 1cqi / var(--device-width) * 100); position: absolute; top: 0; - width: 10px; + width: calc(10 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-header::after { background: radial-gradient(circle at bottom left, transparent 0, transparent 75%, #010101 75%, #010101 100%); - left: -10px; + left: calc(-10 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-header::before { background: radial-gradient(circle at bottom right, transparent 0, transparent 75%, #010101 75%, #010101 100%); - right: -10px; + right: calc(-10 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-sensors::after, @@ -300,90 +302,90 @@ .device-iphone-14 .device-sensors::after { background: #151515; - border: 1px solid #010101; - border-radius: 4px; - box-shadow: 0 0 4px #151515; - height: 7px; + border: calc(1 * 1cqi / var(--device-width) * 100) solid #010101; + border-radius: calc(4 * 1cqi / var(--device-width) * 100); + box-shadow: 0 0 calc(4 * 1cqi / var(--device-width) * 100) #151515; + height: calc(7 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -35px; - top: 8px; - width: 70px; + margin-left: calc(-35 * 1cqi / var(--device-width) * 100); + top: calc(8 * 1cqi / var(--device-width) * 100); + width: calc(70 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-sensors::before { background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%); border-radius: 50%; - box-shadow: 0 0 1px 1px rgba(255, 255, 255, .05); - height: 9px; + box-shadow: 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255, 255, 255, .05); + height: calc(9 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -60px; - top: 26px; - width: 9px; + margin-left: calc(-60 * 1cqi / var(--device-width) * 100); + top: calc(26 * 1cqi / var(--device-width) * 100); + width: calc(9 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-btns { background: #101315; - border-radius: 2px; - height: 32px; - left: -2px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100); + height: calc(32 * 1cqi / var(--device-width) * 100); + left: calc(-2 * 1cqi / var(--device-width) * 100); position: absolute; - top: 115px; - width: 3px; + top: calc(115 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-btns::after, .device-iphone-14 .device-btns::before { background: #101315; - border-radius: 2px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100); content: ""; - height: 62px; + height: calc(62 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; - width: 3px; + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-btns::after { - top: 60px; + top: calc(60 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-btns::before { - top: 140px; + top: calc(140 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-power { background: #101315; - border-radius: 2px; - height: 100px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100); + height: calc(100 * 1cqi / var(--device-width) * 100); position: absolute; - right: -2px; - top: 200px; - width: 3px; + right: calc(-2 * 1cqi / var(--device-width) * 100); + top: calc(200 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-14 .device-home::after, .device-iphone-14 .device-home::before { border: solid rgba(1, 1, 1, .25); - border-width: 6px 0; + border-width: calc(6 * 1cqi / var(--device-width) * 100) 0; content: ""; - height: 6px; + height: calc(6 * 1cqi / var(--device-width) * 100); position: absolute; - width: 6px; + width: calc(6 * 1cqi / var(--device-width) * 100); z-index: 9; } .device-iphone-14 .device-home::after { - right: 86px; + right: calc(86 * 1cqi / var(--device-width) * 100); top: 0; } .device-iphone-14 .device-home::before { bottom: 0; - left: 86px; + left: calc(86 * 1cqi / var(--device-width) * 100); } .device-iphone-14.device-purple .device-frame { border-color: #af9bbf; - box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #c8bad3; + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) white, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #c8bad3; } .device-iphone-14.device-purple .device-btns { @@ -401,7 +403,7 @@ .device-iphone-14.device-starlight .device-frame { border-color: #bdb4aa; - box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #d3cdc7; + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) white, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d3cdc7; } .device-iphone-14.device-starlight .device-btns { @@ -419,7 +421,7 @@ .device-iphone-14.device-red .device-frame { border-color: #d11813; - box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #ec302b; + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) white, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #ec302b; } .device-iphone-14.device-red .device-btns { @@ -437,7 +439,7 @@ .device-iphone-14.device-blue .device-frame { border-color: #7992aa; - box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #98abbe; + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) white, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #98abbe; } .device-iphone-14.device-blue .device-btns { @@ -454,31 +456,32 @@ } .device-iphone-x { - height: 868px; - width: 428px; + --device-width: 428; + height: calc(868 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-iphone-x .device-frame { background: #222; - border-radius: 68px; - box-shadow: inset 0 0 2px 2px #c8cacb, inset 0 0 0 7px #e2e3e4; - height: 868px; - padding: 28px; - width: 428px; + border-radius: calc(68 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c8cacb, inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4; + height: calc(868 * 1cqi / var(--device-width) * 100); + padding: calc(28 * 1cqi / var(--device-width) * 100); + width: calc(428 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-screen { - border-radius: 40px; - height: 812px; - width: 375px; + border-radius: calc(40 * 1cqi / var(--device-width) * 100); + height: calc(812 * 1cqi / var(--device-width) * 100); + width: calc(375 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-stripe::after, .device-iphone-x .device-stripe::before { border: solid rgba(1, 1, 1, .25); - border-width: 0 7px; + border-width: 0 calc(7 * 1cqi / var(--device-width) * 100); content: ""; - height: 7px; + height: calc(7 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; width: 100%; @@ -486,42 +489,42 @@ } .device-iphone-x .device-stripe::after { - top: 85px; + top: calc(85 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-stripe::before { - bottom: 85px; + bottom: calc(85 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-header { background: #222; - border-bottom-left-radius: 20px; - border-bottom-right-radius: 20px; - height: 30px; + border-bottom-left-radius: calc(20 * 1cqi / var(--device-width) * 100); + border-bottom-right-radius: calc(20 * 1cqi / var(--device-width) * 100); + height: calc(30 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -102px; + margin-left: calc(-102 * 1cqi / var(--device-width) * 100); position: absolute; - top: 28px; - width: 204px; + top: calc(28 * 1cqi / var(--device-width) * 100); + width: calc(204 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-header::after, .device-iphone-x .device-header::before { content: ""; - height: 10px; + height: calc(10 * 1cqi / var(--device-width) * 100); position: absolute; top: 0; - width: 10px; + width: calc(10 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-header::after { background: radial-gradient(circle at bottom left, transparent 0, transparent 75%, #222 75%, #222 100%); - left: -10px; + left: calc(-10 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-header::before { background: radial-gradient(circle at bottom right, transparent 0, transparent 75%, #222 75%, #222 100%); - right: -10px; + right: calc(-10 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-sensors::after, @@ -532,88 +535,89 @@ .device-iphone-x .device-sensors::after { background: #333; - border-radius: 3px; - height: 6px; + border-radius: calc(3 * 1cqi / var(--device-width) * 100); + height: calc(6 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -25px; - top: 32px; - width: 50px; + margin-left: calc(-25 * 1cqi / var(--device-width) * 100); + top: calc(32 * 1cqi / var(--device-width) * 100); + width: calc(50 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-sensors::before { background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%); border-radius: 50%; - box-shadow: 0 0 1px 1px rgba(255, 255, 255, .05); - height: 10px; + box-shadow: 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255, 255, 255, .05); + height: calc(10 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: 42px; - top: 30px; - width: 10px; + margin-left: calc(42 * 1cqi / var(--device-width) * 100); + top: calc(30 * 1cqi / var(--device-width) * 100); + width: calc(10 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-btns { background: #c8cacb; - height: 32px; - left: -3px; + height: calc(32 * 1cqi / var(--device-width) * 100); + left: calc(-3 * 1cqi / var(--device-width) * 100); position: absolute; - top: 115px; - width: 3px; + top: calc(115 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-btns::after, .device-iphone-x .device-btns::before { background: #c8cacb; content: ""; - height: 62px; + height: calc(62 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; - width: 3px; + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-btns::after { - top: 60px; + top: calc(60 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-btns::before { - top: 140px; + top: calc(140 * 1cqi / var(--device-width) * 100); } .device-iphone-x .device-power { background: #c8cacb; - height: 100px; + height: calc(100 * 1cqi / var(--device-width) * 100); position: absolute; - right: -3px; - top: 200px; - width: 3px; + right: calc(-3 * 1cqi / var(--device-width) * 100); + top: calc(200 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-8 { - height: 871px; - width: 419px; + --device-width: 419; + height: calc(871 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-iphone-8 .device-frame { background: #fff; - border-radius: 68px; - box-shadow: inset 0 0 0 2px #c8cacb, inset 0 0 0 7px #e2e3e4; - height: 871px; - padding: 102px 22px; - width: 419px; + border-radius: calc(68 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb, inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4; + height: calc(871 * 1cqi / var(--device-width) * 100); + padding: calc(102 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100); + width: calc(419 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-screen { - border: 2px solid #222; - border-radius: 4px; - height: 667px; - width: 375px; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #222; + border-radius: calc(4 * 1cqi / var(--device-width) * 100); + height: calc(667 * 1cqi / var(--device-width) * 100); + width: calc(375 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-stripe::after, .device-iphone-8 .device-stripe::before { border: solid rgba(51, 51, 51, .15); - border-width: 0 7px; + border-width: 0 calc(7 * 1cqi / var(--device-width) * 100); content: ""; - height: 6px; + height: calc(6 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; width: 100%; @@ -621,33 +625,33 @@ } .device-iphone-8 .device-stripe::after { - top: 68px; + top: calc(68 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-stripe::before { - bottom: 68px; + bottom: calc(68 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-home { - border: 2px solid #c8cacb; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb; border-radius: 50%; - bottom: 25px; - height: 58px; + bottom: calc(25 * 1cqi / var(--device-width) * 100); + height: calc(58 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -29px; + margin-left: calc(-29 * 1cqi / var(--device-width) * 100); position: absolute; - width: 58px; + width: calc(58 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-sensors { background: #666; - border-radius: 3px; - height: 6px; + border-radius: calc(3 * 1cqi / var(--device-width) * 100); + height: calc(6 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -38px; + margin-left: calc(-38 * 1cqi / var(--device-width) * 100); position: absolute; - top: 52px; - width: 76px; + top: calc(52 * 1cqi / var(--device-width) * 100); + width: calc(76 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-sensors::after, @@ -659,59 +663,59 @@ } .device-iphone-8 .device-sensors::after { - height: 10px; + height: calc(10 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -5px; - top: -25px; - width: 10px; + margin-left: calc(-5 * 1cqi / var(--device-width) * 100); + top: calc(-25 * 1cqi / var(--device-width) * 100); + width: calc(10 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-sensors::before { - height: 12px; - left: -42px; - margin-top: -6px; + height: calc(12 * 1cqi / var(--device-width) * 100); + left: calc(-42 * 1cqi / var(--device-width) * 100); + margin-top: calc(-6 * 1cqi / var(--device-width) * 100); top: 50%; - width: 12px; + width: calc(12 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-btns { background: #c8cacb; - height: 30px; - left: -3px; + height: calc(30 * 1cqi / var(--device-width) * 100); + left: calc(-3 * 1cqi / var(--device-width) * 100); position: absolute; - top: 102px; - width: 3px; + top: calc(102 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-btns::after, .device-iphone-8 .device-btns::before { background: #c8cacb; content: ""; - height: 56px; + height: calc(56 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; - width: 3px; + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-btns::after { - top: 62px; + top: calc(62 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-btns::before { - top: 132px; + top: calc(132 * 1cqi / var(--device-width) * 100); } .device-iphone-8 .device-power { background: #c8cacb; - height: 80px; + height: calc(80 * 1cqi / var(--device-width) * 100); position: absolute; - right: -2px; - top: 160px; - width: 3px; + right: calc(-2 * 1cqi / var(--device-width) * 100); + top: calc(160 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-iphone-8.device-gold .device-frame { - box-shadow: inset 0 0 0 2px #e4b08a, inset 0 0 0 7px #f7e8dd; + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a, inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #f7e8dd; } .device-iphone-8.device-gold .device-home { @@ -730,7 +734,7 @@ .device-iphone-8.device-spacegray .device-frame { background: #222; - box-shadow: inset 0 0 0 2px #74747a, inset 0 0 0 7px #9b9ba0; + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #74747a, inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9b9ba0; } .device-iphone-8.device-spacegray .device-stripe::after, @@ -745,204 +749,206 @@ } .device-the-iphone { - height: 610px; - width: 320px; + --device-width: 320; + height: calc(610 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-the-iphone .device-frame { background: #010101; - border: 1px solid darkgray; - border-radius: 56px; - box-shadow: inset 0 0 4px 3px #010101, inset 0 0 2px 13px #f5f5f5; - height: 610px; - padding: 100px 22px; - width: 320px; + border: calc(1 * 1cqi / var(--device-width) * 100) solid darkgray; + border-radius: calc(56 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #010101, inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(13 * 1cqi / var(--device-width) * 100) #f5f5f5; + height: calc(610 * 1cqi / var(--device-width) * 100); + padding: calc(100 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100); + width: calc(320 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-frame::before { - border: 8px solid #010101; - border-left-width: 2px; - border-radius: 48px; - border-right-width: 2px; - box-shadow: inset 0 0 8px 2px #010101; + border: calc(8 * 1cqi / var(--device-width) * 100) solid #010101; + border-left-width: calc(2 * 1cqi / var(--device-width) * 100); + border-radius: calc(48 * 1cqi / var(--device-width) * 100); + border-right-width: calc(2 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #010101; content: ""; - height: 594px; - left: 2px; + height: calc(594 * 1cqi / var(--device-width) * 100); + left: calc(2 * 1cqi / var(--device-width) * 100); position: absolute; - top: 9px; - width: 316px; + top: calc(9 * 1cqi / var(--device-width) * 100); + width: calc(316 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-frame::after { - border: 4px solid gainsboro; - border-radius: 38px; + border: calc(4 * 1cqi / var(--device-width) * 100) solid gainsboro; + border-radius: calc(38 * 1cqi / var(--device-width) * 100); content: ""; - height: 590px; - left: 13px; + height: calc(590 * 1cqi / var(--device-width) * 100); + left: calc(13 * 1cqi / var(--device-width) * 100); position: absolute; - top: 11px; - width: 294px; + top: calc(11 * 1cqi / var(--device-width) * 100); + width: calc(294 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-screen { - border: 2px solid #272727; - border-radius: 4px; - height: 410px; - width: 276px; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #272727; + border-radius: calc(4 * 1cqi / var(--device-width) * 100); + height: calc(410 * 1cqi / var(--device-width) * 100); + width: calc(276 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-sensors::before { background: linear-gradient(to bottom, #272727 50%, rgba(220, 220, 220, .25) 50%, darkgray); - border-radius: 5px; + border-radius: calc(5 * 1cqi / var(--device-width) * 100); content: ""; - height: 10px; + height: calc(10 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -28px; + margin-left: calc(-28 * 1cqi / var(--device-width) * 100); position: absolute; - top: 52px; - width: 56px; + top: calc(52 * 1cqi / var(--device-width) * 100); + width: calc(56 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-sensors::after { background: #272727; - border: 1px solid #010101; - border-radius: 3px; + border: calc(1 * 1cqi / var(--device-width) * 100) solid #010101; + border-radius: calc(3 * 1cqi / var(--device-width) * 100); content: ""; - height: 6px; + height: calc(6 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -26px; + margin-left: calc(-26 * 1cqi / var(--device-width) * 100); position: absolute; - top: 54px; - width: 52px; + top: calc(54 * 1cqi / var(--device-width) * 100); + width: calc(52 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-btns { background: dimgray; - border-radius: 2px 0 0 2px; - height: 30px; - left: -2px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100) 0 0 calc(2 * 1cqi / var(--device-width) * 100); + height: calc(30 * 1cqi / var(--device-width) * 100); + left: calc(-2 * 1cqi / var(--device-width) * 100); position: absolute; - top: 60px; - width: 2px; + top: calc(60 * 1cqi / var(--device-width) * 100); + width: calc(2 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-btns::after, .device-the-iphone .device-btns::before { background: dimgray; content: ""; - height: 56px; + height: calc(56 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; - width: 2px; + width: calc(2 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-btns::after { - border-radius: 2px 0 0 50%; - top: 50px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100) 0 0 50%; + top: calc(50 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-btns::before { - border-radius: 50% 0 0 2px; - top: 131px; + border-radius: 50% 0 0 calc(2 * 1cqi / var(--device-width) * 100); + top: calc(131 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-home { background: radial-gradient(circle at top center, #010101 70%, rgba(220, 220, 220, .25) 70%, darkgray); - border: 1px solid #292929; + border: calc(1 * 1cqi / var(--device-width) * 100) solid #292929; border-radius: 50%; - bottom: 28px; - height: 56px; + bottom: calc(28 * 1cqi / var(--device-width) * 100); + height: calc(56 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -28px; + margin-left: calc(-28 * 1cqi / var(--device-width) * 100); position: absolute; - width: 56px; + width: calc(56 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-home::before { - border: 1px solid gainsboro; - border-radius: 4px; + border: calc(1 * 1cqi / var(--device-width) * 100) solid gainsboro; + border-radius: calc(4 * 1cqi / var(--device-width) * 100); content: ""; - height: 20px; - left: 17px; + height: calc(20 * 1cqi / var(--device-width) * 100); + left: calc(17 * 1cqi / var(--device-width) * 100); position: absolute; - top: 17px; - width: 20px; + top: calc(17 * 1cqi / var(--device-width) * 100); + width: calc(20 * 1cqi / var(--device-width) * 100); } .device-the-iphone .device-power { background: dimgray; - border-radius: 2px 2px 0 0; - height: 2px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0; + height: calc(2 * 1cqi / var(--device-width) * 100); position: absolute; - right: 52px; - top: -2px; - width: 52px; + right: calc(52 * 1cqi / var(--device-width) * 100); + top: calc(-2 * 1cqi / var(--device-width) * 100); + width: calc(52 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro { - height: 862px; - width: 404px; + --device-width: 404; + height: calc(862 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-google-pixel-6-pro .device-frame { background: #121212; - border-radius: 28px; - box-shadow: inset 0 0 12px #8d8d86, inset 0 7px 0 3px #fdfdfc, inset 0 -6px 0 3px #fdfdfc; - height: 862px; - margin: 0 2px; - padding: 20px 12px 26px 12px; - width: 400px; + border-radius: calc(28 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #8d8d86, inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc, inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc; + height: calc(862 * 1cqi / var(--device-width) * 100); + margin: 0 calc(2 * 1cqi / var(--device-width) * 100); + padding: calc(20 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100); + width: calc(400 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro .device-screen { - border-radius: 27px; - height: 816px; - width: 376px; + border-radius: calc(27 * 1cqi / var(--device-width) * 100); + height: calc(816 * 1cqi / var(--device-width) * 100); + width: calc(376 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro .device-header { background: linear-gradient(to bottom, #8d8d86 0, #cbcbc8 30%, #cbcbc8 100%); - height: 10px; + height: calc(10 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -147px; + margin-left: calc(-147 * 1cqi / var(--device-width) * 100); position: absolute; top: 0; - width: 294px; + width: calc(294 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro .device-stripe::after { background: linear-gradient(to top, #121212, #666661); - border-radius: 50px 50px 0 0; + border-radius: calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100) 0 0; bottom: 0; content: ""; - height: 2px; + height: calc(2 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -22px; + margin-left: calc(-22 * 1cqi / var(--device-width) * 100); position: absolute; - width: 44px; + width: calc(44 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro .device-stripe::before { background: #cbcbc8; bottom: 0; content: ""; - height: 9px; + height: calc(9 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: 40px; + margin-left: calc(40 * 1cqi / var(--device-width) * 100); position: absolute; - width: 11px; + width: calc(11 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro .device-sensors { background: #121212; border-radius: 50%; - height: 22px; + height: calc(22 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -11px; - margin-top: -11px; + margin-left: calc(-11 * 1cqi / var(--device-width) * 100); + margin-top: calc(-11 * 1cqi / var(--device-width) * 100); position: absolute; - top: 39px; - width: 22px; + top: calc(39 * 1cqi / var(--device-width) * 100); + width: calc(22 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro .device-sensors::after, @@ -953,44 +959,44 @@ .device-google-pixel-6-pro .device-sensors::after { background: linear-gradient(to bottom, #121212, #666661); - border-radius: 0 0 50px 50px; - height: 4px; + border-radius: 0 0 calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100); + height: calc(4 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -103px; - top: -18px; - width: 206px; + margin-left: calc(-103 * 1cqi / var(--device-width) * 100); + top: calc(-18 * 1cqi / var(--device-width) * 100); + width: calc(206 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro .device-sensors::before { background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%); border-radius: 50%; - box-shadow: 0 0 1px 1px rgba(255, 255, 255, .05); - height: 8px; - left: 7px; - top: 7px; - width: 8px; + box-shadow: 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255, 255, 255, .05); + height: calc(8 * 1cqi / var(--device-width) * 100); + left: calc(7 * 1cqi / var(--device-width) * 100); + top: calc(7 * 1cqi / var(--device-width) * 100); + width: calc(8 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro .device-btns { background: #b2b2ae; - height: 102px; + height: calc(102 * 1cqi / var(--device-width) * 100); position: absolute; right: 0; - top: 306px; - width: 3px; + top: calc(306 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro .device-power { background: #b2b2ae; - height: 58px; + height: calc(58 * 1cqi / var(--device-width) * 100); position: absolute; right: 0; - top: 194px; - width: 3px; + top: calc(194 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-google-pixel-6-pro.device-gold .device-frame { - box-shadow: inset 0 0 12px #ff962e, inset 0 7px 0 3px white, inset 0 -6px 0 3px white; + box-shadow: inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #ff962e, inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) white, inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) white; } .device-google-pixel-6-pro.device-gold .device-header { @@ -1014,7 +1020,7 @@ } .device-google-pixel-6-pro.device-black .device-frame { - box-shadow: inset 0 0 12px black, inset 0 7px 0 3px #646668, inset 0 -6px 0 3px #646668; + box-shadow: inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) black, inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668, inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668; } .device-google-pixel-6-pro.device-black .device-header { @@ -1038,191 +1044,193 @@ } .device-google-pixel-2-xl { - height: 832px; - width: 404px; + --device-width: 404; + height: calc(832 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-google-pixel-2-xl .device-frame { background: #121212; - border-radius: 36px; - box-shadow: inset 0 0 0 2px #cfcfcf, inset 0 0 0 7px #9c9c9c; - height: 832px; - padding: 56px 22px; - width: 404px; + border-radius: calc(36 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #cfcfcf, inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9c9c9c; + height: calc(832 * 1cqi / var(--device-width) * 100); + padding: calc(56 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100); + width: calc(404 * 1cqi / var(--device-width) * 100); } .device-google-pixel-2-xl .device-screen { - border-radius: 27px; - height: 720px; - width: 360px; + border-radius: calc(27 * 1cqi / var(--device-width) * 100); + height: calc(720 * 1cqi / var(--device-width) * 100); + width: calc(360 * 1cqi / var(--device-width) * 100); } .device-google-pixel-2-xl .device-header { - height: 832px; + height: calc(832 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -150px; + margin-left: calc(-150 * 1cqi / var(--device-width) * 100); position: absolute; top: 0; - width: 300px; + width: calc(300 * 1cqi / var(--device-width) * 100); } .device-google-pixel-2-xl .device-header::after, .device-google-pixel-2-xl .device-header::before { background: #333; - border-radius: 3px; + border-radius: calc(3 * 1cqi / var(--device-width) * 100); content: ""; - height: 6px; + height: calc(6 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -73px; - margin-top: -3px; + margin-left: calc(-73 * 1cqi / var(--device-width) * 100); + margin-top: calc(-3 * 1cqi / var(--device-width) * 100); position: absolute; - width: 146px; + width: calc(146 * 1cqi / var(--device-width) * 100); } .device-google-pixel-2-xl .device-header::after { - top: 24px; + top: calc(24 * 1cqi / var(--device-width) * 100); } .device-google-pixel-2-xl .device-header::before { - bottom: 28px; + bottom: calc(28 * 1cqi / var(--device-width) * 100); } .device-google-pixel-2-xl .device-sensors { background: #333; - border-radius: 7px; - height: 14px; - left: 54px; - margin-top: -7px; + border-radius: calc(7 * 1cqi / var(--device-width) * 100); + height: calc(14 * 1cqi / var(--device-width) * 100); + left: calc(54 * 1cqi / var(--device-width) * 100); + margin-top: calc(-7 * 1cqi / var(--device-width) * 100); position: absolute; - top: 36px; - width: 14px; + top: calc(36 * 1cqi / var(--device-width) * 100); + width: calc(14 * 1cqi / var(--device-width) * 100); } .device-google-pixel-2-xl .device-btns { background: #cfcfcf; - height: 102px; + height: calc(102 * 1cqi / var(--device-width) * 100); position: absolute; - right: -3px; - top: 306px; - width: 3px; + right: calc(-3 * 1cqi / var(--device-width) * 100); + top: calc(306 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-google-pixel-2-xl .device-power { background: #cfcfcf; - height: 58px; + height: calc(58 * 1cqi / var(--device-width) * 100); position: absolute; - right: -3px; - top: 194px; - width: 3px; + right: calc(-3 * 1cqi / var(--device-width) * 100); + top: calc(194 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-google-pixel { - height: 744px; - width: 360px; + --device-width: 360; + height: calc(744 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-google-pixel .device-frame { background: #f7f7f8; - border-radius: 54px; - box-shadow: inset 0 0 0 2px #c8cacb, inset 0 0 0 6px #e2e3e4, inset 0 0 0 10px white; - height: 744px; - padding: 82px 18px 86px 18px; - width: 360px; + border-radius: calc(54 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4, inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) white; + height: calc(744 * 1cqi / var(--device-width) * 100); + padding: calc(82 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100) calc(86 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100); + width: calc(360 * 1cqi / var(--device-width) * 100); } .device-google-pixel .device-screen { - border: 2px solid #222; - border-radius: 2px; - height: 576px; - width: 324px; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #222; + border-radius: calc(2 * 1cqi / var(--device-width) * 100); + height: calc(576 * 1cqi / var(--device-width) * 100); + width: calc(324 * 1cqi / var(--device-width) * 100); } .device-google-pixel .device-stripe { - border-top: 6px solid rgba(51, 51, 51, .15); + border-top: calc(6 * 1cqi / var(--device-width) * 100) solid rgba(51, 51, 51, .15); bottom: 0; - left: 254px; + left: calc(254 * 1cqi / var(--device-width) * 100); position: absolute; top: 0; - width: 8px; + width: calc(8 * 1cqi / var(--device-width) * 100); } .device-google-pixel .device-stripe::after, .device-google-pixel .device-stripe::before { border: solid rgba(51, 51, 51, .15); - border-width: 0 6px; + border-width: 0 calc(6 * 1cqi / var(--device-width) * 100); content: ""; - height: 10px; - left: -254px; + height: calc(10 * 1cqi / var(--device-width) * 100); + left: calc(-254 * 1cqi / var(--device-width) * 100); position: absolute; - width: 360px; + width: calc(360 * 1cqi / var(--device-width) * 100); z-index: 9; } .device-google-pixel .device-stripe::after { - top: 60px; + top: calc(60 * 1cqi / var(--device-width) * 100); } .device-google-pixel .device-stripe::before { - bottom: 46px; + bottom: calc(46 * 1cqi / var(--device-width) * 100); } .device-google-pixel .device-sensors { background: #ddd; - border-radius: 2.5px; - height: 5px; + border-radius: calc(2.5 * 1cqi / var(--device-width) * 100); + height: calc(5 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -39px; - margin-top: -2.5px; + margin-left: calc(-39 * 1cqi / var(--device-width) * 100); + margin-top: calc(-2.5 * 1cqi / var(--device-width) * 100); position: absolute; - top: 41px; - width: 78px; + top: calc(41 * 1cqi / var(--device-width) * 100); + width: calc(78 * 1cqi / var(--device-width) * 100); } .device-google-pixel .device-sensors::after, .device-google-pixel .device-sensors::before { background: #333; - border-radius: 6px; + border-radius: calc(6 * 1cqi / var(--device-width) * 100); content: ""; position: absolute; } .device-google-pixel .device-sensors::after { - height: 12px; + height: calc(12 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -14px; - top: 21.5px; - width: 28px; + margin-left: calc(-14 * 1cqi / var(--device-width) * 100); + top: calc(21.5 * 1cqi / var(--device-width) * 100); + width: calc(28 * 1cqi / var(--device-width) * 100); } .device-google-pixel .device-sensors::before { - height: 10px; - left: -81px; - margin-top: -5px; + height: calc(10 * 1cqi / var(--device-width) * 100); + left: calc(-81 * 1cqi / var(--device-width) * 100); + margin-top: calc(-5 * 1cqi / var(--device-width) * 100); top: 50%; - width: 10px; + width: calc(10 * 1cqi / var(--device-width) * 100); } .device-google-pixel .device-btns { background: #c8cacb; - height: 102px; + height: calc(102 * 1cqi / var(--device-width) * 100); position: absolute; - right: -2px; - top: 298px; - width: 3px; + right: calc(-2 * 1cqi / var(--device-width) * 100); + top: calc(298 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-google-pixel .device-power { background: #c8cacb; - height: 50px; + height: calc(50 * 1cqi / var(--device-width) * 100); position: absolute; - right: -2px; - top: 184px; - width: 3px; + right: calc(-2 * 1cqi / var(--device-width) * 100); + top: calc(184 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-google-pixel.device-black .device-frame { background: #211d1c; - box-shadow: inset 0 0 0 2px #363635, inset 0 0 0 6px #6a6967, inset 0 0 0 10px #3d3533; + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #363635, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #6a6967, inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #3d3533; } .device-google-pixel.device-black .device-stripe, @@ -1250,7 +1258,7 @@ } .device-google-pixel.device-blue .device-frame { - box-shadow: inset 0 0 0 2px #2a5aff, inset 0 0 0 6px #7695ff, inset 0 0 0 10px white; + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #2a5aff, inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #7695ff, inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) white; } .device-google-pixel.device-blue .device-btns, @@ -1264,58 +1272,59 @@ } .device-galaxy-s8 { - height: 828px; - width: 380px; + --device-width: 380; + height: calc(828 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-galaxy-s8 .device-frame { background: #222; border: solid #cfcfcf; - border-radius: 55px; - border-width: 5px 0; - box-shadow: inset 0 0 0 2px #9c9c9c; - height: 828px; - padding: 48px 10px 40px 10px; - width: 380px; + border-radius: calc(55 * 1cqi / var(--device-width) * 100); + border-width: calc(5 * 1cqi / var(--device-width) * 100) 0; + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #9c9c9c; + height: calc(828 * 1cqi / var(--device-width) * 100); + padding: calc(48 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) calc(40 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100); + width: calc(380 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8 .device-screen { - border: 2px solid #222; - border-radius: 34px; - height: 740px; - width: 360px; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #222; + border-radius: calc(34 * 1cqi / var(--device-width) * 100); + height: calc(740 * 1cqi / var(--device-width) * 100); + width: calc(360 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8 .device-stripe::after, .device-galaxy-s8 .device-stripe::before { border: solid rgba(51, 51, 51, .15); - border-width: 5px 0; + border-width: calc(5 * 1cqi / var(--device-width) * 100) 0; content: ""; - height: 828px; + height: calc(828 * 1cqi / var(--device-width) * 100); position: absolute; top: 0; - width: 6px; + width: calc(6 * 1cqi / var(--device-width) * 100); z-index: 9; } .device-galaxy-s8 .device-stripe::after { - left: 48px; + left: calc(48 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8 .device-stripe::before { - right: 48px; + right: calc(48 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8 .device-sensors { background: #666; - border-radius: 3px; - height: 6px; + border-radius: calc(3 * 1cqi / var(--device-width) * 100); + height: calc(6 * 1cqi / var(--device-width) * 100); left: 50%; - margin-left: -24px; - margin-top: -3px; + margin-left: calc(-24 * 1cqi / var(--device-width) * 100); + margin-top: calc(-3 * 1cqi / var(--device-width) * 100); position: absolute; - top: 32px; - width: 48px; + top: calc(32 * 1cqi / var(--device-width) * 100); + width: calc(48 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8 .device-sensors::after, @@ -1328,55 +1337,55 @@ } .device-galaxy-s8 .device-sensors::after { - box-shadow: -192px 0 #333, -174px 0 #333, -240px 0 #333; - height: 8px; - margin-top: -4px; - right: -90px; - width: 8px; + box-shadow: calc(-192 * 1cqi / var(--device-width) * 100) 0 #333, calc(-174 * 1cqi / var(--device-width) * 100) 0 #333, calc(-240 * 1cqi / var(--device-width) * 100) 0 #333; + height: calc(8 * 1cqi / var(--device-width) * 100); + margin-top: calc(-4 * 1cqi / var(--device-width) * 100); + right: calc(-90 * 1cqi / var(--device-width) * 100); + width: calc(8 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8 .device-sensors::before { - box-shadow: 186px 0 #666; - height: 12px; - left: -90px; - margin-top: -6px; - width: 12px; + box-shadow: calc(186 * 1cqi / var(--device-width) * 100) 0 #666; + height: calc(12 * 1cqi / var(--device-width) * 100); + left: calc(-90 * 1cqi / var(--device-width) * 100); + margin-top: calc(-6 * 1cqi / var(--device-width) * 100); + width: calc(12 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8 .device-btns { background: #9c9c9c; - border-radius: 3px 0 0 3px; - height: 116px; - left: -3px; + border-radius: calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100); + height: calc(116 * 1cqi / var(--device-width) * 100); + left: calc(-3 * 1cqi / var(--device-width) * 100); position: absolute; - top: 144px; - width: 3px; + top: calc(144 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8 .device-btns::after { background: #9c9c9c; - border-radius: 3px 0 0 3px; + border-radius: calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100); content: ""; - height: 54px; + height: calc(54 * 1cqi / var(--device-width) * 100); left: 0; position: absolute; - top: 164px; - width: 3px; + top: calc(164 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8 .device-power { background: #9c9c9c; - border-radius: 0 3px 3px 0; - height: 54px; + border-radius: 0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) 0; + height: calc(54 * 1cqi / var(--device-width) * 100); position: absolute; - right: -3px; - top: 260px; - width: 3px; + right: calc(-3 * 1cqi / var(--device-width) * 100); + top: calc(260 * 1cqi / var(--device-width) * 100); + width: calc(3 * 1cqi / var(--device-width) * 100); } .device-galaxy-s8.device-blue .device-frame { border-color: #a3c5e8; - box-shadow: inset 0 0 0 2px #5192d4; + box-shadow: inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #5192d4; } .device-galaxy-s8.device-blue .device-stripe::after, diff --git a/dist/devices.min.css b/dist/devices.min.css index b2ab671..370dc0d 100644 --- a/dist/devices.min.css +++ b/dist/devices.min.css @@ -1 +1 @@ -/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{height:868px;width:428px}.device-iphone-14-pro .device-frame{background:#010101;border:1px solid #1b1721;border-radius:68px;box-shadow:inset 0 0 4px 2px #c0b7cd,inset 0 0 0 6px #342c3f;height:868px;padding:19px;width:428px}.device-iphone-14-pro .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:85px}.device-iphone-14-pro .device-stripe::before{bottom:85px}.device-iphone-14-pro .device-header{background:#010101;border-radius:20px;height:35px;left:50%;margin-left:-60px;position:absolute;top:29px;width:120px}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:17px;height:33px;left:50%;margin-left:-60px;top:30px;width:74px}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:36px;top:42px;width:9px}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14-pro .device-btns::after{top:60px}.device-iphone-14-pro .device-btns::before{top:140px}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14-pro .device-home::after{right:86px;top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:86px}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{height:868px;width:428px}.device-iphone-14 .device-frame{background:#010101;border:1px solid #101315;border-radius:68px;box-shadow:inset 0 0 4px 2px #b0b8c0,inset 0 0 0 6px #272c31;height:868px;padding:19px;width:428px}.device-iphone-14 .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:85px}.device-iphone-14 .device-stripe::before{bottom:85px}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-80px;position:absolute;top:20px;width:160px}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:-10px}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:-10px}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:1px solid #010101;border-radius:4px;box-shadow:0 0 4px #151515;height:7px;left:50%;margin-left:-35px;top:8px;width:70px}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:-60px;top:26px;width:9px}.device-iphone-14 .device-btns{background:#101315;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14 .device-btns::after{top:60px}.device-iphone-14 .device-btns::before{top:140px}.device-iphone-14 .device-power{background:#101315;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14 .device-home::after{right:86px;top:0}.device-iphone-14 .device-home::before{bottom:0;left:86px}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{height:868px;width:428px}.device-iphone-x .device-frame{background:#222;border-radius:68px;box-shadow:inset 0 0 2px 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:868px;padding:28px;width:428px}.device-iphone-x .device-screen{border-radius:40px;height:812px;width:375px}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:85px}.device-iphone-x .device-stripe::before{bottom:85px}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-102px;position:absolute;top:28px;width:204px}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:-10px}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:-10px}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:3px;height:6px;left:50%;margin-left:-25px;top:32px;width:50px}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:10px;left:50%;margin-left:42px;top:30px;width:10px}.device-iphone-x .device-btns{background:#c8cacb;height:32px;left:-3px;position:absolute;top:115px;width:3px}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-x .device-btns::after{top:60px}.device-iphone-x .device-btns::before{top:140px}.device-iphone-x .device-power{background:#c8cacb;height:100px;position:absolute;right:-3px;top:200px;width:3px}.device-iphone-8{height:871px;width:419px}.device-iphone-8 .device-frame{background:#fff;border-radius:68px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:871px;padding:102px 22px;width:419px}.device-iphone-8 .device-screen{border:2px solid #222;border-radius:4px;height:667px;width:375px}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 7px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:68px}.device-iphone-8 .device-stripe::before{bottom:68px}.device-iphone-8 .device-home{border:2px solid #c8cacb;border-radius:50%;bottom:25px;height:58px;left:50%;margin-left:-29px;position:absolute;width:58px}.device-iphone-8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-38px;position:absolute;top:52px;width:76px}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:10px;left:50%;margin-left:-5px;top:-25px;width:10px}.device-iphone-8 .device-sensors::before{height:12px;left:-42px;margin-top:-6px;top:50%;width:12px}.device-iphone-8 .device-btns{background:#c8cacb;height:30px;left:-3px;position:absolute;top:102px;width:3px}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:56px;left:0;position:absolute;width:3px}.device-iphone-8 .device-btns::after{top:62px}.device-iphone-8 .device-btns::before{top:132px}.device-iphone-8 .device-power{background:#c8cacb;height:80px;position:absolute;right:-2px;top:160px;width:3px}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 7px #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #74747a,inset 0 0 0 7px #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{height:610px;width:320px}.device-the-iphone .device-frame{background:#010101;border:1px solid #a9a9a9;border-radius:56px;box-shadow:inset 0 0 4px 3px #010101,inset 0 0 2px 13px #f5f5f5;height:610px;padding:100px 22px;width:320px}.device-the-iphone .device-frame::before{border:8px solid #010101;border-left-width:2px;border-radius:48px;border-right-width:2px;box-shadow:inset 0 0 8px 2px #010101;content:"";height:594px;left:2px;position:absolute;top:9px;width:316px}.device-the-iphone .device-frame::after{border:4px solid #dcdcdc;border-radius:38px;content:"";height:590px;left:13px;position:absolute;top:11px;width:294px}.device-the-iphone .device-screen{border:2px solid #272727;border-radius:4px;height:410px;width:276px}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:5px;content:"";height:10px;left:50%;margin-left:-28px;position:absolute;top:52px;width:56px}.device-the-iphone .device-sensors::after{background:#272727;border:1px solid #010101;border-radius:3px;content:"";height:6px;left:50%;margin-left:-26px;position:absolute;top:54px;width:52px}.device-the-iphone .device-btns{background:#696969;border-radius:2px 0 0 2px;height:30px;left:-2px;position:absolute;top:60px;width:2px}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:56px;left:0;position:absolute;width:2px}.device-the-iphone .device-btns::after{border-radius:2px 0 0 50%;top:50px}.device-the-iphone .device-btns::before{border-radius:50% 0 0 2px;top:131px}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:1px solid #292929;border-radius:50%;bottom:28px;height:56px;left:50%;margin-left:-28px;position:absolute;width:56px}.device-the-iphone .device-home::before{border:1px solid #dcdcdc;border-radius:4px;content:"";height:20px;left:17px;position:absolute;top:17px;width:20px}.device-the-iphone .device-power{background:#696969;border-radius:2px 2px 0 0;height:2px;position:absolute;right:52px;top:-2px;width:52px}.device-google-pixel-6-pro{height:862px;width:404px}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:28px;box-shadow:inset 0 0 12px #8d8d86,inset 0 7px 0 3px #fdfdfc,inset 0 -6px 0 3px #fdfdfc;height:862px;margin:0 2px;padding:20px 12px 26px 12px;width:400px}.device-google-pixel-6-pro .device-screen{border-radius:27px;height:816px;width:376px}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:10px;left:50%;margin-left:-147px;position:absolute;top:0;width:294px}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:50px 50px 0 0;bottom:0;content:"";height:2px;left:50%;margin-left:-22px;position:absolute;width:44px}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:9px;left:50%;margin-left:40px;position:absolute;width:11px}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:22px;left:50%;margin-left:-11px;margin-top:-11px;position:absolute;top:39px;width:22px}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 50px 50px;height:4px;left:50%;margin-left:-103px;top:-18px;width:206px}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:8px;left:7px;top:7px;width:8px}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:102px;position:absolute;right:0;top:306px;width:3px}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:58px;position:absolute;right:0;top:194px;width:3px}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 12px #ff962e,inset 0 7px 0 3px #fff,inset 0 -6px 0 3px #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 12px #000,inset 0 7px 0 3px #646668,inset 0 -6px 0 3px #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{height:832px;width:404px}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:36px;box-shadow:inset 0 0 0 2px #cfcfcf,inset 0 0 0 7px #9c9c9c;height:832px;padding:56px 22px;width:404px}.device-google-pixel-2-xl .device-screen{border-radius:27px;height:720px;width:360px}.device-google-pixel-2-xl .device-header{height:832px;left:50%;margin-left:-150px;position:absolute;top:0;width:300px}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:3px;content:"";height:6px;left:50%;margin-left:-73px;margin-top:-3px;position:absolute;width:146px}.device-google-pixel-2-xl .device-header::after{top:24px}.device-google-pixel-2-xl .device-header::before{bottom:28px}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:7px;height:14px;left:54px;margin-top:-7px;position:absolute;top:36px;width:14px}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:102px;position:absolute;right:-3px;top:306px;width:3px}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:58px;position:absolute;right:-3px;top:194px;width:3px}.device-google-pixel{height:744px;width:360px}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:54px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4,inset 0 0 0 10px #fff;height:744px;padding:82px 18px 86px 18px;width:360px}.device-google-pixel .device-screen{border:2px solid #222;border-radius:2px;height:576px;width:324px}.device-google-pixel .device-stripe{border-top:6px solid rgba(51,51,51,.15);bottom:0;left:254px;position:absolute;top:0;width:8px}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 6px;content:"";height:10px;left:-254px;position:absolute;width:360px;z-index:9}.device-google-pixel .device-stripe::after{top:60px}.device-google-pixel .device-stripe::before{bottom:46px}.device-google-pixel .device-sensors{background:#ddd;border-radius:2.5px;height:5px;left:50%;margin-left:-39px;margin-top:-2.5px;position:absolute;top:41px;width:78px}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:6px;content:"";position:absolute}.device-google-pixel .device-sensors::after{height:12px;left:50%;margin-left:-14px;top:21.5px;width:28px}.device-google-pixel .device-sensors::before{height:10px;left:-81px;margin-top:-5px;top:50%;width:10px}.device-google-pixel .device-btns{background:#c8cacb;height:102px;position:absolute;right:-2px;top:298px;width:3px}.device-google-pixel .device-power{background:#c8cacb;height:50px;position:absolute;right:-2px;top:184px;width:3px}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 2px #363635,inset 0 0 0 6px #6a6967,inset 0 0 0 10px #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 2px #2a5aff,inset 0 0 0 6px #7695ff,inset 0 0 0 10px #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{height:828px;width:380px}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:55px;border-width:5px 0;box-shadow:inset 0 0 0 2px #9c9c9c;height:828px;padding:48px 10px 40px 10px;width:380px}.device-galaxy-s8 .device-screen{border:2px solid #222;border-radius:34px;height:740px;width:360px}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:5px 0;content:"";height:828px;position:absolute;top:0;width:6px;z-index:9}.device-galaxy-s8 .device-stripe::after{left:48px}.device-galaxy-s8 .device-stripe::before{right:48px}.device-galaxy-s8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-24px;margin-top:-3px;position:absolute;top:32px;width:48px}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:-192px 0 #333,-174px 0 #333,-240px 0 #333;height:8px;margin-top:-4px;right:-90px;width:8px}.device-galaxy-s8 .device-sensors::before{box-shadow:186px 0 #666;height:12px;left:-90px;margin-top:-6px;width:12px}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:3px 0 0 3px;height:116px;left:-3px;position:absolute;top:144px;width:3px}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:3px 0 0 3px;content:"";height:54px;left:0;position:absolute;top:164px;width:3px}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 3px 3px 0;height:54px;position:absolute;right:-3px;top:260px;width:3px}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 2px #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{height:434px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:418px;margin:0 auto;padding:9px 9px 23px 9px;position:relative;width:618px}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 20px 20px;bottom:2px;content:"";height:24px;left:2px;position:absolute;width:614px}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:12px;left:50%;margin-left:-32px;position:absolute;top:11px;width:64px;z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:4px;position:absolute;top:0;width:4px}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:-4px}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:-4px}.device-macbook-pro .device-screen{border:2px solid #121212;border-radius:10px 10px 0 0;height:375px;width:600px}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:2px 2px 12px 12px;border-width:1px 2px 0 2px;box-shadow:inset 0 -2px 8px 0 #6c7074;height:24px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;content:"";height:10px;left:50%;margin-left:-60px;position:absolute;top:0;width:120px}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-300px 0 #272727,300px 0 #272727;content:"";height:2px;left:50%;margin-left:-20px;position:absolute;width:40px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 -2px 8px 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018{height:444px;width:740px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro-2018 .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook Pro";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-macbook{height:432px;width:740px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:0 4px;height:4px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 2px;height:4px;left:50%;margin-left:-60px;width:120px}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:10px;left:-4px;margin:0 auto;top:4px;width:740px}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 -2px 6px 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 -2px 6px 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-imac{height:540px;width:640px}.device-imac .device-frame{background:#edeef0;border-radius:18px;box-shadow:inset 0 0 0 1px #d4d5d7;height:440px;padding:16px 16px 80px 16px;position:relative;width:640px}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 18px 18px;bottom:1px;box-shadow:inset 0 0 18px 0 #c7c8cb;content:"";height:63px;left:1px;position:absolute;width:638px}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-imac .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:608px}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:92px;margin:0 auto;position:relative;width:152px}.device-imac .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:0;box-shadow:-61px 0 #d4d5d7,61px 0 #d4d5d7;height:2px;left:50%;margin-left:-15px;position:absolute;width:30px}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 2px #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 18px 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:-61px 0 #b4c7da,61px 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 2px #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 18px 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:-61px 0 #bbd0c8,61px 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 2px #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 18px 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:-61px 0 #edccc6,61px 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 2px #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 18px 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:-61px 0 #f4d595,61px 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 2px #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 18px 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:-61px 0 #e9b5a0,61px 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 2px #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 18px 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:-61px 0 #c4c4e5,61px 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{height:424px;width:728px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;box-shadow:inset 0 0 0 2px #c8c8c8;height:408px;margin:0 auto;padding:24px 22px;position:relative;width:584px}.device-surface-book .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:540px}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-book .device-btns::after{left:122px;width:20px}.device-surface-book .device-btns::before{left:168px;width:44px}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:2px;border-width:0 2px;height:16px;margin-top:4px;position:relative;width:728px}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 6px 6px;height:8px;left:50%;margin-left:-125px;top:0;width:250px;z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:2px 2px 0 0;bottom:16px;height:8px;left:50%;margin-left:-292px;width:584px}.device-surface-studio{height:506px;width:640px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #000;height:440px;padding:20px;width:640px}.device-surface-studio .device-screen{border:2px solid #121212;border-radius:2px;height:400px;width:600px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;bottom:0;height:4px;left:50%;margin-left:-117px;position:absolute;width:234px}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:-75px}.device-surface-studio .device-stripe::after{border:1px solid #e2e3e4;border-radius:0 0 18px 18px;border-top:0;box-shadow:inset 0 0 4px 1px #c8cacb,inset 0 0 4px 2px #e2e3e4,inset 0 0 0 8px #c8cacb;height:60px;margin-left:-140px;width:280px;z-index:-1}.device-surface-studio .device-stripe::before{border:15px solid #e2e3e4;border-radius:0 0 8px 8px;border-top:0;height:70px;margin-left:-150px;width:300px;z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 2px 2px;height:32px;margin:30px auto 0 auto;position:relative;width:250px}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:1px;left:0;position:absolute;top:4px;width:250px}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file +/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14-pro .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #1b1721;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c0b7cd,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #342c3f;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-header{background:#010101;border-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(35 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(29 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:calc(17 * 1cqi / var(--device-width) * 100);height:calc(33 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(74 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(36 * 1cqi / var(--device-width) * 100);top:calc(42 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14-pro .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14 .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #101315;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #b0b8c0,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-80 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(20 * 1cqi / var(--device-width) * 100);width:calc(160 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(4 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(4 * 1cqi / var(--device-width) * 100) #151515;height:calc(7 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-35 * 1cqi / var(--device-width) * 100);top:calc(8 * 1cqi / var(--device-width) * 100);width:calc(70 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(26 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-power{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14 .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14 .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-x .device-frame{background:#222;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(28 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-screen{border-radius:calc(40 * 1cqi / var(--device-width) * 100);height:calc(812 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-102 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(28 * 1cqi / var(--device-width) * 100);width:calc(204 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-25 * 1cqi / var(--device-width) * 100);top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(50 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(42 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns{background:#c8cacb;height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-power{background:#c8cacb;height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8{--device-width:419;height:calc(871 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-8 .device-frame{background:#fff;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(871 * 1cqi / var(--device-width) * 100);padding:calc(102 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(419 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(667 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::before{bottom:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(25 * 1cqi / var(--device-width) * 100);height:calc(58 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-29 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(58 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-38 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(76 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);top:calc(-25 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::before{height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-42 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);top:50%;width:calc(12 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns{background:#c8cacb;height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(102 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after{top:calc(62 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::before{top:calc(132 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-power{background:#c8cacb;height:calc(80 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(160 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #74747a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{--device-width:320;height:calc(610 * 1cqi / var(--device-width) * 100);width:100cqi}.device-the-iphone .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #a9a9a9;border-radius:calc(56 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #010101,inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(13 * 1cqi / var(--device-width) * 100) #f5f5f5;height:calc(610 * 1cqi / var(--device-width) * 100);padding:calc(100 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(320 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::before{border:calc(8 * 1cqi / var(--device-width) * 100) solid #010101;border-left-width:calc(2 * 1cqi / var(--device-width) * 100);border-radius:calc(48 * 1cqi / var(--device-width) * 100);border-right-width:calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #010101;content:"";height:calc(594 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(9 * 1cqi / var(--device-width) * 100);width:calc(316 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::after{border:calc(4 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(38 * 1cqi / var(--device-width) * 100);content:"";height:calc(590 * 1cqi / var(--device-width) * 100);left:calc(13 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(294 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #272727;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(410 * 1cqi / var(--device-width) * 100);width:calc(276 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:calc(5 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::after{background:#272727;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-26 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(54 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(60 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after{border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 50%;top:calc(50 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::before{border-radius:50% 0 0 calc(2 * 1cqi / var(--device-width) * 100);top:calc(131 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:calc(1 * 1cqi / var(--device-width) * 100) solid #292929;border-radius:50%;bottom:calc(28 * 1cqi / var(--device-width) * 100);height:calc(56 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(4 * 1cqi / var(--device-width) * 100);content:"";height:calc(20 * 1cqi / var(--device-width) * 100);left:calc(17 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(17 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-power{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(52 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro{--device-width:404;height:calc(862 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:calc(28 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #8d8d86,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc;height:calc(862 * 1cqi / var(--device-width) * 100);margin:0 calc(2 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);width:calc(400 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(816 * 1cqi / var(--device-width) * 100);width:calc(376 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-147 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(294 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100) 0 0;bottom:0;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-22 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(44 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(40 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(11 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:calc(22 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-11 * 1cqi / var(--device-width) * 100);margin-top:calc(-11 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(39 * 1cqi / var(--device-width) * 100);width:calc(22 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-103 * 1cqi / var(--device-width) * 100);top:calc(-18 * 1cqi / var(--device-width) * 100);width:calc(206 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(8 * 1cqi / var(--device-width) * 100);left:calc(7 * 1cqi / var(--device-width) * 100);top:calc(7 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #ff962e,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #000,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{--device-width:404;height:calc(832 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #cfcfcf,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(832 * 1cqi / var(--device-width) * 100);padding:calc(56 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(404 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(720 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header{height:calc(832 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-150 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(300 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-73 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(146 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after{top:calc(24 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::before{bottom:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:calc(7 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);left:calc(54 * 1cqi / var(--device-width) * 100);margin-top:calc(-7 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(36 * 1cqi / var(--device-width) * 100);width:calc(14 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel{--device-width:360;height:calc(744 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:calc(54 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff;height:calc(744 * 1cqi / var(--device-width) * 100);padding:calc(82 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100) calc(86 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(576 * 1cqi / var(--device-width) * 100);width:calc(324 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe{border-top:calc(6 * 1cqi / var(--device-width) * 100) solid rgba(51,51,51,.15);bottom:0;left:calc(254 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(6 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-254 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(360 * 1cqi / var(--device-width) * 100);z-index:9}.device-google-pixel .device-stripe::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::before{bottom:calc(46 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors{background:#ddd;border-radius:calc(2.5 * 1cqi / var(--device-width) * 100);height:calc(5 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-39 * 1cqi / var(--device-width) * 100);margin-top:calc(-2.5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(41 * 1cqi / var(--device-width) * 100);width:calc(78 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:calc(6 * 1cqi / var(--device-width) * 100);content:"";position:absolute}.device-google-pixel .device-sensors::after{height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-14 * 1cqi / var(--device-width) * 100);top:calc(21.5 * 1cqi / var(--device-width) * 100);width:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::before{height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-81 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);top:50%;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-btns{background:#c8cacb;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(298 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-power{background:#c8cacb;height:calc(50 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(184 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #363635,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #6a6967,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #2a5aff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #7695ff,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{--device-width:380;height:calc(828 * 1cqi / var(--device-width) * 100);width:100cqi}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:calc(55 * 1cqi / var(--device-width) * 100);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(828 * 1cqi / var(--device-width) * 100);padding:calc(48 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) calc(40 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);width:calc(380 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(34 * 1cqi / var(--device-width) * 100);height:calc(740 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(828 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-galaxy-s8 .device-stripe::after{left:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::before{right:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-24 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:calc(-192 * 1cqi / var(--device-width) * 100) 0 #333,calc(-174 * 1cqi / var(--device-width) * 100) 0 #333,calc(-240 * 1cqi / var(--device-width) * 100) 0 #333;height:calc(8 * 1cqi / var(--device-width) * 100);margin-top:calc(-4 * 1cqi / var(--device-width) * 100);right:calc(-90 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::before{box-shadow:calc(186 * 1cqi / var(--device-width) * 100) 0 #666;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-90 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);width:calc(12 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);height:calc(116 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(144 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(54 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(164 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) 0;height:calc(54 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(260 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{height:434px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:418px;margin:0 auto;padding:9px 9px 23px 9px;position:relative;width:618px}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 20px 20px;bottom:2px;content:"";height:24px;left:2px;position:absolute;width:614px}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:12px;left:50%;margin-left:-32px;position:absolute;top:11px;width:64px;z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:4px;position:absolute;top:0;width:4px}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:-4px}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:-4px}.device-macbook-pro .device-screen{border:2px solid #121212;border-radius:10px 10px 0 0;height:375px;width:600px}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:2px 2px 12px 12px;border-width:1px 2px 0 2px;box-shadow:inset 0 -2px 8px 0 #6c7074;height:24px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;content:"";height:10px;left:50%;margin-left:-60px;position:absolute;top:0;width:120px}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-300px 0 #272727,300px 0 #272727;content:"";height:2px;left:50%;margin-left:-20px;position:absolute;width:40px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 -2px 8px 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018{height:444px;width:740px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro-2018 .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook Pro";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-macbook{height:432px;width:740px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:0 4px;height:4px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 2px;height:4px;left:50%;margin-left:-60px;width:120px}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:10px;left:-4px;margin:0 auto;top:4px;width:740px}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 -2px 6px 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 -2px 6px 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-imac{height:540px;width:640px}.device-imac .device-frame{background:#edeef0;border-radius:18px;box-shadow:inset 0 0 0 1px #d4d5d7;height:440px;padding:16px 16px 80px 16px;position:relative;width:640px}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 18px 18px;bottom:1px;box-shadow:inset 0 0 18px 0 #c7c8cb;content:"";height:63px;left:1px;position:absolute;width:638px}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-imac .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:608px}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:92px;margin:0 auto;position:relative;width:152px}.device-imac .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:0;box-shadow:-61px 0 #d4d5d7,61px 0 #d4d5d7;height:2px;left:50%;margin-left:-15px;position:absolute;width:30px}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 2px #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 18px 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:-61px 0 #b4c7da,61px 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 2px #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 18px 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:-61px 0 #bbd0c8,61px 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 2px #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 18px 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:-61px 0 #edccc6,61px 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 2px #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 18px 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:-61px 0 #f4d595,61px 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 2px #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 18px 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:-61px 0 #e9b5a0,61px 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 2px #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 18px 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:-61px 0 #c4c4e5,61px 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{height:424px;width:728px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;box-shadow:inset 0 0 0 2px #c8c8c8;height:408px;margin:0 auto;padding:24px 22px;position:relative;width:584px}.device-surface-book .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:540px}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-book .device-btns::after{left:122px;width:20px}.device-surface-book .device-btns::before{left:168px;width:44px}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:2px;border-width:0 2px;height:16px;margin-top:4px;position:relative;width:728px}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 6px 6px;height:8px;left:50%;margin-left:-125px;top:0;width:250px;z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:2px 2px 0 0;bottom:16px;height:8px;left:50%;margin-left:-292px;width:584px}.device-surface-studio{height:506px;width:640px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #000;height:440px;padding:20px;width:640px}.device-surface-studio .device-screen{border:2px solid #121212;border-radius:2px;height:400px;width:600px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;bottom:0;height:4px;left:50%;margin-left:-117px;position:absolute;width:234px}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:-75px}.device-surface-studio .device-stripe::after{border:1px solid #e2e3e4;border-radius:0 0 18px 18px;border-top:0;box-shadow:inset 0 0 4px 1px #c8cacb,inset 0 0 4px 2px #e2e3e4,inset 0 0 0 8px #c8cacb;height:60px;margin-left:-140px;width:280px;z-index:-1}.device-surface-studio .device-stripe::before{border:15px solid #e2e3e4;border-radius:0 0 8px 8px;border-top:0;height:70px;margin-left:-150px;width:300px;z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 2px 2px;height:32px;margin:30px auto 0 auto;position:relative;width:250px}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:1px;left:0;position:absolute;top:4px;width:250px}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file diff --git a/docs/assets/css/demo.min.css b/docs/assets/css/demo.min.css index 41d5784..e1ca39d 100644 --- a/docs/assets/css/demo.min.css +++ b/docs/assets/css/demo.min.css @@ -1 +1 @@ -/*! Spectre.css | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#404040;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.7rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#333;outline:0;text-decoration:none}a.active,a:active,a:focus,a:hover{color:#1a1a1a;text-decoration:underline}:focus{outline:0}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{text-decoration-skip:ink edges}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background:#333;border-radius:.2rem;color:#fff;font-size:.6rem;line-height:1.2;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.2rem;color:#404040;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #fff;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.btn{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #09006d;border-radius:.2rem;color:#09006d;cursor:pointer;display:inline-block;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.btn:focus,.btn:hover{background:#eeeef4;color:#09006d;text-decoration:none}.btn.active,.btn:active{background:#f7f7f9;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#09006d;border-left-color:#09006d}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#09006d;border-color:#08005e;box-shadow:0 .1rem .4rem rgba(9,0,109,.25);color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#070054;border-color:#060044;color:#fff}.btn.btn-primary.active,.btn.btn-primary:active{background:#060049;border-color:#05003a;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:0 0;border-color:transparent;color:#333}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#333}.btn.btn-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.3rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,247,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.6rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;appearance:none;background:#fff;background-image:none;border:.1rem solid #e6e6e6;border-radius:.2rem;color:#404040;display:block;font-size:.7rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.2rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-input:-ms-input-placeholder{color:#d9d9d9}.form-input::-ms-input-placeholder{color:#d9d9d9}.form-input::placeholder{color:#d9d9d9}.form-input.input-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.form-input.input-lg{height:2rem;padding:.3rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#d9d9d9;font-size:.6rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #e6e6e6;border-radius:.2rem;color:inherit;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.6rem;height:1.4rem;padding:0 1.1rem 0 .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.3rem 1.4rem .3rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.2rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .2rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.1rem}.has-icon-left .form-input{padding-left:1.2rem}.has-icon-right .form-icon{right:.1rem}.has-icon-right .form-input{padding-right:1.2rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.2rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.1rem solid #e6e6e6;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.6rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eeeef2}.form-checkbox .form-icon{border-radius:.2rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#d9d9d9;background-clip:padding-box;border-radius:.5rem;height:1rem;left:0;top:.2rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f7f9}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#f7f7f9;border:.1rem solid #e6e6e6;border-radius:.2rem;line-height:1.2rem;padding:.2rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.6rem;padding:0 .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.3rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#eeeef2;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f7f9}input.disabled+.form-icon,input:disabled+.form-icon{background:#eeeef2;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eeeef2;border-radius:.2rem;color:#4d4d4d;display:inline-block;line-height:1.2;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#09006d;color:#fff}.label.label-secondary{background:#eeeef4;color:#09006d}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#999;margin-top:.4rem}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.1rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless>.column{padding-left:0;padding-right:0}.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.empty{background:#f7f7f9;border-radius:.2rem;color:#999;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.2rem;box-shadow:0 .05rem 1.1rem rgba(51,51,51,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-item>a{color:inherit;display:block;margin:0;padding:.4rem;text-decoration:none}.menu .menu-item>a.active,.menu .menu-item>a:active,.menu .menu-item>a:focus,.menu .menu-item>a:hover{color:rgba(255,255,255,.75)}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.2rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#09006d}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#09006d;color:#fff}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip{position:relative}.tooltip::after{background:rgba(51,51,51,.95);border-radius:.2rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.6rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#09006d!important}a.text-primary:focus,a.text-primary:hover{color:#070054}a.text-primary:visited{color:#0b0087}.text-secondary{color:#e5e5ee!important}a.text-secondary:focus,a.text-secondary:hover{color:#d5d5e4}a.text-secondary:visited{color:#f4f4f8}.text-gray{color:#999!important}a.text-gray:focus,a.text-gray:hover{color:#8c8c8c}a.text-gray:visited{color:#a6a6a6}.text-light{color:#fff!important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:#fff}.text-dark{color:#404040!important}a.text-dark:focus,a.text-dark:hover{color:#333}a.text-dark:visited{color:#4d4d4d}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#09006d!important;color:#fff}.bg-secondary{background:#eeeef4!important}.bg-dark{background:#333!important;color:#fff}.bg-gray{background:#f7f7f9!important}.bg-success{background:#32b643!important;color:#fff}.bg-warning{background:#ffb700!important;color:#fff}.bg-error{background:#e85600!important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#fff;color:#d9d9d9;content:attr(data-content);display:inline-block;font-size:.6rem;padding:0 .4rem;transform:translateY(-.5rem)}.divider{border-top:.1rem solid #fff;height:.1rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.1rem solid #fff;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;border:.1rem solid #09006d;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-auto{margin:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.mt-auto{margin-top:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.2rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}/*! Devices.css Docs | MIT License | github.com/picturepan2/devices.css */html{scroll-behavior:smooth;scroll-padding-top:4rem}body{background:#f7f7f9;height:100vh;overflow:hidden;position:fixed;width:100vw}.rework-container{display:-ms-flexbox;display:flex;height:100vh;width:100vw}.rework-switch{display:none}.rework-overlay{display:none;height:100vh;position:fixed;width:100vw;z-index:1}@media screen and (max-width:600px){body{height:100%;overflow-y:auto;position:static}.rework-container{-ms-flex-direction:column;flex-direction:column}.rework-container .section-aside{display:none;-ms-flex:auto;flex:auto;height:auto;position:fixed;top:3rem;width:100vw;z-index:9999}.rework-container .section-aside .rework-menu .menu-parent{padding:.6rem .4rem}.rework-container .section-aside .rework-menu .menu-nav,.rework-container .section-aside .rework-menu .menu-parent.active+.menu-nav{display:none}.rework-container .section-main{height:auto}.rework-container .rework-brand.rework-brand-fixed{display:block;position:fixed;z-index:9999}.rework-switch:checked+.rework-container .rework-overlay{display:block}.rework-switch:checked+.rework-container .section-aside{animation:slide-down .15s ease 1;display:-ms-flexbox;display:flex}.rework-switch:checked+.rework-container .section-aside .rework-brand{display:none}}.rework-brand{padding:0 .5rem;width:100%;z-index:999}.rework-brand.rework-brand-fixed{display:none;padding-top:.5rem;position:relative}.rework-brand.rework-brand-fixed .brand-logo{background:#09006d;box-shadow:0 .2rem 1rem rgba(9,0,109,.5);padding:.4rem 1rem}.rework-brand.rework-brand-fixed .brand-homebtn{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:end;height:2.5rem;justify-content:flex-end;padding-right:1rem;position:absolute;right:.5rem;top:.5rem;width:50vw}.rework-brand .icon-menu{color:#eeeef4;display:block;height:1rem;position:relative;width:1rem}.rework-brand .icon-menu::before{background:currentColor;box-shadow:0 .3rem,.3rem 0,.3rem .3rem,0 .6rem;content:"";height:.1rem;left:.05rem;position:absolute;top:.15rem;width:.6rem}.rework-brand .brand-logo{align-items:center;border-radius:.4rem;color:#00d7ff;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.8rem;font-weight:700;height:2.5rem;line-height:1rem;padding:.5rem;text-decoration:none}.rework-brand .brand-logo .brand-primary{border:.05rem solid #fff;border-radius:.2rem;box-shadow:0 .2rem .8rem rgba(51,51,51,.5);color:#fff;display:inline-block;font-weight:400;height:1.2rem;line-height:1rem;margin-right:.1rem;padding:.05rem;text-align:center;width:1.2rem}.rework-brand .brand-logo .brand-secondary{color:#fff;margin-left:-.5em}.section-aside{display:-ms-flexbox;display:flex;-ms-flex:0 0 12rem;flex:0 0 12rem;-ms-flex-direction:column;flex-direction:column;height:100vh;padding:.5rem;width:12rem}.section-aside .sidebar-container{background:#09006d;border-radius:.4rem;box-shadow:0 .2rem .5rem rgba(9,0,109,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.section-aside .rework-menu{color:#fff;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;padding:1rem}.section-aside .rework-menu::-webkit-scrollbar{display:none}.section-aside .rework-menu .menu-parent{color:#fff;display:block;font-size:.8rem;font-weight:700;padding:.2rem .4rem;text-decoration:none}.section-aside .rework-menu .menu-parent.active{color:#00d7ff}.section-aside .rework-menu .menu-parent.active+.menu-nav{display:block}.section-aside .rework-menu .menu-nav{border-radius:0;margin-bottom:1.5rem;opacity:.75;padding-left:.6rem}.section-aside .rework-menu .menu-nav:last-child{margin-bottom:0}.section-aside .rework-actions{-ms-flex:0 0;flex:0 0;padding:.4rem}.section-aside .rework-actions .rework-action{align-items:center;background:rgba(238,238,244,.15);border-radius:.2rem;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;width:100%}.section-aside .rework-actions .btn.btn-link{color:rgba(238,238,244,.75)}.section-main{-ms-flex:1 1 auto;flex:1 1 auto;height:100vh;padding:4rem .4rem .4rem .4rem;scroll-behavior:smooth}@media screen and (min-width:600px){.section-main{overflow-x:hidden;overflow-y:auto;padding:.4rem}}.section-main .rework-emoji{align-items:center;color:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:2.5rem;font-weight:700;line-height:1;padding:.4rem 0}.section-main .rework-header{color:#09006d;font-weight:700;line-height:1.5;margin-bottom:2rem;margin-top:1rem}.section-main .rework-header h1{font-size:1.2rem;font-weight:900;line-height:1;margin-bottom:0}.section-main .rework-header h2{font-size:.8rem;line-height:1.25;margin-bottom:0}.section-main .rework-title{color:#09006d;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-top:1rem}.section-main .rework-title:hover .rework-anchor{visibility:visible}.section-main .rework-title a{text-decoration:none}.section-main .rework-title a:focus,.section-main .rework-title a:hover{color:#09006d}.section-main .content-container{margin-top:1rem}.section-footer{margin-top:1rem;padding:1rem 0}.section-footer .qrcode{position:relative}.section-footer .qrcode .qrcode-item{background:#fff;border-radius:.4rem;bottom:150%;box-shadow:0 .1rem 1rem rgba(51,51,51,.1);display:none;height:7.5rem;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);width:7.5rem}.section-footer .qrcode:hover .qrcode-item{display:block}.section-device .container{padding-bottom:3rem;padding-top:2rem}.section-device .anchor{color:#0a007c;height:0;margin-left:-2em;overflow:hidden;padding:0 1em;position:absolute;text-align:center;width:0}.section-device .anchor:focus,.section-device .anchor:hover{box-shadow:none;height:auto;text-decoration:none;width:2em}.section-device .s-title{color:#333;line-height:1.6rem;margin-bottom:0;padding-bottom:1rem;padding-top:1rem;position:static}.section-device .s-title:hover .anchor{height:auto;width:1em}.section-device .column{padding-bottom:1rem;padding-top:1rem}.rework-hero{align-items:center;border-radius:.4rem;color:#09006d;display:-ms-flexbox;display:flex;-ms-flex-align:center;padding:2rem 0 2rem 0;position:relative;z-index:1}@media screen and (max-width:600px){.rework-hero{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}.rework-hero .hero-image img{margin-right:0}}.rework-hero .hero-title{font-size:1.8rem;font-weight:900;line-height:1.25;margin-bottom:0}.rework-hero .hero-subtitle{color:rgba(9,0,109,.75);font-size:.8rem;line-height:1.25;margin-top:.25rem}.rework-hero .hero-image{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;overflow-y:hidden;position:absolute;right:-.8rem;top:0;width:40vw;z-index:-1}.rework-hero .hero-image img{height:25vw;margin-left:auto;margin-right:2rem;max-height:100%;min-height:75%;width:auto}.rework-device-container{container-type:inline-size;padding-inline:10%;width:100%}.rework-device{align-items:center;border-bottom:.05rem solid #e6e6e6;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-top:2rem;padding:2rem}.rework-device .dots{text-align:center}.rework-device .dots .dot{background:#eee;border:2px solid rgba(0,0,0,.1);border-radius:50%;display:inline-block;height:1rem;margin:0 .2rem;width:1rem}.rework-device .dots .dot.active{box-shadow:inset 0 0 0 1.5px #f7f7f9;transform:scale(1.25)}.rework-device .device{margin:1rem 0}@media (max-width:600px){.rework-device .device{margin:0;transform:scale(.75)}.rework-device.computers .device{transform:scale(.5)}}.hero-demo{height:400px;margin-bottom:40px;position:relative}.hero-demo .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute}.hero-demo .demo-iphone-14-pro{height:217px;margin-left:-380px;width:107px;z-index:6}.hero-demo .demo-iphone-14-pro .device{transform:scale(.25)}.hero-demo .demo-iphone-14{height:217px;margin-left:-320px;width:107px;z-index:5}.hero-demo .demo-iphone-14 .device{transform:scale(.25)}.hero-demo .demo-google-pixel-6-pro{height:241.36px;margin-left:-240px;width:113.12px;z-index:4}.hero-demo .demo-google-pixel-6-pro .device{transform:scale(.28)}.hero-demo .demo-macbook-pro{height:217px;margin-left:60px;width:370px;z-index:3}.hero-demo .demo-macbook-pro .device{transform:scale(.5)}.hero-demo .demo-imac{height:405px;margin-left:-240px;width:480px}.hero-demo .demo-imac .device{transform:scale(.75)}.hero-demo .demo-apple-watch-ultra{height:95px;margin-left:-420px;width:90px;z-index:9}.hero-demo .demo-apple-watch-ultra .device{transform:scale(.25)}.hero-section{align-items:flex-end;background:#eeeef2;border-radius:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:end;-ms-flex-pack:center;height:14rem;justify-content:center;margin:.4rem 0;overflow:hidden;position:relative;transition:all .2s ease-in;width:100%}.hero-section:focus,.hero-section:hover{transform:translateY(-.2rem)}.hero-section .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:4rem;justify-content:center;width:5rem;z-index:999}.hero-section .demo.demo-macbook-pro{height:11rem}.hero-section .demo.demo-imac{height:10rem}.hero-section .demo.demo-apple-watch{height:11rem}.hero-section .demo.demo-the-iphone{height:8rem}.hero-section .demo.demo-homepod{height:10rem}.hero-section .demo .device{transform:scale(.4)}.hero-section .demo-title{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:1rem;font-weight:700;left:1rem;position:absolute;top:1rem}.hero-section .demo-title small{font-size:.6rem}.docs-sponsor{background:#e6e6ec;border-radius:.2rem;display:block;margin:2rem 0;padding:.4rem;position:relative}.docs-sponsor ins{line-height:1;vertical-align:middle}@media (min-width:1366px){.docs-sponsor.docs-sponsor-sidebar{bottom:1rem;margin:0;position:fixed;right:1rem;width:7.3rem}} \ No newline at end of file +/*! Spectre.css | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#404040;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.7rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#333;outline:0;text-decoration:none}a.active,a:active,a:focus,a:hover{color:#1a1a1a;text-decoration:underline}:focus{outline:0}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{text-decoration-skip:ink edges}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background:#333;border-radius:.2rem;color:#fff;font-size:.6rem;line-height:1.2;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.2rem;color:#404040;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #fff;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.btn{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #09006d;border-radius:.2rem;color:#09006d;cursor:pointer;display:inline-block;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.btn:focus,.btn:hover{background:#eeeef4;color:#09006d;text-decoration:none}.btn.active,.btn:active{background:#f7f7f9;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#09006d;border-left-color:#09006d}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#09006d;border-color:#08005e;box-shadow:0 .1rem .4rem rgba(9,0,109,.25);color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#070054;border-color:#060044;color:#fff}.btn.btn-primary.active,.btn.btn-primary:active{background:#060049;border-color:#05003a;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:0 0;border-color:transparent;color:#333}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#333}.btn.btn-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.3rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,247,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.6rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;appearance:none;background:#fff;background-image:none;border:.1rem solid #e6e6e6;border-radius:.2rem;color:#404040;display:block;font-size:.7rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.2rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-input:-ms-input-placeholder{color:#d9d9d9}.form-input::-ms-input-placeholder{color:#d9d9d9}.form-input::placeholder{color:#d9d9d9}.form-input.input-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.form-input.input-lg{height:2rem;padding:.3rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#d9d9d9;font-size:.6rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #e6e6e6;border-radius:.2rem;color:inherit;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.6rem;height:1.4rem;padding:0 1.1rem 0 .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.3rem 1.4rem .3rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.2rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .2rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.1rem}.has-icon-left .form-input{padding-left:1.2rem}.has-icon-right .form-icon{right:.1rem}.has-icon-right .form-input{padding-right:1.2rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.2rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.1rem solid #e6e6e6;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.6rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eeeef2}.form-checkbox .form-icon{border-radius:.2rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#d9d9d9;background-clip:padding-box;border-radius:.5rem;height:1rem;left:0;top:.2rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f7f9}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#f7f7f9;border:.1rem solid #e6e6e6;border-radius:.2rem;line-height:1.2rem;padding:.2rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.6rem;padding:0 .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.3rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#eeeef2;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f7f9}input.disabled+.form-icon,input:disabled+.form-icon{background:#eeeef2;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eeeef2;border-radius:.2rem;color:#4d4d4d;display:inline-block;line-height:1.2;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#09006d;color:#fff}.label.label-secondary{background:#eeeef4;color:#09006d}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#999;margin-top:.4rem}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.1rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless>.column{padding-left:0;padding-right:0}.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.empty{background:#f7f7f9;border-radius:.2rem;color:#999;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.2rem;box-shadow:0 .05rem 1.1rem rgba(51,51,51,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-item>a{color:inherit;display:block;margin:0;padding:.4rem;text-decoration:none}.menu .menu-item>a.active,.menu .menu-item>a:active,.menu .menu-item>a:focus,.menu .menu-item>a:hover{color:rgba(255,255,255,.75)}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.2rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#09006d}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#09006d;color:#fff}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip{position:relative}.tooltip::after{background:rgba(51,51,51,.95);border-radius:.2rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.6rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#09006d!important}a.text-primary:focus,a.text-primary:hover{color:#070054}a.text-primary:visited{color:#0b0087}.text-secondary{color:#e5e5ee!important}a.text-secondary:focus,a.text-secondary:hover{color:#d5d5e4}a.text-secondary:visited{color:#f4f4f8}.text-gray{color:#999!important}a.text-gray:focus,a.text-gray:hover{color:#8c8c8c}a.text-gray:visited{color:#a6a6a6}.text-light{color:#fff!important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:#fff}.text-dark{color:#404040!important}a.text-dark:focus,a.text-dark:hover{color:#333}a.text-dark:visited{color:#4d4d4d}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#09006d!important;color:#fff}.bg-secondary{background:#eeeef4!important}.bg-dark{background:#333!important;color:#fff}.bg-gray{background:#f7f7f9!important}.bg-success{background:#32b643!important;color:#fff}.bg-warning{background:#ffb700!important;color:#fff}.bg-error{background:#e85600!important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#fff;color:#d9d9d9;content:attr(data-content);display:inline-block;font-size:.6rem;padding:0 .4rem;transform:translateY(-.5rem)}.divider{border-top:.1rem solid #fff;height:.1rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.1rem solid #fff;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;border:.1rem solid #09006d;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-auto{margin:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.mt-auto{margin-top:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.2rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}/*! Devices.css Docs | MIT License | github.com/picturepan2/devices.css */html{scroll-behavior:smooth;scroll-padding-top:4rem}body{background:#f7f7f9;height:100vh;overflow:hidden;position:fixed;width:100vw}.rework-container{display:-ms-flexbox;display:flex;height:100vh;width:100vw}.rework-switch{display:none}.rework-overlay{display:none;height:100vh;position:fixed;width:100vw;z-index:1}@media screen and (max-width:600px){body{height:100%;overflow-y:auto;position:static}.rework-container{-ms-flex-direction:column;flex-direction:column}.rework-container .section-aside{display:none;-ms-flex:auto;flex:auto;height:auto;position:fixed;top:3rem;width:100vw;z-index:9999}.rework-container .section-aside .rework-menu .menu-parent{padding:.6rem .4rem}.rework-container .section-aside .rework-menu .menu-nav,.rework-container .section-aside .rework-menu .menu-parent.active+.menu-nav{display:none}.rework-container .section-main{height:auto}.rework-container .rework-brand.rework-brand-fixed{display:block;position:fixed;z-index:9999}.rework-switch:checked+.rework-container .rework-overlay{display:block}.rework-switch:checked+.rework-container .section-aside{animation:slide-down .15s ease 1;display:-ms-flexbox;display:flex}.rework-switch:checked+.rework-container .section-aside .rework-brand{display:none}}.rework-brand{padding:0 .5rem;width:100%;z-index:999}.rework-brand.rework-brand-fixed{display:none;padding-top:.5rem;position:relative}.rework-brand.rework-brand-fixed .brand-logo{background:#09006d;box-shadow:0 .2rem 1rem rgba(9,0,109,.5);padding:.4rem 1rem}.rework-brand.rework-brand-fixed .brand-homebtn{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:end;height:2.5rem;justify-content:flex-end;padding-right:1rem;position:absolute;right:.5rem;top:.5rem;width:50vw}.rework-brand .icon-menu{color:#eeeef4;display:block;height:1rem;position:relative;width:1rem}.rework-brand .icon-menu::before{background:currentColor;box-shadow:0 .3rem,.3rem 0,.3rem .3rem,0 .6rem;content:"";height:.1rem;left:.05rem;position:absolute;top:.15rem;width:.6rem}.rework-brand .brand-logo{align-items:center;border-radius:.4rem;color:#00d7ff;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.8rem;font-weight:700;height:2.5rem;line-height:1rem;padding:.5rem;text-decoration:none}.rework-brand .brand-logo .brand-primary{border:.05rem solid #fff;border-radius:.2rem;box-shadow:0 .2rem .8rem rgba(51,51,51,.5);color:#fff;display:inline-block;font-weight:400;height:1.2rem;line-height:1rem;margin-right:.1rem;padding:.05rem;text-align:center;width:1.2rem}.rework-brand .brand-logo .brand-secondary{color:#fff;margin-left:-.5em}.section-aside{display:-ms-flexbox;display:flex;-ms-flex:0 0 12rem;flex:0 0 12rem;-ms-flex-direction:column;flex-direction:column;height:100vh;padding:.5rem;width:12rem}.section-aside .sidebar-container{background:#09006d;border-radius:.4rem;box-shadow:0 .2rem .5rem rgba(9,0,109,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.section-aside .rework-menu{color:#fff;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;padding:1rem}.section-aside .rework-menu::-webkit-scrollbar{display:none}.section-aside .rework-menu .menu-parent{color:#fff;display:block;font-size:.8rem;font-weight:700;padding:.2rem .4rem;text-decoration:none}.section-aside .rework-menu .menu-parent.active{color:#00d7ff}.section-aside .rework-menu .menu-parent.active+.menu-nav{display:block}.section-aside .rework-menu .menu-nav{border-radius:0;margin-bottom:1.5rem;opacity:.75;padding-left:.6rem}.section-aside .rework-menu .menu-nav:last-child{margin-bottom:0}.section-aside .rework-actions{-ms-flex:0 0;flex:0 0;padding:.4rem}.section-aside .rework-actions .rework-action{align-items:center;background:rgba(238,238,244,.15);border-radius:.2rem;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;width:100%}.section-aside .rework-actions .btn.btn-link{color:rgba(238,238,244,.75)}.section-main{-ms-flex:1 1 auto;flex:1 1 auto;height:100vh;padding:4rem .4rem .4rem .4rem;scroll-behavior:smooth}@media screen and (min-width:600px){.section-main{overflow-x:hidden;overflow-y:auto;padding:.4rem}}.section-main .rework-emoji{align-items:center;color:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:2.5rem;font-weight:700;line-height:1;padding:.4rem 0}.section-main .rework-header{color:#09006d;font-weight:700;line-height:1.5;margin-bottom:2rem;margin-top:1rem}.section-main .rework-header h1{font-size:1.2rem;font-weight:900;line-height:1;margin-bottom:0}.section-main .rework-header h2{font-size:.8rem;line-height:1.25;margin-bottom:0}.section-main .rework-title{color:#09006d;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-top:1rem}.section-main .rework-title:hover .rework-anchor{visibility:visible}.section-main .rework-title a{text-decoration:none}.section-main .rework-title a:focus,.section-main .rework-title a:hover{color:#09006d}.section-main .content-container{margin-top:1rem}.section-footer{margin-top:1rem;padding:1rem 0}.section-footer .qrcode{position:relative}.section-footer .qrcode .qrcode-item{background:#fff;border-radius:.4rem;bottom:150%;box-shadow:0 .1rem 1rem rgba(51,51,51,.1);display:none;height:7.5rem;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);width:7.5rem}.section-footer .qrcode:hover .qrcode-item{display:block}.section-device .container{padding-bottom:3rem;padding-top:2rem}.section-device .anchor{color:#0a007c;height:0;margin-left:-2em;overflow:hidden;padding:0 1em;position:absolute;text-align:center;width:0}.section-device .anchor:focus,.section-device .anchor:hover{box-shadow:none;height:auto;text-decoration:none;width:2em}.section-device .s-title{color:#333;line-height:1.6rem;margin-bottom:0;padding-bottom:1rem;padding-top:1rem;position:static}.section-device .s-title:hover .anchor{height:auto;width:1em}.section-device .column{padding-bottom:1rem;padding-top:1rem}.rework-hero{align-items:center;border-radius:.4rem;color:#09006d;display:-ms-flexbox;display:flex;-ms-flex-align:center;padding:2rem 0 2rem 0;position:relative;z-index:1}@media screen and (max-width:600px){.rework-hero{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}.rework-hero .hero-image img{margin-right:0}}.rework-hero .hero-title{font-size:1.8rem;font-weight:900;line-height:1.25;margin-bottom:0}.rework-hero .hero-subtitle{color:rgba(9,0,109,.75);font-size:.8rem;line-height:1.25;margin-top:.25rem}.rework-hero .hero-image{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;overflow-y:hidden;position:absolute;right:-.8rem;top:0;width:40vw;z-index:-1}.rework-hero .hero-image img{height:25vw;margin-left:auto;margin-right:2rem;max-height:100%;min-height:75%;width:auto}.rework-device-container{container-type:inline-size;padding-inline:10%;width:100%}.rework-device-container--phones{padding-inline:20%}.rework-device{align-items:center;border-bottom:.05rem solid #e6e6e6;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-top:2rem;padding:2rem}.rework-device .dots{text-align:center}.rework-device .dots .dot{background:#eee;border:2px solid rgba(0,0,0,.1);border-radius:50%;display:inline-block;height:1rem;margin:0 .2rem;width:1rem}.rework-device .dots .dot.active{box-shadow:inset 0 0 0 1.5px #f7f7f9;transform:scale(1.25)}.rework-device .device{margin:1rem 0}@media (max-width:600px){.rework-device .device{margin:0;transform:scale(.75)}.rework-device.computers .device{transform:scale(.5)}}.hero-demo{height:400px;margin-bottom:40px;position:relative}.hero-demo .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute}.hero-demo .demo-iphone-14-pro{height:217px;margin-left:-380px;width:107px;z-index:6}.hero-demo .demo-iphone-14-pro .device{transform:scale(.25)}.hero-demo .demo-iphone-14{height:217px;margin-left:-320px;width:107px;z-index:5}.hero-demo .demo-iphone-14 .device{transform:scale(.25)}.hero-demo .demo-google-pixel-6-pro{height:241.36px;margin-left:-240px;width:113.12px;z-index:4}.hero-demo .demo-google-pixel-6-pro .device{transform:scale(.28)}.hero-demo .demo-macbook-pro{height:217px;margin-left:60px;width:370px;z-index:3}.hero-demo .demo-macbook-pro .device{transform:scale(.5)}.hero-demo .demo-imac{height:405px;margin-left:-240px;width:480px}.hero-demo .demo-imac .device{transform:scale(.75)}.hero-demo .demo-apple-watch-ultra{height:95px;margin-left:-420px;width:90px;z-index:9}.hero-demo .demo-apple-watch-ultra .device{transform:scale(.25)}.hero-section{align-items:flex-end;background:#eeeef2;border-radius:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:end;-ms-flex-pack:center;height:14rem;justify-content:center;margin:.4rem 0;overflow:hidden;position:relative;transition:all .2s ease-in;width:100%}.hero-section:focus,.hero-section:hover{transform:translateY(-.2rem)}.hero-section .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:4rem;justify-content:center;width:5rem;z-index:999}.hero-section .demo.demo-macbook-pro{height:11rem}.hero-section .demo.demo-imac{height:10rem}.hero-section .demo.demo-apple-watch{height:11rem}.hero-section .demo.demo-the-iphone{height:8rem}.hero-section .demo.demo-homepod{height:10rem}.hero-section .demo .device{transform:scale(.4)}.hero-section .demo-title{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:1rem;font-weight:700;left:1rem;position:absolute;top:1rem}.hero-section .demo-title small{font-size:.6rem}.docs-sponsor{background:#e6e6ec;border-radius:.2rem;display:block;margin:2rem 0;padding:.4rem;position:relative}.docs-sponsor ins{line-height:1;vertical-align:middle}@media (min-width:1366px){.docs-sponsor.docs-sponsor-sidebar{bottom:1rem;margin:0;position:fixed;right:1rem;width:7.3rem}} \ No newline at end of file diff --git a/docs/assets/css/devices.min.css b/docs/assets/css/devices.min.css index b2ab671..370dc0d 100644 --- a/docs/assets/css/devices.min.css +++ b/docs/assets/css/devices.min.css @@ -1 +1 @@ -/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{height:868px;width:428px}.device-iphone-14-pro .device-frame{background:#010101;border:1px solid #1b1721;border-radius:68px;box-shadow:inset 0 0 4px 2px #c0b7cd,inset 0 0 0 6px #342c3f;height:868px;padding:19px;width:428px}.device-iphone-14-pro .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:85px}.device-iphone-14-pro .device-stripe::before{bottom:85px}.device-iphone-14-pro .device-header{background:#010101;border-radius:20px;height:35px;left:50%;margin-left:-60px;position:absolute;top:29px;width:120px}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:17px;height:33px;left:50%;margin-left:-60px;top:30px;width:74px}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:36px;top:42px;width:9px}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14-pro .device-btns::after{top:60px}.device-iphone-14-pro .device-btns::before{top:140px}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14-pro .device-home::after{right:86px;top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:86px}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{height:868px;width:428px}.device-iphone-14 .device-frame{background:#010101;border:1px solid #101315;border-radius:68px;box-shadow:inset 0 0 4px 2px #b0b8c0,inset 0 0 0 6px #272c31;height:868px;padding:19px;width:428px}.device-iphone-14 .device-screen{border-radius:49px;height:830px;width:390px}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:85px}.device-iphone-14 .device-stripe::before{bottom:85px}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-80px;position:absolute;top:20px;width:160px}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:-10px}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:-10px}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:1px solid #010101;border-radius:4px;box-shadow:0 0 4px #151515;height:7px;left:50%;margin-left:-35px;top:8px;width:70px}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:9px;left:50%;margin-left:-60px;top:26px;width:9px}.device-iphone-14 .device-btns{background:#101315;border-radius:2px;height:32px;left:-2px;position:absolute;top:115px;width:3px}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:2px;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-14 .device-btns::after{top:60px}.device-iphone-14 .device-btns::before{top:140px}.device-iphone-14 .device-power{background:#101315;border-radius:2px;height:100px;position:absolute;right:-2px;top:200px;width:3px}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:6px 0;content:"";height:6px;position:absolute;width:6px;z-index:9}.device-iphone-14 .device-home::after{right:86px;top:0}.device-iphone-14 .device-home::before{bottom:0;left:86px}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{height:868px;width:428px}.device-iphone-x .device-frame{background:#222;border-radius:68px;box-shadow:inset 0 0 2px 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:868px;padding:28px;width:428px}.device-iphone-x .device-screen{border-radius:40px;height:812px;width:375px}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:85px}.device-iphone-x .device-stripe::before{bottom:85px}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-102px;position:absolute;top:28px;width:204px}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:-10px}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:-10px}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:3px;height:6px;left:50%;margin-left:-25px;top:32px;width:50px}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:10px;left:50%;margin-left:42px;top:30px;width:10px}.device-iphone-x .device-btns{background:#c8cacb;height:32px;left:-3px;position:absolute;top:115px;width:3px}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-x .device-btns::after{top:60px}.device-iphone-x .device-btns::before{top:140px}.device-iphone-x .device-power{background:#c8cacb;height:100px;position:absolute;right:-3px;top:200px;width:3px}.device-iphone-8{height:871px;width:419px}.device-iphone-8 .device-frame{background:#fff;border-radius:68px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:871px;padding:102px 22px;width:419px}.device-iphone-8 .device-screen{border:2px solid #222;border-radius:4px;height:667px;width:375px}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 7px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:68px}.device-iphone-8 .device-stripe::before{bottom:68px}.device-iphone-8 .device-home{border:2px solid #c8cacb;border-radius:50%;bottom:25px;height:58px;left:50%;margin-left:-29px;position:absolute;width:58px}.device-iphone-8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-38px;position:absolute;top:52px;width:76px}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:10px;left:50%;margin-left:-5px;top:-25px;width:10px}.device-iphone-8 .device-sensors::before{height:12px;left:-42px;margin-top:-6px;top:50%;width:12px}.device-iphone-8 .device-btns{background:#c8cacb;height:30px;left:-3px;position:absolute;top:102px;width:3px}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:56px;left:0;position:absolute;width:3px}.device-iphone-8 .device-btns::after{top:62px}.device-iphone-8 .device-btns::before{top:132px}.device-iphone-8 .device-power{background:#c8cacb;height:80px;position:absolute;right:-2px;top:160px;width:3px}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 7px #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #74747a,inset 0 0 0 7px #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{height:610px;width:320px}.device-the-iphone .device-frame{background:#010101;border:1px solid #a9a9a9;border-radius:56px;box-shadow:inset 0 0 4px 3px #010101,inset 0 0 2px 13px #f5f5f5;height:610px;padding:100px 22px;width:320px}.device-the-iphone .device-frame::before{border:8px solid #010101;border-left-width:2px;border-radius:48px;border-right-width:2px;box-shadow:inset 0 0 8px 2px #010101;content:"";height:594px;left:2px;position:absolute;top:9px;width:316px}.device-the-iphone .device-frame::after{border:4px solid #dcdcdc;border-radius:38px;content:"";height:590px;left:13px;position:absolute;top:11px;width:294px}.device-the-iphone .device-screen{border:2px solid #272727;border-radius:4px;height:410px;width:276px}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:5px;content:"";height:10px;left:50%;margin-left:-28px;position:absolute;top:52px;width:56px}.device-the-iphone .device-sensors::after{background:#272727;border:1px solid #010101;border-radius:3px;content:"";height:6px;left:50%;margin-left:-26px;position:absolute;top:54px;width:52px}.device-the-iphone .device-btns{background:#696969;border-radius:2px 0 0 2px;height:30px;left:-2px;position:absolute;top:60px;width:2px}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:56px;left:0;position:absolute;width:2px}.device-the-iphone .device-btns::after{border-radius:2px 0 0 50%;top:50px}.device-the-iphone .device-btns::before{border-radius:50% 0 0 2px;top:131px}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:1px solid #292929;border-radius:50%;bottom:28px;height:56px;left:50%;margin-left:-28px;position:absolute;width:56px}.device-the-iphone .device-home::before{border:1px solid #dcdcdc;border-radius:4px;content:"";height:20px;left:17px;position:absolute;top:17px;width:20px}.device-the-iphone .device-power{background:#696969;border-radius:2px 2px 0 0;height:2px;position:absolute;right:52px;top:-2px;width:52px}.device-google-pixel-6-pro{height:862px;width:404px}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:28px;box-shadow:inset 0 0 12px #8d8d86,inset 0 7px 0 3px #fdfdfc,inset 0 -6px 0 3px #fdfdfc;height:862px;margin:0 2px;padding:20px 12px 26px 12px;width:400px}.device-google-pixel-6-pro .device-screen{border-radius:27px;height:816px;width:376px}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:10px;left:50%;margin-left:-147px;position:absolute;top:0;width:294px}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:50px 50px 0 0;bottom:0;content:"";height:2px;left:50%;margin-left:-22px;position:absolute;width:44px}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:9px;left:50%;margin-left:40px;position:absolute;width:11px}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:22px;left:50%;margin-left:-11px;margin-top:-11px;position:absolute;top:39px;width:22px}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 50px 50px;height:4px;left:50%;margin-left:-103px;top:-18px;width:206px}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.05);height:8px;left:7px;top:7px;width:8px}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:102px;position:absolute;right:0;top:306px;width:3px}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:58px;position:absolute;right:0;top:194px;width:3px}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 12px #ff962e,inset 0 7px 0 3px #fff,inset 0 -6px 0 3px #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 12px #000,inset 0 7px 0 3px #646668,inset 0 -6px 0 3px #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{height:832px;width:404px}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:36px;box-shadow:inset 0 0 0 2px #cfcfcf,inset 0 0 0 7px #9c9c9c;height:832px;padding:56px 22px;width:404px}.device-google-pixel-2-xl .device-screen{border-radius:27px;height:720px;width:360px}.device-google-pixel-2-xl .device-header{height:832px;left:50%;margin-left:-150px;position:absolute;top:0;width:300px}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:3px;content:"";height:6px;left:50%;margin-left:-73px;margin-top:-3px;position:absolute;width:146px}.device-google-pixel-2-xl .device-header::after{top:24px}.device-google-pixel-2-xl .device-header::before{bottom:28px}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:7px;height:14px;left:54px;margin-top:-7px;position:absolute;top:36px;width:14px}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:102px;position:absolute;right:-3px;top:306px;width:3px}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:58px;position:absolute;right:-3px;top:194px;width:3px}.device-google-pixel{height:744px;width:360px}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:54px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4,inset 0 0 0 10px #fff;height:744px;padding:82px 18px 86px 18px;width:360px}.device-google-pixel .device-screen{border:2px solid #222;border-radius:2px;height:576px;width:324px}.device-google-pixel .device-stripe{border-top:6px solid rgba(51,51,51,.15);bottom:0;left:254px;position:absolute;top:0;width:8px}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 6px;content:"";height:10px;left:-254px;position:absolute;width:360px;z-index:9}.device-google-pixel .device-stripe::after{top:60px}.device-google-pixel .device-stripe::before{bottom:46px}.device-google-pixel .device-sensors{background:#ddd;border-radius:2.5px;height:5px;left:50%;margin-left:-39px;margin-top:-2.5px;position:absolute;top:41px;width:78px}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:6px;content:"";position:absolute}.device-google-pixel .device-sensors::after{height:12px;left:50%;margin-left:-14px;top:21.5px;width:28px}.device-google-pixel .device-sensors::before{height:10px;left:-81px;margin-top:-5px;top:50%;width:10px}.device-google-pixel .device-btns{background:#c8cacb;height:102px;position:absolute;right:-2px;top:298px;width:3px}.device-google-pixel .device-power{background:#c8cacb;height:50px;position:absolute;right:-2px;top:184px;width:3px}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 2px #363635,inset 0 0 0 6px #6a6967,inset 0 0 0 10px #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 2px #2a5aff,inset 0 0 0 6px #7695ff,inset 0 0 0 10px #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{height:828px;width:380px}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:55px;border-width:5px 0;box-shadow:inset 0 0 0 2px #9c9c9c;height:828px;padding:48px 10px 40px 10px;width:380px}.device-galaxy-s8 .device-screen{border:2px solid #222;border-radius:34px;height:740px;width:360px}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:5px 0;content:"";height:828px;position:absolute;top:0;width:6px;z-index:9}.device-galaxy-s8 .device-stripe::after{left:48px}.device-galaxy-s8 .device-stripe::before{right:48px}.device-galaxy-s8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-24px;margin-top:-3px;position:absolute;top:32px;width:48px}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:-192px 0 #333,-174px 0 #333,-240px 0 #333;height:8px;margin-top:-4px;right:-90px;width:8px}.device-galaxy-s8 .device-sensors::before{box-shadow:186px 0 #666;height:12px;left:-90px;margin-top:-6px;width:12px}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:3px 0 0 3px;height:116px;left:-3px;position:absolute;top:144px;width:3px}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:3px 0 0 3px;content:"";height:54px;left:0;position:absolute;top:164px;width:3px}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 3px 3px 0;height:54px;position:absolute;right:-3px;top:260px;width:3px}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 2px #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{height:434px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:418px;margin:0 auto;padding:9px 9px 23px 9px;position:relative;width:618px}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 20px 20px;bottom:2px;content:"";height:24px;left:2px;position:absolute;width:614px}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:12px;left:50%;margin-left:-32px;position:absolute;top:11px;width:64px;z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:4px;position:absolute;top:0;width:4px}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:-4px}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:-4px}.device-macbook-pro .device-screen{border:2px solid #121212;border-radius:10px 10px 0 0;height:375px;width:600px}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:2px 2px 12px 12px;border-width:1px 2px 0 2px;box-shadow:inset 0 -2px 8px 0 #6c7074;height:24px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;content:"";height:10px;left:50%;margin-left:-60px;position:absolute;top:0;width:120px}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-300px 0 #272727,300px 0 #272727;content:"";height:2px;left:50%;margin-left:-20px;position:absolute;width:40px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 -2px 8px 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018{height:444px;width:740px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro-2018 .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook Pro";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-macbook{height:432px;width:740px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:0 4px;height:4px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 2px;height:4px;left:50%;margin-left:-60px;width:120px}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:10px;left:-4px;margin:0 auto;top:4px;width:740px}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 -2px 6px 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 -2px 6px 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-imac{height:540px;width:640px}.device-imac .device-frame{background:#edeef0;border-radius:18px;box-shadow:inset 0 0 0 1px #d4d5d7;height:440px;padding:16px 16px 80px 16px;position:relative;width:640px}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 18px 18px;bottom:1px;box-shadow:inset 0 0 18px 0 #c7c8cb;content:"";height:63px;left:1px;position:absolute;width:638px}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-imac .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:608px}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:92px;margin:0 auto;position:relative;width:152px}.device-imac .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:0;box-shadow:-61px 0 #d4d5d7,61px 0 #d4d5d7;height:2px;left:50%;margin-left:-15px;position:absolute;width:30px}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 2px #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 18px 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:-61px 0 #b4c7da,61px 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 2px #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 18px 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:-61px 0 #bbd0c8,61px 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 2px #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 18px 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:-61px 0 #edccc6,61px 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 2px #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 18px 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:-61px 0 #f4d595,61px 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 2px #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 18px 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:-61px 0 #e9b5a0,61px 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 2px #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 18px 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:-61px 0 #c4c4e5,61px 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{height:424px;width:728px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;box-shadow:inset 0 0 0 2px #c8c8c8;height:408px;margin:0 auto;padding:24px 22px;position:relative;width:584px}.device-surface-book .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:540px}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-book .device-btns::after{left:122px;width:20px}.device-surface-book .device-btns::before{left:168px;width:44px}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:2px;border-width:0 2px;height:16px;margin-top:4px;position:relative;width:728px}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 6px 6px;height:8px;left:50%;margin-left:-125px;top:0;width:250px;z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:2px 2px 0 0;bottom:16px;height:8px;left:50%;margin-left:-292px;width:584px}.device-surface-studio{height:506px;width:640px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #000;height:440px;padding:20px;width:640px}.device-surface-studio .device-screen{border:2px solid #121212;border-radius:2px;height:400px;width:600px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;bottom:0;height:4px;left:50%;margin-left:-117px;position:absolute;width:234px}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:-75px}.device-surface-studio .device-stripe::after{border:1px solid #e2e3e4;border-radius:0 0 18px 18px;border-top:0;box-shadow:inset 0 0 4px 1px #c8cacb,inset 0 0 4px 2px #e2e3e4,inset 0 0 0 8px #c8cacb;height:60px;margin-left:-140px;width:280px;z-index:-1}.device-surface-studio .device-stripe::before{border:15px solid #e2e3e4;border-radius:0 0 8px 8px;border-top:0;height:70px;margin-left:-150px;width:300px;z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 2px 2px;height:32px;margin:30px auto 0 auto;position:relative;width:250px}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:1px;left:0;position:absolute;top:4px;width:250px}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file +/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14-pro .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #1b1721;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c0b7cd,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #342c3f;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-header{background:#010101;border-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(35 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(29 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:calc(17 * 1cqi / var(--device-width) * 100);height:calc(33 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(74 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(36 * 1cqi / var(--device-width) * 100);top:calc(42 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14-pro .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14 .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #101315;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #b0b8c0,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-80 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(20 * 1cqi / var(--device-width) * 100);width:calc(160 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(4 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(4 * 1cqi / var(--device-width) * 100) #151515;height:calc(7 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-35 * 1cqi / var(--device-width) * 100);top:calc(8 * 1cqi / var(--device-width) * 100);width:calc(70 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(26 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-power{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14 .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14 .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-x .device-frame{background:#222;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(28 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-screen{border-radius:calc(40 * 1cqi / var(--device-width) * 100);height:calc(812 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-102 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(28 * 1cqi / var(--device-width) * 100);width:calc(204 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-25 * 1cqi / var(--device-width) * 100);top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(50 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(42 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns{background:#c8cacb;height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-power{background:#c8cacb;height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8{--device-width:419;height:calc(871 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-8 .device-frame{background:#fff;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(871 * 1cqi / var(--device-width) * 100);padding:calc(102 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(419 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(667 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::before{bottom:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(25 * 1cqi / var(--device-width) * 100);height:calc(58 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-29 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(58 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-38 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(76 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);top:calc(-25 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::before{height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-42 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);top:50%;width:calc(12 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns{background:#c8cacb;height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(102 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after{top:calc(62 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::before{top:calc(132 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-power{background:#c8cacb;height:calc(80 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(160 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #74747a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{--device-width:320;height:calc(610 * 1cqi / var(--device-width) * 100);width:100cqi}.device-the-iphone .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #a9a9a9;border-radius:calc(56 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #010101,inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(13 * 1cqi / var(--device-width) * 100) #f5f5f5;height:calc(610 * 1cqi / var(--device-width) * 100);padding:calc(100 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(320 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::before{border:calc(8 * 1cqi / var(--device-width) * 100) solid #010101;border-left-width:calc(2 * 1cqi / var(--device-width) * 100);border-radius:calc(48 * 1cqi / var(--device-width) * 100);border-right-width:calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #010101;content:"";height:calc(594 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(9 * 1cqi / var(--device-width) * 100);width:calc(316 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::after{border:calc(4 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(38 * 1cqi / var(--device-width) * 100);content:"";height:calc(590 * 1cqi / var(--device-width) * 100);left:calc(13 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(294 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #272727;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(410 * 1cqi / var(--device-width) * 100);width:calc(276 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:calc(5 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::after{background:#272727;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-26 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(54 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(60 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after{border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 50%;top:calc(50 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::before{border-radius:50% 0 0 calc(2 * 1cqi / var(--device-width) * 100);top:calc(131 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:calc(1 * 1cqi / var(--device-width) * 100) solid #292929;border-radius:50%;bottom:calc(28 * 1cqi / var(--device-width) * 100);height:calc(56 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(4 * 1cqi / var(--device-width) * 100);content:"";height:calc(20 * 1cqi / var(--device-width) * 100);left:calc(17 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(17 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-power{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(52 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro{--device-width:404;height:calc(862 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:calc(28 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #8d8d86,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc;height:calc(862 * 1cqi / var(--device-width) * 100);margin:0 calc(2 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);width:calc(400 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(816 * 1cqi / var(--device-width) * 100);width:calc(376 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-147 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(294 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100) 0 0;bottom:0;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-22 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(44 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(40 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(11 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:calc(22 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-11 * 1cqi / var(--device-width) * 100);margin-top:calc(-11 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(39 * 1cqi / var(--device-width) * 100);width:calc(22 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-103 * 1cqi / var(--device-width) * 100);top:calc(-18 * 1cqi / var(--device-width) * 100);width:calc(206 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(8 * 1cqi / var(--device-width) * 100);left:calc(7 * 1cqi / var(--device-width) * 100);top:calc(7 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #ff962e,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #000,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{--device-width:404;height:calc(832 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #cfcfcf,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(832 * 1cqi / var(--device-width) * 100);padding:calc(56 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(404 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(720 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header{height:calc(832 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-150 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(300 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-73 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(146 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after{top:calc(24 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::before{bottom:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:calc(7 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);left:calc(54 * 1cqi / var(--device-width) * 100);margin-top:calc(-7 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(36 * 1cqi / var(--device-width) * 100);width:calc(14 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel{--device-width:360;height:calc(744 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:calc(54 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff;height:calc(744 * 1cqi / var(--device-width) * 100);padding:calc(82 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100) calc(86 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(576 * 1cqi / var(--device-width) * 100);width:calc(324 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe{border-top:calc(6 * 1cqi / var(--device-width) * 100) solid rgba(51,51,51,.15);bottom:0;left:calc(254 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(6 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-254 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(360 * 1cqi / var(--device-width) * 100);z-index:9}.device-google-pixel .device-stripe::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::before{bottom:calc(46 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors{background:#ddd;border-radius:calc(2.5 * 1cqi / var(--device-width) * 100);height:calc(5 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-39 * 1cqi / var(--device-width) * 100);margin-top:calc(-2.5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(41 * 1cqi / var(--device-width) * 100);width:calc(78 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:calc(6 * 1cqi / var(--device-width) * 100);content:"";position:absolute}.device-google-pixel .device-sensors::after{height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-14 * 1cqi / var(--device-width) * 100);top:calc(21.5 * 1cqi / var(--device-width) * 100);width:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::before{height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-81 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);top:50%;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-btns{background:#c8cacb;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(298 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-power{background:#c8cacb;height:calc(50 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(184 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #363635,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #6a6967,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #2a5aff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #7695ff,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{--device-width:380;height:calc(828 * 1cqi / var(--device-width) * 100);width:100cqi}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:calc(55 * 1cqi / var(--device-width) * 100);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(828 * 1cqi / var(--device-width) * 100);padding:calc(48 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) calc(40 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);width:calc(380 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(34 * 1cqi / var(--device-width) * 100);height:calc(740 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(828 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-galaxy-s8 .device-stripe::after{left:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::before{right:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-24 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:calc(-192 * 1cqi / var(--device-width) * 100) 0 #333,calc(-174 * 1cqi / var(--device-width) * 100) 0 #333,calc(-240 * 1cqi / var(--device-width) * 100) 0 #333;height:calc(8 * 1cqi / var(--device-width) * 100);margin-top:calc(-4 * 1cqi / var(--device-width) * 100);right:calc(-90 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::before{box-shadow:calc(186 * 1cqi / var(--device-width) * 100) 0 #666;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-90 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);width:calc(12 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);height:calc(116 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(144 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(54 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(164 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) 0;height:calc(54 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(260 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{height:434px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:418px;margin:0 auto;padding:9px 9px 23px 9px;position:relative;width:618px}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 20px 20px;bottom:2px;content:"";height:24px;left:2px;position:absolute;width:614px}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:12px;left:50%;margin-left:-32px;position:absolute;top:11px;width:64px;z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:4px;position:absolute;top:0;width:4px}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:-4px}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:-4px}.device-macbook-pro .device-screen{border:2px solid #121212;border-radius:10px 10px 0 0;height:375px;width:600px}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:2px 2px 12px 12px;border-width:1px 2px 0 2px;box-shadow:inset 0 -2px 8px 0 #6c7074;height:24px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;content:"";height:10px;left:50%;margin-left:-60px;position:absolute;top:0;width:120px}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-300px 0 #272727,300px 0 #272727;content:"";height:2px;left:50%;margin-left:-20px;position:absolute;width:40px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 -2px 8px 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018{height:444px;width:740px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro-2018 .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook Pro";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-macbook{height:432px;width:740px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook .device-frame::before{bottom:10px;color:#c8cacb;content:"MacBook";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:0 4px;height:4px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 2px;height:4px;left:50%;margin-left:-60px;width:120px}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:10px;left:-4px;margin:0 auto;top:4px;width:740px}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 -2px 6px 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 -2px 6px 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-imac{height:540px;width:640px}.device-imac .device-frame{background:#edeef0;border-radius:18px;box-shadow:inset 0 0 0 1px #d4d5d7;height:440px;padding:16px 16px 80px 16px;position:relative;width:640px}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 18px 18px;bottom:1px;box-shadow:inset 0 0 18px 0 #c7c8cb;content:"";height:63px;left:1px;position:absolute;width:638px}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-imac .device-screen{border:2px solid #121212;border-radius:2px;height:342px;width:608px}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:92px;margin:0 auto;position:relative;width:152px}.device-imac .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:0;box-shadow:-61px 0 #d4d5d7,61px 0 #d4d5d7;height:2px;left:50%;margin-left:-15px;position:absolute;width:30px}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 2px #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 18px 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:-61px 0 #b4c7da,61px 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 2px #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 18px 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:-61px 0 #bbd0c8,61px 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 2px #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 18px 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:-61px 0 #edccc6,61px 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 2px #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 18px 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:-61px 0 #f4d595,61px 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 2px #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 18px 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:-61px 0 #e9b5a0,61px 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 2px #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 18px 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:-61px 0 #c4c4e5,61px 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{height:424px;width:728px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;box-shadow:inset 0 0 0 2px #c8c8c8;height:408px;margin:0 auto;padding:24px 22px;position:relative;width:584px}.device-surface-book .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:540px}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-book .device-btns::after{left:122px;width:20px}.device-surface-book .device-btns::before{left:168px;width:44px}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:2px;border-width:0 2px;height:16px;margin-top:4px;position:relative;width:728px}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 6px 6px;height:8px;left:50%;margin-left:-125px;top:0;width:250px;z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:2px 2px 0 0;bottom:16px;height:8px;left:50%;margin-left:-292px;width:584px}.device-surface-studio{height:506px;width:640px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #000;height:440px;padding:20px;width:640px}.device-surface-studio .device-screen{border:2px solid #121212;border-radius:2px;height:400px;width:600px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;bottom:0;height:4px;left:50%;margin-left:-117px;position:absolute;width:234px}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:-75px}.device-surface-studio .device-stripe::after{border:1px solid #e2e3e4;border-radius:0 0 18px 18px;border-top:0;box-shadow:inset 0 0 4px 1px #c8cacb,inset 0 0 4px 2px #e2e3e4,inset 0 0 0 8px #c8cacb;height:60px;margin-left:-140px;width:280px;z-index:-1}.device-surface-studio .device-stripe::before{border:15px solid #e2e3e4;border-radius:0 0 8px 8px;border-top:0;height:70px;margin-left:-150px;width:300px;z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 2px 2px;height:32px;margin:30px auto 0 auto;position:relative;width:250px}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:1px;left:0;position:absolute;top:4px;width:250px}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file diff --git a/docs/phones.html b/docs/phones.html index 6b69f42..f27157e 100644 --- a/docs/phones.html +++ b/docs/phones.html @@ -100,14 +100,16 @@

      Pure CSS iPhone 14 Pro, iPhone 14 Pro in pure CSS

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -127,14 +129,16 @@

Pure CSS iPhone 14, iPhone 14 in pure CSS

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -147,18 +151,20 @@

Pure CSS iPhone X, iPhone X in pure CSS

iPhone X (pronounced "iPhone Ten") is a smartphone in Apple's iPhone lineup. It was announced on September 12, 2017 alongside the iPhone 8 and iPhone 8 Plus at the Steve Jobs Theater in the Apple Park campus. It was released on November 3, 2017 with a starting price of $999.

-
-
- +
+
+
+ +
+
+
+
+
+
+
-
-
-
-
-
-
@@ -176,14 +182,16 @@

Pure CSS iPhone 8, iPhone 8 in pure CSS

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -196,14 +204,16 @@

Pure CSS iPhone, iPhone in pure CSS

iPhone combines three amazing products — a revolutionary mobile phone, a widescreen iPod with touch controls, and a breakthrough Internet communications device with desktop-class email, web browsing, maps, and searching — into one small and lightweight handheld device.

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -232,14 +242,16 @@

Pure CSS Google Pixel 6 Pro, Google Pixel 6 Pro in pu
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -252,14 +264,16 @@

Pure CSS Google Pixel 2 XL, Google Pixel 2 XL in pure

The Pixel 2 and Pixel 2 XL are a pair of Android smartphones designed, developed, and marketed by Google as part of the Google Pixel product line.

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -269,7 +283,7 @@

Pure CSS Google Pixel 2 XL, Google Pixel 2 XL in pure

Google Pixel#

Pure CSS Google Pixel, Google Pixel in pure CSS

-

+

@@ -277,14 +291,16 @@

Pure CSS Google Pixel, Google Pixel in pure CSS

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -299,26 +315,28 @@

Pure CSS Google Pixel, Google Pixel in pure CSS

Samsung Galaxy S8#

Pure CSS Samsung Galaxy S8, Samsung Galaxy S8 in pure CSS

-

+

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
+
@@ -155,21 +159,23 @@

Pure CSS iMac, iMac in pure CSS

MacBook Pro (2018)#

Pure CSS MacBook Pro (2018), MacBook Pro (2018) in pure CSS

-

+

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -188,14 +194,16 @@

Pure CSS MacBook, MacBook in pure CSS

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -205,21 +213,23 @@

Pure CSS MacBook, MacBook in pure CSS

Surface Book#

Pure CSS Surface Book, Surface Book in pure CSS

-

+

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -234,23 +244,25 @@

Pure CSS Surface Book, Surface Book in pure CSS

Surface Studio#

Pure CSS Surface Studio, Surface Studio in pure CSS

-

+

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
    +
    +
      Previous
      Phones
      diff --git a/docs/pug/computers.pug b/docs/pug/computers.pug index d45ca55..b6062c8 100644 --- a/docs/pug/computers.pug +++ b/docs/pug/computers.pug @@ -23,20 +23,21 @@ block content a.ml-2(href="#macbook-pro") # h3.text-assistive Pure CSS MacBook Pro, MacBook Pro in pure CSS .rework-content - p The new MacBook Pro. Incredible performance with the M1 Pro or M1 Max chip. Amazing battery life. And a 14” or 16” Liquid Retina XDR display. + p The new MacBook Pro. Incredible performance with the M1 Pro or M1 Max chip. Amazing battery life. And a 14” or 16” Liquid Retina XDR display. .rework-device.computers .dots .dot.tooltip.active(style="background:#e2e3e4;" data-tooltip="device-silver (default)") .dot.tooltip(style="background:#83878a;" data-tooltip="device-spacegray") - .device.device-macbook-pro - .device-frame - img.device-screen(src="assets/img/bg-10.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home + .rework-device-container + .device.device-macbook-pro + .device-frame + img.device-screen(src="assets/img/bg-10.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home include _layout/_ad-g.pug @@ -57,15 +58,16 @@ block content .dot.tooltip(style="background:#F4D595;" data-tooltip="device-yellow") .dot.tooltip(style="background:#E9B5A0;" data-tooltip="device-orange") .dot.tooltip(style="background:#C4C4E5;" data-tooltip="device-purple") - .device.device-imac - .device-frame - img.device-screen(src="assets/img/bg-08.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home + .rework-device-container + .device.device-imac + .device-frame + img.device-screen(src="assets/img/bg-08.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home .columns .content-container.column.col-md-12 @@ -74,20 +76,21 @@ block content a.ml-2(href="#macbook-pro-2018") # h3.text-assistive Pure CSS MacBook Pro (2018), MacBook Pro (2018) in pure CSS .rework-content - p + p .rework-device.computers .dots .dot.active.tooltip(style="background:#e2e3e4;" data-tooltip="device-silver (default)") .dot.tooltip(style="background:#83878a;" data-tooltip="device-spacegray") - .device.device-macbook-pro-2018 - .device-frame - img.device-screen(src="assets/img/bg-10.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home + .rework-device-container + .device.device-macbook-pro-2018 + .device-frame + img.device-screen(src="assets/img/bg-10.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home .columns .content-container.column.col-md-12 @@ -103,15 +106,16 @@ block content .dot.tooltip(style="background:#f7e8dd;" data-tooltip="device-gold") .dot.tooltip(style="background:#facfc9;" data-tooltip="device-rosegold") .dot.tooltip(style="background:#83878a;" data-tooltip="device-spacegray") - .device.device-macbook - .device-frame - img.device-screen(src="assets/img/bg-07.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home + .rework-device-container + .device.device-macbook + .device-frame + img.device-screen(src="assets/img/bg-07.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home .columns .content-container.column.col-md-12 @@ -120,23 +124,24 @@ block content a.ml-2(href="#surface-book") # h3.text-assistive Pure CSS Surface Book, Surface Book in pure CSS .rework-content - p + p .rework-device.computers .dots .dot.tooltip.active(style="background:#e2e3e4;" data-tooltip="device-silver (default)") .dot.tooltip(style="background:#83878a;" data-tooltip="device-spacegray") - .device.device-surface-book - .device-frame - img.device-screen(src="assets/img/bg-11.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home + .rework-device-container + .device.device-surface-book + .device-frame + img.device-screen(src="assets/img/bg-11.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home include _layout/_ad-sidebar.pug - + .columns .content-container.column.col-md-12 h2.rework-title#surface-studio @@ -144,20 +149,21 @@ block content a.ml-2(href="#surface-studio") # h3.text-assistive Pure CSS Surface Studio, Surface Studio in pure CSS .rework-content - p + p .rework-device.computers - .device.device-surface-studio - .device-frame - img.device-screen(src="assets/img/bg-12.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home + .rework-device-container + .device.device-surface-studio + .device-frame + img.device-screen(src="assets/img/bg-12.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home - .columns - ul.pagination.column + .columns + ul.pagination.column .page-item.page-prev a(href="phones.html") .page-item-subtitle Previous @@ -165,4 +171,4 @@ block content .page-item.page-next a(href="tablets.html") .page-item-subtitle Next - .page-item-title.h5 Tablets \ No newline at end of file + .page-item-title.h5 Tablets diff --git a/docs/pug/tablets.pug b/docs/pug/tablets.pug index 4a03ced..f202e0a 100644 --- a/docs/pug/tablets.pug +++ b/docs/pug/tablets.pug @@ -28,7 +28,7 @@ block content .dots .dot.tooltip.active(style="background:#e2e3e4;" data-tooltip="device-silver (default)") .dot.tooltip(style="background:#83878a;" data-tooltip="device-spacegray") - .rework-device-container + .rework-device-container.rework-device-container--tablets .device.device-ipad-pro .device-frame img.device-screen(src="assets/img/bg-01.jpg" loading="lazy") @@ -52,7 +52,7 @@ block content .dot.tooltip(style="background:#f7e8dd;" data-tooltip="device-gold") .dot.tooltip(style="background:#facfc9;" data-tooltip="device-rosegold") .dot.tooltip(style="background:#83878a;" data-tooltip="device-spacegray") - .rework-device-container + .rework-device-container.rework-device-container--tablets .device.device-ipad-pro-2017 .device-frame img.device-screen(src="assets/img/bg-02.jpg" loading="lazy") @@ -74,7 +74,7 @@ block content .rework-content p .rework-device.tablets - .rework-device-container + .rework-device-container.rework-device-container--tablets .device.device-surface-pro-2017 .device-frame img.device-screen(src="assets/img/bg-09.jpg" loading="lazy") diff --git a/docs/scss/demo.scss b/docs/scss/demo.scss index ddce242..5274fe7 100644 --- a/docs/scss/demo.scss +++ b/docs/scss/demo.scss @@ -491,11 +491,14 @@ body { .rework-device-container { container-type: inline-size; width: 100%; - padding-inline: 10%; &--phones { padding-inline: 20%; } + + &--tablets { + padding-inline: 10%; + } } .rework-device { diff --git a/docs/tablets.html b/docs/tablets.html index 50d48d2..1b57897 100644 --- a/docs/tablets.html +++ b/docs/tablets.html @@ -98,7 +98,7 @@

      Pure CSS Apple iPad Pro, Apple iPad Pro in pure CSS

-
+
@@ -126,7 +126,7 @@

Pure CSS Apple iPad Pro (2017), Apple iPad Pro (2017)

-
+
@@ -159,7 +159,7 @@

Pure CSS Surface Pro (2017), Surface Pro (2017) in pu

-
+
diff --git a/src/_imac-pro.scss b/src/_imac-pro.scss index 2f22680..7bb3874 100644 --- a/src/_imac-pro.scss +++ b/src/_imac-pro.scss @@ -1,3 +1,5 @@ + + // iMac Pro $device-spacegray: #54525b; $device-spacegray-dark: darken($device-spacegray, 15%); @@ -73,4 +75,4 @@ $device-spacegray-panel: #0d0d0d; width: 130px; } } -} \ No newline at end of file +} diff --git a/src/_imac.scss b/src/_imac.scss index e80846b..2e7983a 100644 --- a/src/_imac.scss +++ b/src/_imac.scss @@ -1,3 +1,5 @@ +@import "functions"; + // iMac 24” (2021) $device-silver: #EDEEF0; $device-silver-dark: #D4D5D7; @@ -16,92 +18,93 @@ $device-purple-dark: #C4C4E5; $device-panel: #0d0d0d; .device-imac { - height: 540px; - width: 640px; + --device-width: 640; + height: getCqi(540); + width: 100cqi; .device-frame { background: $device-silver; - border-radius: 18px; - box-shadow: inset 0 0 0 1px $device-silver-dark; - height: 440px; - padding: 16px 16px 80px 16px; + border-radius: getCqi(18); + box-shadow: inset 0 0 0 getCqi(1) $device-silver-dark; + height: getCqi(440); + padding: getCqi(16) getCqi(16) getCqi(80) getCqi(16); position: relative; - width: 640px; + width: getCqi(640); &::after { background: $device-silver-dark; - border-radius: 0 0 18px 18px; - bottom: 1px; - box-shadow: inset 0 0 18px 0 darken($device-silver-dark, 5%); + border-radius: 0 0 getCqi(18) getCqi(18); + bottom: getCqi(1); + box-shadow: inset 0 0 getCqi(18) 0 darken($device-silver-dark, 5%); content: ""; - height: 63px; - left: 1px; + height: getCqi(63); + left: getCqi(1); position: absolute; - width: 638px; + width: getCqi(638); } &::before { background: darken($device-panel, 3%); border-radius: 50%; content: ""; - height: 6px; + height: getCqi(6); left: 50%; - margin-left: -3px; + margin-left: getCqi(-3); position: absolute; text-align: center; - top: 6px; - width: 6px; + top: getCqi(6); + width: getCqi(6); z-index: 9; } } // 4480-by-2520-pixel resolution .device-screen { - border: 2px solid lighten($device-panel, 2%); - border-radius: 2px; - height: 342px; - width: 608px; + border: getCqi(2) solid lighten($device-panel, 2%); + border-radius: getCqi(2); + height: getCqi(342); + width: getCqi(608); } .device-power { &::after { background: radial-gradient(circle at center, $device-silver-dark 85%, darken($device-silver-dark, 20%) 100%); - border-top: 1px solid $device-silver-dark; + border-top: getCqi(1) solid $device-silver-dark; content: ""; - height: 6px; + height: getCqi(6); margin: 0 auto; position: relative; - width: 152px; + width: getCqi(152); } &::before { background: linear-gradient(to bottom, darken($device-silver-dark, 20%) 0, darken($device-silver-dark, 5%) 40%, darken($device-silver-dark, 5%) 85%, lighten($device-silver, 15%) 90%, darken($device-silver-dark, 40%) 100%); content: ""; - height: 92px; + height: getCqi(92); margin: 0 auto; position: relative; - width: 152px; + width: getCqi(152); } } .device-home { background: transparent; - border-radius: 0 0 3px 3px; + border-radius: 0 0 getCqi(3) getCqi(3); bottom: 0; - box-shadow: -61px 0 $device-silver-dark, 61px 0 $device-silver-dark; - height: 2px; + box-shadow: getCqi(-61) 0 $device-silver-dark, getCqi(61) 0 $device-silver-dark; + height: getCqi(2); left: 50%; - margin-left: -15px; + margin-left: getCqi(-15); position: absolute; - width: 30px; + width: getCqi(30); } // Blue edition &.device-blue { .device-frame { - box-shadow: inset 0 0 0 2px $device-blue-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-blue-dark; &::after { background: $device-blue-dark; - box-shadow: inset 0 0 18px 0 darken($device-blue-dark, 5%); + box-shadow: inset 0 0 getCqi(18) 0 darken($device-blue-dark, 5%); } } @@ -116,18 +119,18 @@ $device-panel: #0d0d0d; } .device-home { - box-shadow: -61px 0 $device-blue-dark, 61px 0 $device-blue-dark; + box-shadow: getCqi(-61) 0 $device-blue-dark, getCqi(61) 0 $device-blue-dark; } } // Green edition &.device-green { .device-frame { - box-shadow: inset 0 0 0 2px $device-green-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-green-dark; &::after { background: $device-green-dark; - box-shadow: inset 0 0 18px 0 darken($device-green-dark, 5%); + box-shadow: inset 0 0 getCqi(18) 0 darken($device-green-dark, 5%); } } @@ -142,18 +145,18 @@ $device-panel: #0d0d0d; } .device-home { - box-shadow: -61px 0 $device-green-dark, 61px 0 $device-green-dark; + box-shadow: getCqi(-61) 0 $device-green-dark, getCqi(61) 0 $device-green-dark; } } // Pink edition &.device-pink { .device-frame { - box-shadow: inset 0 0 0 2px $device-pink-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-pink-dark; &::after { background: $device-pink-dark; - box-shadow: inset 0 0 18px 0 darken($device-pink-dark, 5%); + box-shadow: inset 0 0 getCqi(18) 0 darken($device-pink-dark, 5%); } } @@ -168,18 +171,18 @@ $device-panel: #0d0d0d; } .device-home { - box-shadow: -61px 0 $device-pink-dark, 61px 0 $device-pink-dark; + box-shadow: getCqi(-61) 0 $device-pink-dark, getCqi(61) 0 $device-pink-dark; } } // Yello edition &.device-yellow { .device-frame { - box-shadow: inset 0 0 0 2px $device-yellow-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-yellow-dark; &::after { background: $device-yellow-dark; - box-shadow: inset 0 0 18px 0 darken($device-yellow-dark, 5%); + box-shadow: inset 0 0 getCqi(18) 0 darken($device-yellow-dark, 5%); } } @@ -194,18 +197,18 @@ $device-panel: #0d0d0d; } .device-home { - box-shadow: -61px 0 $device-yellow-dark, 61px 0 $device-yellow-dark; + box-shadow: getCqi(-61) 0 $device-yellow-dark, getCqi(61) 0 $device-yellow-dark; } } // Orange edition &.device-orange { .device-frame { - box-shadow: inset 0 0 0 2px $device-orange-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-orange-dark; &::after { background: $device-orange-dark; - box-shadow: inset 0 0 18px 0 darken($device-orange-dark, 5%); + box-shadow: inset 0 0 getCqi(18) 0 darken($device-orange-dark, 5%); } } @@ -220,18 +223,18 @@ $device-panel: #0d0d0d; } .device-home { - box-shadow: -61px 0 $device-orange-dark, 61px 0 $device-orange-dark; + box-shadow: getCqi(-61) 0 $device-orange-dark, getCqi(61) 0 $device-orange-dark; } } // Purple edition &.device-purple { .device-frame { - box-shadow: inset 0 0 0 2px $device-purple-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-purple-dark; &::after { background: $device-purple-dark; - box-shadow: inset 0 0 18px 0 darken($device-purple-dark, 5%); + box-shadow: inset 0 0 getCqi(18) 0 darken($device-purple-dark, 5%); } } @@ -246,7 +249,7 @@ $device-panel: #0d0d0d; } .device-home { - box-shadow: -61px 0 $device-purple-dark, 61px 0 $device-purple-dark; + box-shadow: getCqi(-61) 0 $device-purple-dark, getCqi(61) 0 $device-purple-dark; } } -} \ No newline at end of file +} diff --git a/src/_macbook-pro-2018.scss b/src/_macbook-pro-2018.scss index 4260c51..752b9d8 100644 --- a/src/_macbook-pro-2018.scss +++ b/src/_macbook-pro-2018.scss @@ -1,3 +1,5 @@ +@import "functions"; + // MacBook Pro (2018) $device-silver: #e2e3e4; $device-silver-dark: darken($device-silver, 10%); @@ -7,64 +9,65 @@ $device-spacegray-dark: darken($device-spacegray, 5%); $device-spacegray-panel: #0d0d0d; .device-macbook-pro-2018 { - height: 444px; - width: 740px; + --device-width: 740; + height: getCqi(444); + width: 100cqi; .device-frame { background: $device-silver-panel; - border-radius: 20px; - box-shadow: inset 0 0 0 2px $device-silver-dark; - height: 428px; + border-radius: getCqi(20); + box-shadow: inset 0 0 0 getCqi(2) $device-silver-dark; + height: getCqi(428); margin: 0 auto; - padding: 29px 19px 39px 19px; + padding: getCqi(29) getCqi(19) getCqi(39) getCqi(19); position: relative; - width: 614px; + width: getCqi(614); &::after { background: lighten($device-silver-panel, 10%); - border-radius: 0 0 20px 20px; - bottom: 2px; + border-radius: 0 0 getCqi(20) getCqi(20); + bottom: getCqi(2); content: ""; - height: 26px; - left: 2px; + height: getCqi(26); + left: getCqi(2); position: absolute; - width: 610px; + width: getCqi(610); } &::before { - bottom: 10px; + bottom: getCqi(10); color: $device-silver-dark; content: "MacBook Pro"; - font-size: 12px; - height: 16px; + font-size: getCqi(12); + height: getCqi(16); left: 50%; - line-height: 16px; - margin-left: -100px; + line-height: getCqi(16); + margin-left: getCqi(-100); position: absolute; text-align: center; - width: 200px; + width: getCqi(200); z-index: 1; } } // 1680-by-1050-pixel resolution .device-screen { - border: 2px solid lighten($device-silver-panel, 2%); - border-radius: 2px; - height: 360px; - width: 576px; + border: getCqi(2) solid lighten($device-silver-panel, 2%); + border-radius: getCqi(2); + height: getCqi(360); + width: getCqi(576); } .device-power { background: $device-silver; border: solid darken($device-silver, 5%); - border-radius: 2px 2px 0 0; - border-width: 2px 4px 0 4px; - height: 14px; - margin-top: -10px; + border-radius: getCqi(2) getCqi(2) 0 0; + border-width: getCqi(2) getCqi(4) 0 getCqi(4); + height: getCqi(14); + margin-top: getCqi(-10); position: relative; - width: 740px; + width: getCqi(740); z-index: 9; - + &::after, &::before { content: ""; @@ -72,30 +75,30 @@ $device-spacegray-panel: #0d0d0d; } &::after { background: lighten($device-silver-dark, 5%); - border-radius: 0 0 10px 10px; - box-shadow: inset 0 0 4px 2px darken($device-silver-dark, 5%); - height: 10px; + border-radius: 0 0 getCqi(10) getCqi(10); + box-shadow: inset 0 0 getCqi(4) getCqi(2) darken($device-silver-dark, 5%); + height: getCqi(10); left: 50%; - margin-left: -60px; - top: -2px; - width: 120px; + margin-left: getCqi(-60); + top: getCqi(-2); + width: getCqi(120); } &::before { background: darken($device-silver-dark, 15%); - border-radius: 0 0 180px 180px/ 0 0 12px 12px; - box-shadow: inset 0 -2px 6px 0 darken($device-silver-dark, 50%); - height: 12px; - left: -4px; + border-radius: 0 0 getCqi(180) getCqi(180)/ 0 0 getCqi(12) getCqi(12); + box-shadow: inset 0 getCqi(-2) getCqi(6) 0 darken($device-silver-dark, 50%); + height: getCqi(12); + left: getCqi(-4); margin: 0 auto; - top: 10px; - width: 740px; + top: getCqi(10); + width: getCqi(740); } } // Space Gray edition &.device-spacegray { .device-frame { - box-shadow: inset 0 0 0 2px $device-spacegray-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-spacegray-dark; } .device-power { @@ -104,12 +107,12 @@ $device-spacegray-panel: #0d0d0d; &::after { background: lighten($device-spacegray-dark, 5%); - box-shadow: inset 0 0 4px 2px darken($device-spacegray-dark, 5%); + box-shadow: inset 0 0 getCqi(4) getCqi(2) darken($device-spacegray-dark, 5%); } &::before { background: darken($device-spacegray-dark, 15%); - box-shadow: inset 0 -2px 6px 0 darken($device-spacegray-dark, 50%); + box-shadow: inset 0 getCqi(-2) getCqi(6) 0 darken($device-spacegray-dark, 50%); } } } -} \ No newline at end of file +} diff --git a/src/_macbook-pro.scss b/src/_macbook-pro.scss index 0e911ab..4ca5d3a 100644 --- a/src/_macbook-pro.scss +++ b/src/_macbook-pro.scss @@ -1,3 +1,5 @@ +@import "functions"; + // MacBook Pro (2022) $device-silver: #e2e3e4; $device-silver-dark: darken($device-silver, 10%); @@ -7,123 +9,124 @@ $device-spacegray-dark: darken($device-spacegray, 5%); $device-spacegray-panel: #0d0d0d; .device-macbook-pro { - height: 434px; - width: 740px; + --device-width: 740; + height: getCqi(434); + width: 100cqi; .device-frame { background: $device-silver-panel; - border-radius: 20px; - box-shadow: inset 0 0 0 2px $device-silver-dark; - height: 418px; + border-radius: getCqi(20); + box-shadow: inset 0 0 0 getCqi(2) $device-silver-dark; + height: getCqi(418); margin: 0 auto; - padding: 9px 9px 23px 9px; + padding: getCqi(9) getCqi(9) getCqi(23) getCqi(9); position: relative; - width: 618px; + width: getCqi(618); &::after { background: linear-gradient(to bottom, lighten($device-silver-panel, 10%), $device-silver-panel); - border-radius: 0 0 20px 20px; - bottom: 2px; + border-radius: 0 0 getCqi(20) getCqi(20); + bottom: getCqi(2); content: ""; - height: 24px; - left: 2px; + height: getCqi(24); + left: getCqi(2); position: absolute; - width: 614px; + width: getCqi(614); } } .device-header { background: $device-silver-panel; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - height: 12px; + border-bottom-left-radius: getCqi(4); + border-bottom-right-radius: getCqi(4); + height: getCqi(12); left: 50%; - margin-left: -32px; + margin-left: getCqi(-32); position: absolute; - top: 11px; - width: 64px; + top: getCqi(11); + width: getCqi(64); z-index: 2; &::after, &::before { content: ""; - height: 4px; + height: getCqi(4); position: absolute; top: 0; - width: 4px; + width: getCqi(4); } &::after { background: radial-gradient(circle at bottom left, transparent 0, transparent 75%, $device-silver-panel 75%, $device-silver-panel 100%); - left: -4px; + left: getCqi(-4); } &::before { background: radial-gradient(circle at bottom right, transparent 0, transparent 75%, $device-silver-panel 75%, $device-silver-panel 100%); - right: -4px; + right: getCqi(-4); } } // 3456-by-2234-pixel resolution .device-screen { - border: 2px solid lighten($device-silver-panel, 2%); - border-radius: 10px 10px 0 0; - height: 375px; - width: 600px; + border: getCqi(2) solid lighten($device-silver-panel, 2%); + border-radius: getCqi(10) getCqi(10) 0 0; + height: getCqi(375); + width: getCqi(600); } .device-power { background: radial-gradient(circle at center, $device-silver 85%, $device-silver-dark 100%); border: solid darken($device-silver, 25%); - border-radius: 2px 2px 12px 12px; - border-width: 1px 2px 0 2px; - box-shadow: inset 0 -2px 8px 0 darken($device-silver-dark, 35%); - height: 24px; - margin-top: -10px; + border-radius: getCqi(2) getCqi(2) getCqi(12) getCqi(12); + border-width: getCqi(1) getCqi(2) 0 getCqi(2); + box-shadow: inset 0 getCqi(-2) getCqi(8) 0 darken($device-silver-dark, 35%); + height: getCqi(24); + margin-top: getCqi(-10); position: relative; - width: 740px; + width: getCqi(740); z-index: 9; &::after { background: lighten($device-silver-dark, 10%); - border-radius: 0 0 10px 10px; - box-shadow: inset 0 0 4px 2px darken($device-silver-dark, 5%); + border-radius: 0 0 getCqi(10) getCqi(10); + box-shadow: inset 0 0 getCqi(4) getCqi(2) darken($device-silver-dark, 5%); content: ""; - height: 10px; + height: getCqi(10); left: 50%; - margin-left: -60px; + margin-left: getCqi(-60); position: absolute; top: 0; - width: 120px; + width: getCqi(120); } &::before { background: transparent; - border-radius: 0 0 3px 3px; - bottom: -2px; - box-shadow: -300px 0 lighten($device-silver-panel, 10%), 300px 0 lighten($device-silver-panel, 10%); + border-radius: 0 0 getCqi(3) getCqi(3); + bottom: getCqi(-2); + box-shadow: getCqi(-300) 0 lighten($device-silver-panel, 10%), getCqi(300) 0 lighten($device-silver-panel, 10%); content: ""; - height: 2px; + height: getCqi(2); left: 50%; - margin-left: -20px; + margin-left: getCqi(-20); position: absolute; - width: 40px; + width: getCqi(40); } } // Space Gray edition &.device-spacegray { .device-frame { - box-shadow: inset 0 0 0 2px $device-spacegray-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-spacegray-dark; } .device-power { background: radial-gradient(circle at center, $device-spacegray 85%, $device-spacegray-dark 100%); border-color: darken($device-spacegray, 25%); - box-shadow: inset 0 -2px 8px 0 darken($device-spacegray-dark, 35%); + box-shadow: inset 0 getCqi(-2) getCqi(8) 0 darken($device-spacegray-dark, 35%); &::after { background: lighten($device-spacegray-dark, 25%); - box-shadow: inset 0 0 4px 2px darken($device-spacegray-dark, 5%); + box-shadow: inset 0 0 getCqi(4) getCqi(2) darken($device-spacegray-dark, 5%); } } } -} \ No newline at end of file +} diff --git a/src/_macbook.scss b/src/_macbook.scss index f177885..87b1784 100644 --- a/src/_macbook.scss +++ b/src/_macbook.scss @@ -1,3 +1,5 @@ +@import "functions"; + // MacBook $device-silver: #e2e3e4; $device-silver-dark: darken($device-silver, 10%); @@ -13,62 +15,63 @@ $device-rosegold-dark: darken($device-rosegold, 10%); $device-rosegold-panel: #0d0d0d; .device-macbook { - height: 432px; - width: 740px; + --device-width: 740; + height: getCqi(432); + width: 100cqi; .device-frame { background: $device-silver-panel; - border-radius: 20px; - box-shadow: inset 0 0 0 2px $device-silver-dark; - height: 428px; + border-radius: getCqi(20); + box-shadow: inset 0 0 0 getCqi(2) $device-silver-dark; + height: getCqi(428); margin: 0 auto; - padding: 29px 19px 39px 19px; + padding: getCqi(29) getCqi(19) getCqi(39) getCqi(19); position: relative; - width: 614px; + width: getCqi(614); &::after { background: lighten($device-silver-panel, 10%); - border-radius: 0 0 20px 20px; - bottom: 2px; + border-radius: 0 0 getCqi(20) getCqi(20); + bottom: getCqi(2); content: ""; - height: 26px; - left: 2px; + height: getCqi(26); + left: getCqi(2); position: absolute; - width: 610px; + width: getCqi(610); } &::before { - bottom: 10px; + bottom: getCqi(10); color: $device-silver-dark; content: "MacBook"; - font-size: 12px; - height: 16px; + font-size: getCqi(12); + height: getCqi(16); left: 50%; - line-height: 16px; - margin-left: -100px; + line-height: getCqi(16); + margin-left: getCqi(-100); position: absolute; text-align: center; - width: 200px; + width: getCqi(200); z-index: 1; } } // 1440-by-900-pixel resolution .device-screen { - border: 2px solid lighten($device-silver-panel, 2%); - border-radius: 2px; - height: 360px; - width: 576px; + border: getCqi(2) solid lighten($device-silver-panel, 2%); + border-radius: getCqi(2); + height: getCqi(360); + width: getCqi(576); } .device-power { background: $device-silver; border: solid darken($device-silver, 5%); - border-radius: 2px 2px 0 0; - border-width: 0 4px; - height: 4px; - margin-top: -10px; + border-radius: getCqi(2) getCqi(2) 0 0; + border-width: 0 getCqi(4); + height: getCqi(4); + margin-top: getCqi(-10); position: relative; - width: 740px; + width: getCqi(740); z-index: 9; &::after, @@ -79,28 +82,28 @@ $device-rosegold-panel: #0d0d0d; &::after { background: radial-gradient(circle at center, $device-silver 0, $device-silver 85%, darken($device-silver-dark, 15%) 100%); border: solid darken($device-silver-dark, 10%); - border-width: 0 2px; - height: 4px; + border-width: 0 getCqi(2); + height: getCqi(4); left: 50%; - margin-left: -60px; - width: 120px; + margin-left: getCqi(-60); + width: getCqi(120); } &::before { background: darken($device-silver-dark, 15%); - border-radius: 0 0 180px 180px/ 0 0 10px 10px; - box-shadow: inset 0 -2px 6px 0 darken($device-silver-dark, 50%); - height: 10px; - left: -4px; + border-radius: 0 0 getCqi(180) getCqi(180)/ 0 0 getCqi(10) getCqi(10); + box-shadow: inset 0 getCqi(-2) getCqi(6) 0 darken($device-silver-dark, 50%); + height: getCqi(10); + left: getCqi(-4); margin: 0 auto; - top: 4px; - width: 740px; + top: getCqi(4); + width: getCqi(740); } } // Gold edition &.device-gold { .device-frame { - box-shadow: inset 0 0 0 2px $device-gold-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-gold-dark; } .device-power { @@ -113,15 +116,15 @@ $device-rosegold-panel: #0d0d0d; } &::before { background: $device-gold-dark; - box-shadow: inset 0 -2px 6px 0 darken($device-gold-dark, 50%); + box-shadow: inset 0 getCqi(-2) getCqi(6) 0 darken($device-gold-dark, 50%); } } } - // Rose Gold edition + // Rose Gold edition &.device-rosegold { .device-frame { - box-shadow: inset 0 0 0 2px $device-rosegold-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-rosegold-dark; } .device-power { @@ -134,7 +137,7 @@ $device-rosegold-panel: #0d0d0d; } &::before { background: $device-rosegold-dark; - box-shadow: inset 0 -2px 6px 0 darken($device-rosegold-dark, 50%); + box-shadow: inset 0 getCqi(-2) getCqi(6) 0 darken($device-rosegold-dark, 50%); } } } @@ -142,7 +145,7 @@ $device-rosegold-panel: #0d0d0d; // Space Gray edition &.device-spacegray { .device-frame { - box-shadow: inset 0 0 0 2px $device-spacegray-dark; + box-shadow: inset 0 0 0 getCqi(2) $device-spacegray-dark; } .device-power { @@ -155,8 +158,8 @@ $device-rosegold-panel: #0d0d0d; } &::before { background: darken($device-spacegray-dark, 15%); - box-shadow: inset 0 -2px 6px 0 darken($device-spacegray-dark, 50%); + box-shadow: inset 0 getCqi(-2) getCqi(6) 0 darken($device-spacegray-dark, 50%); } } } -} \ No newline at end of file +} diff --git a/src/_surface-book.scss b/src/_surface-book.scss index 231d978..a378c31 100644 --- a/src/_surface-book.scss +++ b/src/_surface-book.scss @@ -1,29 +1,32 @@ +@import "functions"; + // Surface Book $device-silver: #eee; $device-silver-dark: darken($device-silver, 15%); $device-silver-panel: #0d0d0d; .device-surface-book { - height: 424px; - width: 728px; + --device-width: 728; + height: getCqi(424); + width: 100cqi; .device-frame { background: $device-silver-panel; - border-radius: 12px; - box-shadow: inset 0 0 0 2px $device-silver-dark; - height: 408px; + border-radius: getCqi(12); + box-shadow: inset 0 0 0 getCqi(2) $device-silver-dark; + height: getCqi(408); margin: 0 auto; - padding: 24px 22px; + padding: getCqi(24) getCqi(22); position: relative; - width: 584px; + width: getCqi(584); } // 3000-by-2000-pixel resolution .device-screen { - border: 2px solid lighten($device-silver-panel, 2%); - border-radius: 2px; - height: 360px; - width: 540px; + border: getCqi(2) solid lighten($device-silver-panel, 2%); + border-radius: getCqi(2); + height: getCqi(360); + width: getCqi(540); } .device-btns { @@ -31,30 +34,30 @@ $device-silver-panel: #0d0d0d; &::before { background: $device-silver-dark; content: ""; - height: 2px; + height: getCqi(2); position: absolute; - top: -2px; + top: getCqi(-2); } &::after { - left: 122px; - width: 20px; + left: getCqi(122); + width: getCqi(20); } &::before { - left: 168px; - width: 44px; + left: getCqi(168); + width: getCqi(44); } } .device-power { background: linear-gradient(to bottom, $device-silver, $device-silver-dark); border: solid $device-silver-dark; - border-radius: 2px; - border-width: 0 2px; - height: 16px; - margin-top: 4px; + border-radius: getCqi(2); + border-width: 0 getCqi(2); + height: getCqi(16); + margin-top: getCqi(4); position: relative; - width: 728px; + width: getCqi(728); &::after, &::before { @@ -63,22 +66,22 @@ $device-silver-panel: #0d0d0d; } &::after { background: radial-gradient(circle at center, $device-silver 0, $device-silver 95%, darken($device-silver-dark, 15%) 100%);; - border-radius: 0 0 6px 6px; - height: 8px; + border-radius: 0 0 getCqi(6) getCqi(6); + height: getCqi(8); left: 50%; - margin-left: -125px; + margin-left: getCqi(-125); top: 0; - width: 250px; + width: getCqi(250); z-index: 1; } &::before { background: linear-gradient(to bottom, $device-silver, $device-silver-dark); - border-radius: 2px 2px 0 0; - bottom: 16px; - height: 8px; + border-radius: getCqi(2) getCqi(2) 0 0; + bottom: getCqi(16); + height: getCqi(8); left: 50%; - margin-left: -292px; - width: 584px; + margin-left: getCqi(-292); + width: getCqi(584); } } -} \ No newline at end of file +} diff --git a/src/_surface-studio.scss b/src/_surface-studio.scss index 5bc58c5..09a08df 100644 --- a/src/_surface-studio.scss +++ b/src/_surface-studio.scss @@ -1,83 +1,86 @@ +@import "functions"; + // Surface Studio $device-silver: #e2e3e4; $device-silver-dark: darken($device-silver, 10%); $device-silver-panel: #0d0d0d; .device-surface-studio { - height: 506px; - width: 640px; + --device-width: 640; + height: getCqi(506); + width: 100cqi; .device-frame { background: $device-silver-panel; - border-radius: 10px; - box-shadow: inset 0 0 0 2px darken($device-silver-panel, 5%); - height: 440px; - padding: 20px; - width: 640px; + border-radius: getCqi(10); + box-shadow: inset 0 0 0 getCqi(2) darken($device-silver-panel, 5%); + height: getCqi(440); + padding: getCqi(20); + width: getCqi(640); } // 4500-by-3000-pixel resolution .device-screen { - border: 2px solid lighten($device-silver-panel, 2%); - border-radius: 2px; - height: 400px; - width: 600px; + border: getCqi(2) solid lighten($device-silver-panel, 2%); + border-radius: getCqi(2); + height: getCqi(400); + width: getCqi(600); } .device-stripe { background: #444; - border-radius: 0 0 2px 2px; + border-radius: 0 0 getCqi(2) getCqi(2); bottom: 0; - height: 4px; + height: getCqi(4); left: 50%; - margin-left: -117px; + margin-left: getCqi(-117); position: absolute; - width: 234px; + width: getCqi(234); &::after, &::before { content: ""; left: 50%; position: absolute; - top: -75px; + top: getCqi(-75); } &::after { - border: 1px solid $device-silver; + border: getCqi(1) solid $device-silver; border-top: 0; - border-radius: 0 0 18px 18px; - box-shadow: inset 0 0 4px 1px $device-silver-dark, inset 0 0 4px 2px $device-silver, inset 0 0 0 8px $device-silver-dark; - height: 60px; - margin-left: -140px; - width: 280px; + border-radius: 0 0 getCqi(18) getCqi(18); + box-shadow: inset 0 0 getCqi(4) getCqi(1) $device-silver-dark, inset 0 0 getCqi(4) getCqi(2) $device-silver, inset 0 0 0 getCqi(8) $device-silver-dark; + height: getCqi(60); + margin-left: getCqi(-140); + width: getCqi(280); z-index: -1; } &::before { - border: 15px solid $device-silver; + border: getCqi(15) solid $device-silver; border-top: 0; - border-radius: 0 0 8px 8px; - height: 70px; - margin-left: -150px; - width: 300px; + border-radius: 0 0 getCqi(8) getCqi(8); + height: getCqi(70); + margin-left: getCqi(-150); + width: getCqi(300); z-index: -2; } } .device-power { background: radial-gradient(circle at center, $device-silver 85%, $device-silver-dark 100%); - border-radius: 0 0 2px 2px; - height: 32px; - margin: 30px auto 0 auto; + border-radius: 0 0 getCqi(2) getCqi(2); + height: getCqi(32); + margin: getCqi(30) auto 0 auto; position: relative; - width: 250px; + width: getCqi(250); &::after { background: darken($device-silver-dark, 5%); content: ""; - height: 1px; + height: getCqi(1); left: 0; position: absolute; - top: 4px; - width: 250px; + top: getCqi(4); + width: getCqi(250); } } -} \ No newline at end of file +} From bc1b2c79533de44637422353815835b69b9bc6de Mon Sep 17 00:00:00 2001 From: Thomas Scheibitz Date: Fri, 29 Dec 2023 00:03:25 +0100 Subject: [PATCH 5/6] [FEATURE] Make all watches responsive --- dist/devices.css | 224 ++++++++++++++++---------------- dist/devices.min.css | 2 +- docs/assets/css/demo.min.css | 2 +- docs/assets/css/devices.min.css | 2 +- docs/pug/watches.pug | 48 +++---- docs/scss/demo.scss | 8 +- docs/watches.html | 40 +++--- src/_apple-watch-s8.scss | 133 ++++++++++--------- src/_apple-watch-ultra.scss | 181 +++++++++++++------------- 9 files changed, 329 insertions(+), 311 deletions(-) diff --git a/dist/devices.css b/dist/devices.css index 6905753..1997f82 100644 --- a/dist/devices.css +++ b/dist/devices.css @@ -2434,223 +2434,225 @@ } .device-apple-watch-ultra { - height: 380px; - width: 360px; + --device-width: 360; + height: calc(380 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-apple-watch-ultra .device-frame { background: #0d0d0d; - border-radius: 92px; - box-shadow: inset 0 0 12px 1px rgba(13, 13, 13, .75), inset 0 0 0 6px #d6ccc2, inset 0 0 0 12px #d6ccc2; - height: 380px; - margin: 0 20px; - padding: 38px; + border-radius: calc(92 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(13, 13, 13, .75), inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d6ccc2, inset 0 0 0 calc(12 * 1cqi / var(--device-width) * 100) #d6ccc2; + height: calc(380 * 1cqi / var(--device-width) * 100); + margin: 0 calc(20 * 1cqi / var(--device-width) * 100); + padding: calc(38 * 1cqi / var(--device-width) * 100); position: relative; - width: 320px; + width: calc(320 * 1cqi / var(--device-width) * 100); } .device-apple-watch-ultra .device-frame::before { - border: 1px solid #f5f2f0; - border-radius: 80px; - box-shadow: 0 0 6px rgba(13, 13, 13, .2), inset 0 0 4px 1px #f5f2f0, inset 0 0 0 10px #d6ccc2; + border: calc(1 * 1cqi / var(--device-width) * 100) solid #f5f2f0; + border-radius: calc(80 * 1cqi / var(--device-width) * 100); + box-shadow: 0 0 calc(6 * 1cqi / var(--device-width) * 100) rgba(13, 13, 13, .2), inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #f5f2f0, inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #d6ccc2; content: ""; - height: 356px; - left: 12px; + height: calc(356 * 1cqi / var(--device-width) * 100); + left: calc(12 * 1cqi / var(--device-width) * 100); position: absolute; - top: 12px; - width: 296px; + top: calc(12 * 1cqi / var(--device-width) * 100); + width: calc(296 * 1cqi / var(--device-width) * 100); } .device-apple-watch-ultra .device-screen { - border: 2px solid #121212; - border-radius: 62px; - height: 304px; - width: 244px; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #121212; + border-radius: calc(62 * 1cqi / var(--device-width) * 100); + height: calc(304 * 1cqi / var(--device-width) * 100); + width: calc(244 * 1cqi / var(--device-width) * 100); } .device-apple-watch-ultra .device-header { background: radial-gradient(circle at center, #d6ccc2 50%, #ebe6e1 85%, #a38c76 100%); - border-radius: 4px 4px 4px 4px / 8px 4px 4px 8px; - box-shadow: inset 0 0 16px 1px rgba(13, 13, 13, .5), -8px 0 4px rgba(13, 13, 13, .2), inset 4px 0 4px rgba(13, 13, 13, .2); - height: 214px; - margin-top: -107px; + border-radius: calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100)/calc(8 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(16 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(13, 13, 13, .5), calc(-8 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100) rgba(13, 13, 13, .2), inset calc(4 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100) rgba(13, 13, 13, .2); + height: calc(214 * 1cqi / var(--device-width) * 100); + margin-top: calc(-107 * 1cqi / var(--device-width) * 100); position: absolute; - right: 4px; + right: calc(4 * 1cqi / var(--device-width) * 100); top: 50%; - width: 18px; + width: calc(18 * 1cqi / var(--device-width) * 100); z-index: 1; } .device-apple-watch-ultra .device-header::before { - border-radius: 8px 4px 4px 8px / 32px 4px 4px 32px; - box-shadow: -10px 0 8px rgba(13, 13, 13, .2); + border-radius: calc(8 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100)/calc(32 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(32 * 1cqi / var(--device-width) * 100); + box-shadow: calc(-10 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) rgba(13, 13, 13, .2); content: ""; - height: 194px; - margin-top: -97px; + height: calc(194 * 1cqi / var(--device-width) * 100); + margin-top: calc(-97 * 1cqi / var(--device-width) * 100); position: absolute; - right: 8px; + right: calc(8 * 1cqi / var(--device-width) * 100); top: 50%; - width: 12px; + width: calc(12 * 1cqi / var(--device-width) * 100); } .device-apple-watch-ultra .device-btns { background: #d6ccc2; - border-left: 1px solid #4c4033; - border-radius: 8px 6px 6px 8px / 20px 6px 6px 20px; - box-shadow: inset 8px 0 8px 0 #5c4d3e, inset -2px 0 6px #a38c76; - height: 72px; - position: absolute; - right: 1px; - top: 108px; - width: 24px; + border-left: calc(1 * 1cqi / var(--device-width) * 100) solid #4c4033; + border-radius: calc(8 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100); + box-shadow: inset calc(8 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) 0 #5c4d3e, inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(6 * 1cqi / var(--device-width) * 100) #a38c76; + height: calc(72 * 1cqi / var(--device-width) * 100); + position: absolute; + right: calc(1 * 1cqi / var(--device-width) * 100); + top: calc(108 * 1cqi / var(--device-width) * 100); + width: calc(24 * 1cqi / var(--device-width) * 100); z-index: 9; } .device-apple-watch-ultra .device-btns::after { background: #d6ccc2; - border-radius: 2px 4px 4px 2px / 20px 8px 8px 20px; - box-shadow: inset -2px 0 2px 0 #6b5948, inset -6px 0 18px #a38c76; + border-radius: calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100); + box-shadow: inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100) 0 #6b5948, inset calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(18 * 1cqi / var(--device-width) * 100) #a38c76; content: ""; - height: 78px; + height: calc(78 * 1cqi / var(--device-width) * 100); position: absolute; right: 0; - top: -4px; - width: 6px; + top: calc(-4 * 1cqi / var(--device-width) * 100); + width: calc(6 * 1cqi / var(--device-width) * 100); } .device-apple-watch-ultra .device-btns::before { background: #d6ccc2; border-radius: 20%; - box-shadow: 0 -30px rgba(163, 140, 118, .5), 0 -27px #d6ccc2, 0 -25px #89735c, 0 -21px rgba(163, 140, 118, .5), 0 -18px #d6ccc2, 0 -16px #89735c, 0 -12px rgba(163, 140, 118, .5), 0 -9px #d6ccc2, 0 -7px #89735c, 0 -3px rgba(163, 140, 118, .5), 0 0 #d6ccc2, 0 2px #89735c, 0 6px rgba(163, 140, 118, .5), 0 9px #d6ccc2, 0 11px #89735c, 0 15px rgba(163, 140, 118, .5), 0 18px #d6ccc2, 0 20px #89735c, 0 24px rgba(163, 140, 118, .5), 0 27px #d6ccc2, 0 29px #89735c; + box-shadow: 0 calc(-30 * 1cqi / var(--device-width) * 100) rgba(163, 140, 118, .5), 0 calc(-27 * 1cqi / var(--device-width) * 100) #d6ccc2, 0 calc(-25 * 1cqi / var(--device-width) * 100) #89735c, 0 calc(-21 * 1cqi / var(--device-width) * 100) rgba(163, 140, 118, .5), 0 calc(-18 * 1cqi / var(--device-width) * 100) #d6ccc2, 0 calc(-16 * 1cqi / var(--device-width) * 100) #89735c, 0 calc(-12 * 1cqi / var(--device-width) * 100) rgba(163, 140, 118, .5), 0 calc(-9 * 1cqi / var(--device-width) * 100) #d6ccc2, 0 calc(-7 * 1cqi / var(--device-width) * 100) #89735c, 0 calc(-3 * 1cqi / var(--device-width) * 100) rgba(163, 140, 118, .5), 0 0 #d6ccc2, 0 calc(2 * 1cqi / var(--device-width) * 100) #89735c, 0 calc(6 * 1cqi / var(--device-width) * 100) rgba(163, 140, 118, .5), 0 calc(9 * 1cqi / var(--device-width) * 100) #d6ccc2, 0 calc(11 * 1cqi / var(--device-width) * 100) #89735c, 0 calc(15 * 1cqi / var(--device-width) * 100) rgba(163, 140, 118, .5), 0 calc(18 * 1cqi / var(--device-width) * 100) #d6ccc2, 0 calc(20 * 1cqi / var(--device-width) * 100) #89735c, 0 calc(24 * 1cqi / var(--device-width) * 100) rgba(163, 140, 118, .5), 0 calc(27 * 1cqi / var(--device-width) * 100) #d6ccc2, 0 calc(29 * 1cqi / var(--device-width) * 100) #89735c; content: ""; - height: 3px; - margin-top: -2px; + height: calc(3 * 1cqi / var(--device-width) * 100); + margin-top: calc(-2 * 1cqi / var(--device-width) * 100); position: absolute; - right: 2px; + right: calc(2 * 1cqi / var(--device-width) * 100); top: 50%; - width: 16px; + width: calc(16 * 1cqi / var(--device-width) * 100); z-index: 9; } .device-apple-watch-ultra .device-stripe { background: #e0d9d1; - border-radius: 2px 8px 8px 2px; - box-shadow: 0 14px 0 #d6ccc2, 0 28px 0 #d6ccc2; - height: 10px; - left: 19px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100); + box-shadow: 0 calc(14 * 1cqi / var(--device-width) * 100) 0 #d6ccc2, 0 calc(28 * 1cqi / var(--device-width) * 100) 0 #d6ccc2; + height: calc(10 * 1cqi / var(--device-width) * 100); + left: calc(19 * 1cqi / var(--device-width) * 100); position: absolute; - top: 98px; - width: 4px; + top: calc(98 * 1cqi / var(--device-width) * 100); + width: calc(4 * 1cqi / var(--device-width) * 100); z-index: 1; } .device-apple-watch-ultra .device-power { background: #d6ccc2; - border-radius: 2px 4px 4px 2px / 2px 8px 8px 2px; - box-shadow: inset 0 0 2px 1px #a38c76; - height: 72px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #a38c76; + height: calc(72 * 1cqi / var(--device-width) * 100); position: absolute; - right: 1px; - top: 212px; - width: 4px; + right: calc(1 * 1cqi / var(--device-width) * 100); + top: calc(212 * 1cqi / var(--device-width) * 100); + width: calc(4 * 1cqi / var(--device-width) * 100); } .device-apple-watch-ultra .device-home { background: #f18f42; - border: 1px solid #a7500c; - border-radius: 2px 4px 4px 2px / 2px 8px 8px 2px; - box-shadow: inset 0 0 1px 1px #ef812a; - height: 106px; - left: 19px; - position: absolute; - top: 162px; - width: 4px; + border: calc(1 * 1cqi / var(--device-width) * 100) solid #a7500c; + border-radius: calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #ef812a; + height: calc(106 * 1cqi / var(--device-width) * 100); + left: calc(19 * 1cqi / var(--device-width) * 100); + position: absolute; + top: calc(162 * 1cqi / var(--device-width) * 100); + width: calc(4 * 1cqi / var(--device-width) * 100); z-index: 1; } .device-apple-watch-s8 { - height: 380px; - width: 360px; + --device-width: 360; + height: calc(380 * 1cqi / var(--device-width) * 100); + width: 100cqi; } .device-apple-watch-s8 .device-frame { background: #0d0d0d; - border-radius: 92px; - box-shadow: inset 0 0 24px 1px #0d0d0d, inset 0 0 0 12px #606c78; - height: 380px; - margin: 0 20px; - padding: 28px 26px; + border-radius: calc(92 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(24 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #0d0d0d, inset 0 0 0 calc(12 * 1cqi / var(--device-width) * 100) #606c78; + height: calc(380 * 1cqi / var(--device-width) * 100); + margin: 0 calc(20 * 1cqi / var(--device-width) * 100); + padding: calc(28 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100); position: relative; - width: 320px; + width: calc(320 * 1cqi / var(--device-width) * 100); } .device-apple-watch-s8 .device-frame::before { - border: 1px solid #0d0d0d; - border-radius: 80px; - box-shadow: 0 0 12px rgba(255, 255, 255, .5), inset 0 0 12px 2px rgba(255, 255, 255, .75); + border: calc(1 * 1cqi / var(--device-width) * 100) solid #0d0d0d; + border-radius: calc(80 * 1cqi / var(--device-width) * 100); + box-shadow: 0 0 calc(12 * 1cqi / var(--device-width) * 100) rgba(255, 255, 255, .5), inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) rgba(255, 255, 255, .75); content: ""; - height: 356px; - left: 12px; + height: calc(356 * 1cqi / var(--device-width) * 100); + left: calc(12 * 1cqi / var(--device-width) * 100); position: absolute; - top: 12px; - width: 298px; + top: calc(12 * 1cqi / var(--device-width) * 100); + width: calc(298 * 1cqi / var(--device-width) * 100); } .device-apple-watch-s8 .device-screen { - border: 2px solid #121212; - border-radius: 62px; - height: 324px; - width: 268px; + border: calc(2 * 1cqi / var(--device-width) * 100) solid #121212; + border-radius: calc(62 * 1cqi / var(--device-width) * 100); + height: calc(324 * 1cqi / var(--device-width) * 100); + width: calc(268 * 1cqi / var(--device-width) * 100); } .device-apple-watch-s8 .device-btns { background: #606c78; - border-left: 1px solid black; - border-radius: 8px 6px 6px 8px / 20px 6px 6px 20px; - box-shadow: inset 8px 0 8px 0 #1c1f23, inset -2px 0 6px #272c31, -4px 0 8px rgba(13, 13, 13, .25); - height: 72px; - position: absolute; - right: 10px; - top: 108px; - width: 18px; + border-left: calc(1 * 1cqi / var(--device-width) * 100) solid black; + border-radius: calc(8 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100); + box-shadow: inset calc(8 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) 0 #1c1f23, inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31, calc(-4 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) rgba(13, 13, 13, .25); + height: calc(72 * 1cqi / var(--device-width) * 100); + position: absolute; + right: calc(10 * 1cqi / var(--device-width) * 100); + top: calc(108 * 1cqi / var(--device-width) * 100); + width: calc(18 * 1cqi / var(--device-width) * 100); z-index: 9; } .device-apple-watch-s8 .device-btns::after { background: #272c31; - border-radius: 2px 4px 4px 2px / 20px 8px 8px 20px; - box-shadow: inset -2px 0 2px 0 black, inset -6px 0 18px #272c31; + border-radius: calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100); + box-shadow: inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100) 0 black, inset calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(18 * 1cqi / var(--device-width) * 100) #272c31; content: ""; - height: 72px; + height: calc(72 * 1cqi / var(--device-width) * 100); position: absolute; right: 0; top: 0; - width: 6px; + width: calc(6 * 1cqi / var(--device-width) * 100); } .device-apple-watch-s8 .device-btns::before { background: #272c31; border-radius: 20%; - box-shadow: 0 -30px rgba(62, 70, 77, .75), 0 -27px #272c31, 0 -25px black, 0 -21px rgba(62, 70, 77, .75), 0 -18px #272c31, 0 -16px black, 0 -12px rgba(62, 70, 77, .75), 0 -9px #272c31, 0 -7px black, 0 -3px rgba(62, 70, 77, .75), 0 0 #272c31, 0 2px black, 0 6px rgba(62, 70, 77, .75), 0 9px #272c31, 0 11px black, 0 15px rgba(62, 70, 77, .75), 0 18px #272c31, 0 20px black, 0 24px rgba(62, 70, 77, .75), 0 27px #272c31, 0 29px black; + box-shadow: 0 calc(-30 * 1cqi / var(--device-width) * 100) rgba(62, 70, 77, .75), 0 calc(-27 * 1cqi / var(--device-width) * 100) #272c31, 0 calc(-25 * 1cqi / var(--device-width) * 100) black, 0 calc(-21 * 1cqi / var(--device-width) * 100) rgba(62, 70, 77, .75), 0 calc(-18 * 1cqi / var(--device-width) * 100) #272c31, 0 calc(-16 * 1cqi / var(--device-width) * 100) black, 0 calc(-12 * 1cqi / var(--device-width) * 100) rgba(62, 70, 77, .75), 0 calc(-9 * 1cqi / var(--device-width) * 100) #272c31, 0 calc(-7 * 1cqi / var(--device-width) * 100) black, 0 calc(-3 * 1cqi / var(--device-width) * 100) rgba(62, 70, 77, .75), 0 0 #272c31, 0 calc(2 * 1cqi / var(--device-width) * 100) black, 0 calc(6 * 1cqi / var(--device-width) * 100) rgba(62, 70, 77, .75), 0 calc(9 * 1cqi / var(--device-width) * 100) #272c31, 0 calc(11 * 1cqi / var(--device-width) * 100) black, 0 calc(15 * 1cqi / var(--device-width) * 100) rgba(62, 70, 77, .75), 0 calc(18 * 1cqi / var(--device-width) * 100) #272c31, 0 calc(20 * 1cqi / var(--device-width) * 100) black, 0 calc(24 * 1cqi / var(--device-width) * 100) rgba(62, 70, 77, .75), 0 calc(27 * 1cqi / var(--device-width) * 100) #272c31, 0 calc(29 * 1cqi / var(--device-width) * 100) black; content: ""; - height: 3px; - margin-top: -2px; + height: calc(3 * 1cqi / var(--device-width) * 100); + margin-top: calc(-2 * 1cqi / var(--device-width) * 100); position: absolute; - right: 2px; + right: calc(2 * 1cqi / var(--device-width) * 100); top: 50%; - width: 10px; + width: calc(10 * 1cqi / var(--device-width) * 100); z-index: 9; } .device-apple-watch-s8 .device-power { background: #272c31; - border-radius: 2px 4px 4px 2px / 2px 8px 8px 2px; - box-shadow: inset 0 0 2px 1px #101315; - height: 72px; + border-radius: calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100); + box-shadow: inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #101315; + height: calc(72 * 1cqi / var(--device-width) * 100); position: absolute; - right: 18px; - top: 212px; - width: 4px; + right: calc(18 * 1cqi / var(--device-width) * 100); + top: calc(212 * 1cqi / var(--device-width) * 100); + width: calc(4 * 1cqi / var(--device-width) * 100); } .device-homepod { diff --git a/dist/devices.min.css b/dist/devices.min.css index cacfb70..3216db5 100644 --- a/dist/devices.min.css +++ b/dist/devices.min.css @@ -1 +1 @@ -/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14-pro .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #1b1721;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c0b7cd,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #342c3f;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-header{background:#010101;border-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(35 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(29 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:calc(17 * 1cqi / var(--device-width) * 100);height:calc(33 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(74 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(36 * 1cqi / var(--device-width) * 100);top:calc(42 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14-pro .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14 .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #101315;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #b0b8c0,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-80 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(20 * 1cqi / var(--device-width) * 100);width:calc(160 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(4 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(4 * 1cqi / var(--device-width) * 100) #151515;height:calc(7 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-35 * 1cqi / var(--device-width) * 100);top:calc(8 * 1cqi / var(--device-width) * 100);width:calc(70 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(26 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-power{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14 .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14 .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-x .device-frame{background:#222;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(28 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-screen{border-radius:calc(40 * 1cqi / var(--device-width) * 100);height:calc(812 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-102 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(28 * 1cqi / var(--device-width) * 100);width:calc(204 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-25 * 1cqi / var(--device-width) * 100);top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(50 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(42 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns{background:#c8cacb;height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-power{background:#c8cacb;height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8{--device-width:419;height:calc(871 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-8 .device-frame{background:#fff;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(871 * 1cqi / var(--device-width) * 100);padding:calc(102 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(419 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(667 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::before{bottom:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(25 * 1cqi / var(--device-width) * 100);height:calc(58 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-29 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(58 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-38 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(76 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);top:calc(-25 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::before{height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-42 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);top:50%;width:calc(12 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns{background:#c8cacb;height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(102 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after{top:calc(62 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::before{top:calc(132 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-power{background:#c8cacb;height:calc(80 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(160 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #74747a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{--device-width:320;height:calc(610 * 1cqi / var(--device-width) * 100);width:100cqi}.device-the-iphone .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #a9a9a9;border-radius:calc(56 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #010101,inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(13 * 1cqi / var(--device-width) * 100) #f5f5f5;height:calc(610 * 1cqi / var(--device-width) * 100);padding:calc(100 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(320 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::before{border:calc(8 * 1cqi / var(--device-width) * 100) solid #010101;border-left-width:calc(2 * 1cqi / var(--device-width) * 100);border-radius:calc(48 * 1cqi / var(--device-width) * 100);border-right-width:calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #010101;content:"";height:calc(594 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(9 * 1cqi / var(--device-width) * 100);width:calc(316 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::after{border:calc(4 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(38 * 1cqi / var(--device-width) * 100);content:"";height:calc(590 * 1cqi / var(--device-width) * 100);left:calc(13 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(294 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #272727;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(410 * 1cqi / var(--device-width) * 100);width:calc(276 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:calc(5 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::after{background:#272727;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-26 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(54 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(60 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after{border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 50%;top:calc(50 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::before{border-radius:50% 0 0 calc(2 * 1cqi / var(--device-width) * 100);top:calc(131 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:calc(1 * 1cqi / var(--device-width) * 100) solid #292929;border-radius:50%;bottom:calc(28 * 1cqi / var(--device-width) * 100);height:calc(56 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(4 * 1cqi / var(--device-width) * 100);content:"";height:calc(20 * 1cqi / var(--device-width) * 100);left:calc(17 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(17 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-power{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(52 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro{--device-width:404;height:calc(862 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:calc(28 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #8d8d86,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc;height:calc(862 * 1cqi / var(--device-width) * 100);margin:0 calc(2 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);width:calc(400 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(816 * 1cqi / var(--device-width) * 100);width:calc(376 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-147 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(294 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100) 0 0;bottom:0;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-22 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(44 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(40 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(11 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:calc(22 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-11 * 1cqi / var(--device-width) * 100);margin-top:calc(-11 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(39 * 1cqi / var(--device-width) * 100);width:calc(22 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-103 * 1cqi / var(--device-width) * 100);top:calc(-18 * 1cqi / var(--device-width) * 100);width:calc(206 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(8 * 1cqi / var(--device-width) * 100);left:calc(7 * 1cqi / var(--device-width) * 100);top:calc(7 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #ff962e,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #000,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{--device-width:404;height:calc(832 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #cfcfcf,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(832 * 1cqi / var(--device-width) * 100);padding:calc(56 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(404 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(720 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header{height:calc(832 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-150 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(300 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-73 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(146 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after{top:calc(24 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::before{bottom:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:calc(7 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);left:calc(54 * 1cqi / var(--device-width) * 100);margin-top:calc(-7 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(36 * 1cqi / var(--device-width) * 100);width:calc(14 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel{--device-width:360;height:calc(744 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:calc(54 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff;height:calc(744 * 1cqi / var(--device-width) * 100);padding:calc(82 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100) calc(86 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(576 * 1cqi / var(--device-width) * 100);width:calc(324 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe{border-top:calc(6 * 1cqi / var(--device-width) * 100) solid rgba(51,51,51,.15);bottom:0;left:calc(254 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(6 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-254 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(360 * 1cqi / var(--device-width) * 100);z-index:9}.device-google-pixel .device-stripe::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::before{bottom:calc(46 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors{background:#ddd;border-radius:calc(2.5 * 1cqi / var(--device-width) * 100);height:calc(5 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-39 * 1cqi / var(--device-width) * 100);margin-top:calc(-2.5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(41 * 1cqi / var(--device-width) * 100);width:calc(78 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:calc(6 * 1cqi / var(--device-width) * 100);content:"";position:absolute}.device-google-pixel .device-sensors::after{height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-14 * 1cqi / var(--device-width) * 100);top:calc(21.5 * 1cqi / var(--device-width) * 100);width:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::before{height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-81 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);top:50%;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-btns{background:#c8cacb;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(298 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-power{background:#c8cacb;height:calc(50 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(184 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #363635,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #6a6967,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #2a5aff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #7695ff,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{--device-width:380;height:calc(828 * 1cqi / var(--device-width) * 100);width:100cqi}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:calc(55 * 1cqi / var(--device-width) * 100);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(828 * 1cqi / var(--device-width) * 100);padding:calc(48 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) calc(40 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);width:calc(380 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(34 * 1cqi / var(--device-width) * 100);height:calc(740 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(828 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-galaxy-s8 .device-stripe::after{left:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::before{right:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-24 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:calc(-192 * 1cqi / var(--device-width) * 100) 0 #333,calc(-174 * 1cqi / var(--device-width) * 100) 0 #333,calc(-240 * 1cqi / var(--device-width) * 100) 0 #333;height:calc(8 * 1cqi / var(--device-width) * 100);margin-top:calc(-4 * 1cqi / var(--device-width) * 100);right:calc(-90 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::before{box-shadow:calc(186 * 1cqi / var(--device-width) * 100) 0 #666;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-90 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);width:calc(12 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);height:calc(116 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(144 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(54 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(164 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) 0;height:calc(54 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(260 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{--device-width:740;height:calc(434 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(418 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(9 * 1cqi / var(--device-width) * 100) calc(9 * 1cqi / var(--device-width) * 100) calc(23 * 1cqi / var(--device-width) * 100) calc(9 * 1cqi / var(--device-width) * 100);position:relative;width:calc(618 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(24 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:calc(4 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-32 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(64 * 1cqi / var(--device-width) * 100);z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:calc(4 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:calc(-4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:calc(-4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) 0 0;height:calc(375 * 1cqi / var(--device-width) * 100);width:calc(600 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);border-width:calc(1 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) 0 #6c7074;height:calc(24 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #babdbf;content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100);bottom:calc(-2 * 1cqi / var(--device-width) * 100);box-shadow:calc(-300 * 1cqi / var(--device-width) * 100) 0 #272727,calc(300 * 1cqi / var(--device-width) * 100) 0 #272727;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-20 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(40 * 1cqi / var(--device-width) * 100)}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #6a6d70}.device-macbook-pro-2018{--device-width:740;height:calc(444 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(428 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(29 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100) calc(39 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100);position:relative;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(26 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(610 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-frame::before{bottom:calc(10 * 1cqi / var(--device-width) * 100);color:#c8cacb;content:"MacBook Pro";font-size:calc(12 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);left:50%;line-height:calc(16 * 1cqi / var(--device-width) * 100);margin-left:calc(-100 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;width:calc(200 * 1cqi / var(--device-width) * 100);z-index:1}.device-macbook-pro-2018 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(576 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;border-width:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 calc(180 * 1cqi / var(--device-width) * 100) calc(180 * 1cqi / var(--device-width) * 100)/0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #474a4d;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-4 * 1cqi / var(--device-width) * 100);margin:0 auto;top:calc(10 * 1cqi / var(--device-width) * 100);width:calc(740 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #000}.device-macbook{--device-width:740;height:calc(432 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(428 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(29 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100) calc(39 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100);position:relative;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(26 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(610 * 1cqi / var(--device-width) * 100)}.device-macbook .device-frame::before{bottom:calc(10 * 1cqi / var(--device-width) * 100);color:#c8cacb;content:"MacBook";font-size:calc(12 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);left:50%;line-height:calc(16 * 1cqi / var(--device-width) * 100);margin-left:calc(-100 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;width:calc(200 * 1cqi / var(--device-width) * 100);z-index:1}.device-macbook .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(576 * 1cqi / var(--device-width) * 100)}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;border-width:0 calc(4 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 calc(180 * 1cqi / var(--device-width) * 100) calc(180 * 1cqi / var(--device-width) * 100)/0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #474a4d;height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-4 * 1cqi / var(--device-width) * 100);margin:0 auto;top:calc(4 * 1cqi / var(--device-width) * 100);width:calc(740 * 1cqi / var(--device-width) * 100)}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #000}.device-imac{--device-width:640;height:calc(540 * 1cqi / var(--device-width) * 100);width:100cqi}.device-imac .device-frame{background:#edeef0;border-radius:calc(18 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #d4d5d7;height:calc(440 * 1cqi / var(--device-width) * 100);padding:calc(16 * 1cqi / var(--device-width) * 100) calc(16 * 1cqi / var(--device-width) * 100) calc(80 * 1cqi / var(--device-width) * 100) calc(16 * 1cqi / var(--device-width) * 100);position:relative;width:calc(640 * 1cqi / var(--device-width) * 100)}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 calc(18 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);bottom:calc(1 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #c7c8cb;content:"";height:calc(63 * 1cqi / var(--device-width) * 100);left:calc(1 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(638 * 1cqi / var(--device-width) * 100)}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;top:calc(6 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-imac .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(608 * 1cqi / var(--device-width) * 100)}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:calc(1 * 1cqi / var(--device-width) * 100) solid #d4d5d7;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);margin:0 auto;position:relative;width:calc(152 * 1cqi / var(--device-width) * 100)}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:calc(92 * 1cqi / var(--device-width) * 100);margin:0 auto;position:relative;width:calc(152 * 1cqi / var(--device-width) * 100)}.device-imac .device-home{background:0 0;border-radius:0 0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100);bottom:0;box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #d4d5d7,calc(61 * 1cqi / var(--device-width) * 100) 0 #d4d5d7;height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-15 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(30 * 1cqi / var(--device-width) * 100)}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #b4c7da,calc(61 * 1cqi / var(--device-width) * 100) 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #bbd0c8,calc(61 * 1cqi / var(--device-width) * 100) 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #edccc6,calc(61 * 1cqi / var(--device-width) * 100) 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #f4d595,calc(61 * 1cqi / var(--device-width) * 100) 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #e9b5a0,calc(61 * 1cqi / var(--device-width) * 100) 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #c4c4e5,calc(61 * 1cqi / var(--device-width) * 100) 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{--device-width:728;height:calc(424 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-book .device-frame{background:#0d0d0d;border-radius:calc(12 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(408 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(24 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);position:relative;width:calc(584 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(540 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::after{left:calc(122 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::before{left:calc(168 * 1cqi / var(--device-width) * 100);width:calc(44 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:calc(2 * 1cqi / var(--device-width) * 100);border-width:0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);margin-top:calc(4 * 1cqi / var(--device-width) * 100);position:relative;width:calc(728 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100);height:calc(8 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-125 * 1cqi / var(--device-width) * 100);top:0;width:calc(250 * 1cqi / var(--device-width) * 100);z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;bottom:calc(16 * 1cqi / var(--device-width) * 100);height:calc(8 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-292 * 1cqi / var(--device-width) * 100);width:calc(584 * 1cqi / var(--device-width) * 100)}.device-surface-studio{--device-width:640;height:calc(506 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #000;height:calc(440 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100);width:calc(640 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(400 * 1cqi / var(--device-width) * 100);width:calc(600 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);bottom:0;height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-117 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(234 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:calc(-75 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe::after{border:calc(1 * 1cqi / var(--device-width) * 100) solid #e2e3e4;border-radius:0 0 calc(18 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);border-top:0;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(8 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(60 * 1cqi / var(--device-width) * 100);margin-left:calc(-140 * 1cqi / var(--device-width) * 100);width:calc(280 * 1cqi / var(--device-width) * 100);z-index:-1}.device-surface-studio .device-stripe::before{border:calc(15 * 1cqi / var(--device-width) * 100) solid #e2e3e4;border-radius:0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100);border-top:0;height:calc(70 * 1cqi / var(--device-width) * 100);margin-left:calc(-150 * 1cqi / var(--device-width) * 100);width:calc(300 * 1cqi / var(--device-width) * 100);z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);margin:calc(30 * 1cqi / var(--device-width) * 100) auto 0 auto;position:relative;width:calc(250 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:calc(1 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(4 * 1cqi / var(--device-width) * 100);width:calc(250 * 1cqi / var(--device-width) * 100)}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file +/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14-pro .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #1b1721;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c0b7cd,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #342c3f;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-header{background:#010101;border-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(35 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(29 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:calc(17 * 1cqi / var(--device-width) * 100);height:calc(33 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(74 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(36 * 1cqi / var(--device-width) * 100);top:calc(42 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14-pro .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14 .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #101315;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #b0b8c0,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-80 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(20 * 1cqi / var(--device-width) * 100);width:calc(160 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(4 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(4 * 1cqi / var(--device-width) * 100) #151515;height:calc(7 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-35 * 1cqi / var(--device-width) * 100);top:calc(8 * 1cqi / var(--device-width) * 100);width:calc(70 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(26 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-power{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14 .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14 .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-x .device-frame{background:#222;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(28 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-screen{border-radius:calc(40 * 1cqi / var(--device-width) * 100);height:calc(812 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-102 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(28 * 1cqi / var(--device-width) * 100);width:calc(204 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-25 * 1cqi / var(--device-width) * 100);top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(50 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(42 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns{background:#c8cacb;height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-power{background:#c8cacb;height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8{--device-width:419;height:calc(871 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-8 .device-frame{background:#fff;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(871 * 1cqi / var(--device-width) * 100);padding:calc(102 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(419 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(667 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::before{bottom:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(25 * 1cqi / var(--device-width) * 100);height:calc(58 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-29 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(58 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-38 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(76 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);top:calc(-25 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::before{height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-42 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);top:50%;width:calc(12 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns{background:#c8cacb;height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(102 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after{top:calc(62 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::before{top:calc(132 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-power{background:#c8cacb;height:calc(80 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(160 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #74747a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{--device-width:320;height:calc(610 * 1cqi / var(--device-width) * 100);width:100cqi}.device-the-iphone .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #a9a9a9;border-radius:calc(56 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #010101,inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(13 * 1cqi / var(--device-width) * 100) #f5f5f5;height:calc(610 * 1cqi / var(--device-width) * 100);padding:calc(100 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(320 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::before{border:calc(8 * 1cqi / var(--device-width) * 100) solid #010101;border-left-width:calc(2 * 1cqi / var(--device-width) * 100);border-radius:calc(48 * 1cqi / var(--device-width) * 100);border-right-width:calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #010101;content:"";height:calc(594 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(9 * 1cqi / var(--device-width) * 100);width:calc(316 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::after{border:calc(4 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(38 * 1cqi / var(--device-width) * 100);content:"";height:calc(590 * 1cqi / var(--device-width) * 100);left:calc(13 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(294 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #272727;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(410 * 1cqi / var(--device-width) * 100);width:calc(276 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:calc(5 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::after{background:#272727;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-26 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(54 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(60 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after{border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 50%;top:calc(50 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::before{border-radius:50% 0 0 calc(2 * 1cqi / var(--device-width) * 100);top:calc(131 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:calc(1 * 1cqi / var(--device-width) * 100) solid #292929;border-radius:50%;bottom:calc(28 * 1cqi / var(--device-width) * 100);height:calc(56 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(4 * 1cqi / var(--device-width) * 100);content:"";height:calc(20 * 1cqi / var(--device-width) * 100);left:calc(17 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(17 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-power{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(52 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro{--device-width:404;height:calc(862 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:calc(28 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #8d8d86,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc;height:calc(862 * 1cqi / var(--device-width) * 100);margin:0 calc(2 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);width:calc(400 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(816 * 1cqi / var(--device-width) * 100);width:calc(376 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-147 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(294 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100) 0 0;bottom:0;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-22 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(44 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(40 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(11 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:calc(22 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-11 * 1cqi / var(--device-width) * 100);margin-top:calc(-11 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(39 * 1cqi / var(--device-width) * 100);width:calc(22 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-103 * 1cqi / var(--device-width) * 100);top:calc(-18 * 1cqi / var(--device-width) * 100);width:calc(206 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(8 * 1cqi / var(--device-width) * 100);left:calc(7 * 1cqi / var(--device-width) * 100);top:calc(7 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #ff962e,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #000,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{--device-width:404;height:calc(832 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #cfcfcf,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(832 * 1cqi / var(--device-width) * 100);padding:calc(56 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(404 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(720 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header{height:calc(832 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-150 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(300 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-73 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(146 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after{top:calc(24 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::before{bottom:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:calc(7 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);left:calc(54 * 1cqi / var(--device-width) * 100);margin-top:calc(-7 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(36 * 1cqi / var(--device-width) * 100);width:calc(14 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel{--device-width:360;height:calc(744 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:calc(54 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff;height:calc(744 * 1cqi / var(--device-width) * 100);padding:calc(82 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100) calc(86 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(576 * 1cqi / var(--device-width) * 100);width:calc(324 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe{border-top:calc(6 * 1cqi / var(--device-width) * 100) solid rgba(51,51,51,.15);bottom:0;left:calc(254 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(6 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-254 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(360 * 1cqi / var(--device-width) * 100);z-index:9}.device-google-pixel .device-stripe::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::before{bottom:calc(46 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors{background:#ddd;border-radius:calc(2.5 * 1cqi / var(--device-width) * 100);height:calc(5 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-39 * 1cqi / var(--device-width) * 100);margin-top:calc(-2.5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(41 * 1cqi / var(--device-width) * 100);width:calc(78 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:calc(6 * 1cqi / var(--device-width) * 100);content:"";position:absolute}.device-google-pixel .device-sensors::after{height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-14 * 1cqi / var(--device-width) * 100);top:calc(21.5 * 1cqi / var(--device-width) * 100);width:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::before{height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-81 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);top:50%;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-btns{background:#c8cacb;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(298 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-power{background:#c8cacb;height:calc(50 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(184 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #363635,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #6a6967,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #2a5aff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #7695ff,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{--device-width:380;height:calc(828 * 1cqi / var(--device-width) * 100);width:100cqi}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:calc(55 * 1cqi / var(--device-width) * 100);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(828 * 1cqi / var(--device-width) * 100);padding:calc(48 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) calc(40 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);width:calc(380 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(34 * 1cqi / var(--device-width) * 100);height:calc(740 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(828 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-galaxy-s8 .device-stripe::after{left:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::before{right:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-24 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:calc(-192 * 1cqi / var(--device-width) * 100) 0 #333,calc(-174 * 1cqi / var(--device-width) * 100) 0 #333,calc(-240 * 1cqi / var(--device-width) * 100) 0 #333;height:calc(8 * 1cqi / var(--device-width) * 100);margin-top:calc(-4 * 1cqi / var(--device-width) * 100);right:calc(-90 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::before{box-shadow:calc(186 * 1cqi / var(--device-width) * 100) 0 #666;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-90 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);width:calc(12 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);height:calc(116 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(144 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(54 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(164 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) 0;height:calc(54 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(260 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{--device-width:740;height:calc(434 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(418 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(9 * 1cqi / var(--device-width) * 100) calc(9 * 1cqi / var(--device-width) * 100) calc(23 * 1cqi / var(--device-width) * 100) calc(9 * 1cqi / var(--device-width) * 100);position:relative;width:calc(618 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(24 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:calc(4 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-32 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(64 * 1cqi / var(--device-width) * 100);z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:calc(4 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:calc(-4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:calc(-4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) 0 0;height:calc(375 * 1cqi / var(--device-width) * 100);width:calc(600 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);border-width:calc(1 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) 0 #6c7074;height:calc(24 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #babdbf;content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100);bottom:calc(-2 * 1cqi / var(--device-width) * 100);box-shadow:calc(-300 * 1cqi / var(--device-width) * 100) 0 #272727,calc(300 * 1cqi / var(--device-width) * 100) 0 #272727;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-20 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(40 * 1cqi / var(--device-width) * 100)}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #6a6d70}.device-macbook-pro-2018{--device-width:740;height:calc(444 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(428 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(29 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100) calc(39 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100);position:relative;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(26 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(610 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-frame::before{bottom:calc(10 * 1cqi / var(--device-width) * 100);color:#c8cacb;content:"MacBook Pro";font-size:calc(12 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);left:50%;line-height:calc(16 * 1cqi / var(--device-width) * 100);margin-left:calc(-100 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;width:calc(200 * 1cqi / var(--device-width) * 100);z-index:1}.device-macbook-pro-2018 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(576 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;border-width:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 calc(180 * 1cqi / var(--device-width) * 100) calc(180 * 1cqi / var(--device-width) * 100)/0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #474a4d;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-4 * 1cqi / var(--device-width) * 100);margin:0 auto;top:calc(10 * 1cqi / var(--device-width) * 100);width:calc(740 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #000}.device-macbook{--device-width:740;height:calc(432 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(428 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(29 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100) calc(39 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100);position:relative;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(26 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(610 * 1cqi / var(--device-width) * 100)}.device-macbook .device-frame::before{bottom:calc(10 * 1cqi / var(--device-width) * 100);color:#c8cacb;content:"MacBook";font-size:calc(12 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);left:50%;line-height:calc(16 * 1cqi / var(--device-width) * 100);margin-left:calc(-100 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;width:calc(200 * 1cqi / var(--device-width) * 100);z-index:1}.device-macbook .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(576 * 1cqi / var(--device-width) * 100)}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;border-width:0 calc(4 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 calc(180 * 1cqi / var(--device-width) * 100) calc(180 * 1cqi / var(--device-width) * 100)/0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #474a4d;height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-4 * 1cqi / var(--device-width) * 100);margin:0 auto;top:calc(4 * 1cqi / var(--device-width) * 100);width:calc(740 * 1cqi / var(--device-width) * 100)}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #000}.device-imac{--device-width:640;height:calc(540 * 1cqi / var(--device-width) * 100);width:100cqi}.device-imac .device-frame{background:#edeef0;border-radius:calc(18 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #d4d5d7;height:calc(440 * 1cqi / var(--device-width) * 100);padding:calc(16 * 1cqi / var(--device-width) * 100) calc(16 * 1cqi / var(--device-width) * 100) calc(80 * 1cqi / var(--device-width) * 100) calc(16 * 1cqi / var(--device-width) * 100);position:relative;width:calc(640 * 1cqi / var(--device-width) * 100)}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 calc(18 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);bottom:calc(1 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #c7c8cb;content:"";height:calc(63 * 1cqi / var(--device-width) * 100);left:calc(1 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(638 * 1cqi / var(--device-width) * 100)}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;top:calc(6 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-imac .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(608 * 1cqi / var(--device-width) * 100)}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:calc(1 * 1cqi / var(--device-width) * 100) solid #d4d5d7;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);margin:0 auto;position:relative;width:calc(152 * 1cqi / var(--device-width) * 100)}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:calc(92 * 1cqi / var(--device-width) * 100);margin:0 auto;position:relative;width:calc(152 * 1cqi / var(--device-width) * 100)}.device-imac .device-home{background:0 0;border-radius:0 0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100);bottom:0;box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #d4d5d7,calc(61 * 1cqi / var(--device-width) * 100) 0 #d4d5d7;height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-15 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(30 * 1cqi / var(--device-width) * 100)}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #b4c7da,calc(61 * 1cqi / var(--device-width) * 100) 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #bbd0c8,calc(61 * 1cqi / var(--device-width) * 100) 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #edccc6,calc(61 * 1cqi / var(--device-width) * 100) 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #f4d595,calc(61 * 1cqi / var(--device-width) * 100) 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #e9b5a0,calc(61 * 1cqi / var(--device-width) * 100) 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #c4c4e5,calc(61 * 1cqi / var(--device-width) * 100) 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{--device-width:728;height:calc(424 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-book .device-frame{background:#0d0d0d;border-radius:calc(12 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(408 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(24 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);position:relative;width:calc(584 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(540 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::after{left:calc(122 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::before{left:calc(168 * 1cqi / var(--device-width) * 100);width:calc(44 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:calc(2 * 1cqi / var(--device-width) * 100);border-width:0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);margin-top:calc(4 * 1cqi / var(--device-width) * 100);position:relative;width:calc(728 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100);height:calc(8 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-125 * 1cqi / var(--device-width) * 100);top:0;width:calc(250 * 1cqi / var(--device-width) * 100);z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;bottom:calc(16 * 1cqi / var(--device-width) * 100);height:calc(8 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-292 * 1cqi / var(--device-width) * 100);width:calc(584 * 1cqi / var(--device-width) * 100)}.device-surface-studio{--device-width:640;height:calc(506 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #000;height:calc(440 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100);width:calc(640 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(400 * 1cqi / var(--device-width) * 100);width:calc(600 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);bottom:0;height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-117 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(234 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:calc(-75 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe::after{border:calc(1 * 1cqi / var(--device-width) * 100) solid #e2e3e4;border-radius:0 0 calc(18 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);border-top:0;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(8 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(60 * 1cqi / var(--device-width) * 100);margin-left:calc(-140 * 1cqi / var(--device-width) * 100);width:calc(280 * 1cqi / var(--device-width) * 100);z-index:-1}.device-surface-studio .device-stripe::before{border:calc(15 * 1cqi / var(--device-width) * 100) solid #e2e3e4;border-radius:0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100);border-top:0;height:calc(70 * 1cqi / var(--device-width) * 100);margin-left:calc(-150 * 1cqi / var(--device-width) * 100);width:calc(300 * 1cqi / var(--device-width) * 100);z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);margin:calc(30 * 1cqi / var(--device-width) * 100) auto 0 auto;position:relative;width:calc(250 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:calc(1 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(4 * 1cqi / var(--device-width) * 100);width:calc(250 * 1cqi / var(--device-width) * 100)}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{--device-width:360;height:calc(380 * 1cqi / var(--device-width) * 100);width:100cqi}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:calc(92 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.75),inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d6ccc2,inset 0 0 0 calc(12 * 1cqi / var(--device-width) * 100) #d6ccc2;height:calc(380 * 1cqi / var(--device-width) * 100);margin:0 calc(20 * 1cqi / var(--device-width) * 100);padding:calc(38 * 1cqi / var(--device-width) * 100);position:relative;width:calc(320 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-frame::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #f5f2f0;border-radius:calc(80 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(6 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.2),inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #f5f2f0,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #d6ccc2;content:"";height:calc(356 * 1cqi / var(--device-width) * 100);left:calc(12 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(296 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(62 * 1cqi / var(--device-width) * 100);height:calc(304 * 1cqi / var(--device-width) * 100);width:calc(244 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100)/calc(8 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(16 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.5),calc(-8 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.2),inset calc(4 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.2);height:calc(214 * 1cqi / var(--device-width) * 100);margin-top:calc(-107 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(4 * 1cqi / var(--device-width) * 100);top:50%;width:calc(18 * 1cqi / var(--device-width) * 100);z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:calc(8 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100)/calc(32 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(32 * 1cqi / var(--device-width) * 100);box-shadow:calc(-10 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.2);content:"";height:calc(194 * 1cqi / var(--device-width) * 100);margin-top:calc(-97 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(8 * 1cqi / var(--device-width) * 100);top:50%;width:calc(12 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:calc(1 * 1cqi / var(--device-width) * 100) solid #4c4033;border-radius:calc(8 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset calc(8 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) 0 #5c4d3e,inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(6 * 1cqi / var(--device-width) * 100) #a38c76;height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(1 * 1cqi / var(--device-width) * 100);top:calc(108 * 1cqi / var(--device-width) * 100);width:calc(24 * 1cqi / var(--device-width) * 100);z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100) 0 #6b5948,inset calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(18 * 1cqi / var(--device-width) * 100) #a38c76;content:"";height:calc(78 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(-4 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 calc(-30 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(-27 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(-25 * 1cqi / var(--device-width) * 100) #89735c,0 calc(-21 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(-18 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(-16 * 1cqi / var(--device-width) * 100) #89735c,0 calc(-12 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(-9 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(-7 * 1cqi / var(--device-width) * 100) #89735c,0 calc(-3 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 0 #d6ccc2,0 calc(2 * 1cqi / var(--device-width) * 100) #89735c,0 calc(6 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(9 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(11 * 1cqi / var(--device-width) * 100) #89735c,0 calc(15 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(18 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(20 * 1cqi / var(--device-width) * 100) #89735c,0 calc(24 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(27 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(29 * 1cqi / var(--device-width) * 100) #89735c;content:"";height:calc(3 * 1cqi / var(--device-width) * 100);margin-top:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(2 * 1cqi / var(--device-width) * 100);top:50%;width:calc(16 * 1cqi / var(--device-width) * 100);z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);box-shadow:0 calc(14 * 1cqi / var(--device-width) * 100) 0 #d6ccc2,0 calc(28 * 1cqi / var(--device-width) * 100) 0 #d6ccc2;height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(19 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(98 * 1cqi / var(--device-width) * 100);width:calc(4 * 1cqi / var(--device-width) * 100);z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #a38c76;height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(1 * 1cqi / var(--device-width) * 100);top:calc(212 * 1cqi / var(--device-width) * 100);width:calc(4 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-home{background:#f18f42;border:calc(1 * 1cqi / var(--device-width) * 100) solid #a7500c;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #ef812a;height:calc(106 * 1cqi / var(--device-width) * 100);left:calc(19 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(162 * 1cqi / var(--device-width) * 100);width:calc(4 * 1cqi / var(--device-width) * 100);z-index:1}.device-apple-watch-s8{--device-width:360;height:calc(380 * 1cqi / var(--device-width) * 100);width:100cqi}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:calc(92 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(24 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #0d0d0d,inset 0 0 0 calc(12 * 1cqi / var(--device-width) * 100) #606c78;height:calc(380 * 1cqi / var(--device-width) * 100);margin:0 calc(20 * 1cqi / var(--device-width) * 100);padding:calc(28 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100);position:relative;width:calc(320 * 1cqi / var(--device-width) * 100)}.device-apple-watch-s8 .device-frame::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #0d0d0d;border-radius:calc(80 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(12 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.5),inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.75);content:"";height:calc(356 * 1cqi / var(--device-width) * 100);left:calc(12 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(298 * 1cqi / var(--device-width) * 100)}.device-apple-watch-s8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(62 * 1cqi / var(--device-width) * 100);height:calc(324 * 1cqi / var(--device-width) * 100);width:calc(268 * 1cqi / var(--device-width) * 100)}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:calc(1 * 1cqi / var(--device-width) * 100) solid #000;border-radius:calc(8 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset calc(8 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) 0 #1c1f23,inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31,calc(-4 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.25);height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(10 * 1cqi / var(--device-width) * 100);top:calc(108 * 1cqi / var(--device-width) * 100);width:calc(18 * 1cqi / var(--device-width) * 100);z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100) 0 #000,inset calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(18 * 1cqi / var(--device-width) * 100) #272c31;content:"";height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:0;width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 calc(-30 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(-27 * 1cqi / var(--device-width) * 100) #272c31,0 calc(-25 * 1cqi / var(--device-width) * 100) #000,0 calc(-21 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(-18 * 1cqi / var(--device-width) * 100) #272c31,0 calc(-16 * 1cqi / var(--device-width) * 100) #000,0 calc(-12 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(-9 * 1cqi / var(--device-width) * 100) #272c31,0 calc(-7 * 1cqi / var(--device-width) * 100) #000,0 calc(-3 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 0 #272c31,0 calc(2 * 1cqi / var(--device-width) * 100) #000,0 calc(6 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(9 * 1cqi / var(--device-width) * 100) #272c31,0 calc(11 * 1cqi / var(--device-width) * 100) #000,0 calc(15 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(18 * 1cqi / var(--device-width) * 100) #272c31,0 calc(20 * 1cqi / var(--device-width) * 100) #000,0 calc(24 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(27 * 1cqi / var(--device-width) * 100) #272c31,0 calc(29 * 1cqi / var(--device-width) * 100) #000;content:"";height:calc(3 * 1cqi / var(--device-width) * 100);margin-top:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(2 * 1cqi / var(--device-width) * 100);top:50%;width:calc(10 * 1cqi / var(--device-width) * 100);z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #101315;height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(18 * 1cqi / var(--device-width) * 100);top:calc(212 * 1cqi / var(--device-width) * 100);width:calc(4 * 1cqi / var(--device-width) * 100)}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file diff --git a/docs/assets/css/demo.min.css b/docs/assets/css/demo.min.css index bddd9a0..91eb1ba 100644 --- a/docs/assets/css/demo.min.css +++ b/docs/assets/css/demo.min.css @@ -1 +1 @@ -/*! Spectre.css | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#404040;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.7rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#333;outline:0;text-decoration:none}a.active,a:active,a:focus,a:hover{color:#1a1a1a;text-decoration:underline}:focus{outline:0}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{text-decoration-skip:ink edges}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background:#333;border-radius:.2rem;color:#fff;font-size:.6rem;line-height:1.2;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.2rem;color:#404040;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #fff;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.btn{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #09006d;border-radius:.2rem;color:#09006d;cursor:pointer;display:inline-block;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.btn:focus,.btn:hover{background:#eeeef4;color:#09006d;text-decoration:none}.btn.active,.btn:active{background:#f7f7f9;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#09006d;border-left-color:#09006d}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#09006d;border-color:#08005e;box-shadow:0 .1rem .4rem rgba(9,0,109,.25);color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#070054;border-color:#060044;color:#fff}.btn.btn-primary.active,.btn.btn-primary:active{background:#060049;border-color:#05003a;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:0 0;border-color:transparent;color:#333}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#333}.btn.btn-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.3rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,247,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.6rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;appearance:none;background:#fff;background-image:none;border:.1rem solid #e6e6e6;border-radius:.2rem;color:#404040;display:block;font-size:.7rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.2rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-input:-ms-input-placeholder{color:#d9d9d9}.form-input::-ms-input-placeholder{color:#d9d9d9}.form-input::placeholder{color:#d9d9d9}.form-input.input-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.form-input.input-lg{height:2rem;padding:.3rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#d9d9d9;font-size:.6rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #e6e6e6;border-radius:.2rem;color:inherit;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.6rem;height:1.4rem;padding:0 1.1rem 0 .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.3rem 1.4rem .3rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.2rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .2rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.1rem}.has-icon-left .form-input{padding-left:1.2rem}.has-icon-right .form-icon{right:.1rem}.has-icon-right .form-input{padding-right:1.2rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.2rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.1rem solid #e6e6e6;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.6rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eeeef2}.form-checkbox .form-icon{border-radius:.2rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#d9d9d9;background-clip:padding-box;border-radius:.5rem;height:1rem;left:0;top:.2rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f7f9}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#f7f7f9;border:.1rem solid #e6e6e6;border-radius:.2rem;line-height:1.2rem;padding:.2rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.6rem;padding:0 .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.3rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#eeeef2;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f7f9}input.disabled+.form-icon,input:disabled+.form-icon{background:#eeeef2;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eeeef2;border-radius:.2rem;color:#4d4d4d;display:inline-block;line-height:1.2;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#09006d;color:#fff}.label.label-secondary{background:#eeeef4;color:#09006d}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#999;margin-top:.4rem}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.1rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless>.column{padding-left:0;padding-right:0}.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.empty{background:#f7f7f9;border-radius:.2rem;color:#999;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.2rem;box-shadow:0 .05rem 1.1rem rgba(51,51,51,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-item>a{color:inherit;display:block;margin:0;padding:.4rem;text-decoration:none}.menu .menu-item>a.active,.menu .menu-item>a:active,.menu .menu-item>a:focus,.menu .menu-item>a:hover{color:rgba(255,255,255,.75)}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.2rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#09006d}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#09006d;color:#fff}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip{position:relative}.tooltip::after{background:rgba(51,51,51,.95);border-radius:.2rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.6rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#09006d!important}a.text-primary:focus,a.text-primary:hover{color:#070054}a.text-primary:visited{color:#0b0087}.text-secondary{color:#e5e5ee!important}a.text-secondary:focus,a.text-secondary:hover{color:#d5d5e4}a.text-secondary:visited{color:#f4f4f8}.text-gray{color:#999!important}a.text-gray:focus,a.text-gray:hover{color:#8c8c8c}a.text-gray:visited{color:#a6a6a6}.text-light{color:#fff!important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:#fff}.text-dark{color:#404040!important}a.text-dark:focus,a.text-dark:hover{color:#333}a.text-dark:visited{color:#4d4d4d}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#09006d!important;color:#fff}.bg-secondary{background:#eeeef4!important}.bg-dark{background:#333!important;color:#fff}.bg-gray{background:#f7f7f9!important}.bg-success{background:#32b643!important;color:#fff}.bg-warning{background:#ffb700!important;color:#fff}.bg-error{background:#e85600!important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#fff;color:#d9d9d9;content:attr(data-content);display:inline-block;font-size:.6rem;padding:0 .4rem;transform:translateY(-.5rem)}.divider{border-top:.1rem solid #fff;height:.1rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.1rem solid #fff;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;border:.1rem solid #09006d;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-auto{margin:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.mt-auto{margin-top:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.2rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}/*! Devices.css Docs | MIT License | github.com/picturepan2/devices.css */html{scroll-behavior:smooth;scroll-padding-top:4rem}body{background:#f7f7f9;height:100vh;overflow:hidden;position:fixed;width:100vw}.rework-container{display:-ms-flexbox;display:flex;height:100vh;width:100vw}.rework-switch{display:none}.rework-overlay{display:none;height:100vh;position:fixed;width:100vw;z-index:1}@media screen and (max-width:600px){body{height:100%;overflow-y:auto;position:static}.rework-container{-ms-flex-direction:column;flex-direction:column}.rework-container .section-aside{display:none;-ms-flex:auto;flex:auto;height:auto;position:fixed;top:3rem;width:100vw;z-index:9999}.rework-container .section-aside .rework-menu .menu-parent{padding:.6rem .4rem}.rework-container .section-aside .rework-menu .menu-nav,.rework-container .section-aside .rework-menu .menu-parent.active+.menu-nav{display:none}.rework-container .section-main{height:auto}.rework-container .rework-brand.rework-brand-fixed{display:block;position:fixed;z-index:9999}.rework-switch:checked+.rework-container .rework-overlay{display:block}.rework-switch:checked+.rework-container .section-aside{animation:slide-down .15s ease 1;display:-ms-flexbox;display:flex}.rework-switch:checked+.rework-container .section-aside .rework-brand{display:none}}.rework-brand{padding:0 .5rem;width:100%;z-index:999}.rework-brand.rework-brand-fixed{display:none;padding-top:.5rem;position:relative}.rework-brand.rework-brand-fixed .brand-logo{background:#09006d;box-shadow:0 .2rem 1rem rgba(9,0,109,.5);padding:.4rem 1rem}.rework-brand.rework-brand-fixed .brand-homebtn{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:end;height:2.5rem;justify-content:flex-end;padding-right:1rem;position:absolute;right:.5rem;top:.5rem;width:50vw}.rework-brand .icon-menu{color:#eeeef4;display:block;height:1rem;position:relative;width:1rem}.rework-brand .icon-menu::before{background:currentColor;box-shadow:0 .3rem,.3rem 0,.3rem .3rem,0 .6rem;content:"";height:.1rem;left:.05rem;position:absolute;top:.15rem;width:.6rem}.rework-brand .brand-logo{align-items:center;border-radius:.4rem;color:#00d7ff;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.8rem;font-weight:700;height:2.5rem;line-height:1rem;padding:.5rem;text-decoration:none}.rework-brand .brand-logo .brand-primary{border:.05rem solid #fff;border-radius:.2rem;box-shadow:0 .2rem .8rem rgba(51,51,51,.5);color:#fff;display:inline-block;font-weight:400;height:1.2rem;line-height:1rem;margin-right:.1rem;padding:.05rem;text-align:center;width:1.2rem}.rework-brand .brand-logo .brand-secondary{color:#fff;margin-left:-.5em}.section-aside{display:-ms-flexbox;display:flex;-ms-flex:0 0 12rem;flex:0 0 12rem;-ms-flex-direction:column;flex-direction:column;height:100vh;padding:.5rem;width:12rem}.section-aside .sidebar-container{background:#09006d;border-radius:.4rem;box-shadow:0 .2rem .5rem rgba(9,0,109,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.section-aside .rework-menu{color:#fff;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;padding:1rem}.section-aside .rework-menu::-webkit-scrollbar{display:none}.section-aside .rework-menu .menu-parent{color:#fff;display:block;font-size:.8rem;font-weight:700;padding:.2rem .4rem;text-decoration:none}.section-aside .rework-menu .menu-parent.active{color:#00d7ff}.section-aside .rework-menu .menu-parent.active+.menu-nav{display:block}.section-aside .rework-menu .menu-nav{border-radius:0;margin-bottom:1.5rem;opacity:.75;padding-left:.6rem}.section-aside .rework-menu .menu-nav:last-child{margin-bottom:0}.section-aside .rework-actions{-ms-flex:0 0;flex:0 0;padding:.4rem}.section-aside .rework-actions .rework-action{align-items:center;background:rgba(238,238,244,.15);border-radius:.2rem;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;width:100%}.section-aside .rework-actions .btn.btn-link{color:rgba(238,238,244,.75)}.section-main{-ms-flex:1 1 auto;flex:1 1 auto;height:100vh;padding:4rem .4rem .4rem .4rem;scroll-behavior:smooth}@media screen and (min-width:600px){.section-main{overflow-x:hidden;overflow-y:auto;padding:.4rem}}.section-main .rework-emoji{align-items:center;color:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:2.5rem;font-weight:700;line-height:1;padding:.4rem 0}.section-main .rework-header{color:#09006d;font-weight:700;line-height:1.5;margin-bottom:2rem;margin-top:1rem}.section-main .rework-header h1{font-size:1.2rem;font-weight:900;line-height:1;margin-bottom:0}.section-main .rework-header h2{font-size:.8rem;line-height:1.25;margin-bottom:0}.section-main .rework-title{color:#09006d;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-top:1rem}.section-main .rework-title:hover .rework-anchor{visibility:visible}.section-main .rework-title a{text-decoration:none}.section-main .rework-title a:focus,.section-main .rework-title a:hover{color:#09006d}.section-main .content-container{margin-top:1rem}.section-footer{margin-top:1rem;padding:1rem 0}.section-footer .qrcode{position:relative}.section-footer .qrcode .qrcode-item{background:#fff;border-radius:.4rem;bottom:150%;box-shadow:0 .1rem 1rem rgba(51,51,51,.1);display:none;height:7.5rem;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);width:7.5rem}.section-footer .qrcode:hover .qrcode-item{display:block}.section-device .container{padding-bottom:3rem;padding-top:2rem}.section-device .anchor{color:#0a007c;height:0;margin-left:-2em;overflow:hidden;padding:0 1em;position:absolute;text-align:center;width:0}.section-device .anchor:focus,.section-device .anchor:hover{box-shadow:none;height:auto;text-decoration:none;width:2em}.section-device .s-title{color:#333;line-height:1.6rem;margin-bottom:0;padding-bottom:1rem;padding-top:1rem;position:static}.section-device .s-title:hover .anchor{height:auto;width:1em}.section-device .column{padding-bottom:1rem;padding-top:1rem}.rework-hero{align-items:center;border-radius:.4rem;color:#09006d;display:-ms-flexbox;display:flex;-ms-flex-align:center;padding:2rem 0 2rem 0;position:relative;z-index:1}@media screen and (max-width:600px){.rework-hero{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}.rework-hero .hero-image img{margin-right:0}}.rework-hero .hero-title{font-size:1.8rem;font-weight:900;line-height:1.25;margin-bottom:0}.rework-hero .hero-subtitle{color:rgba(9,0,109,.75);font-size:.8rem;line-height:1.25;margin-top:.25rem}.rework-hero .hero-image{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;overflow-y:hidden;position:absolute;right:-.8rem;top:0;width:40vw;z-index:-1}.rework-hero .hero-image img{height:25vw;margin-left:auto;margin-right:2rem;max-height:100%;min-height:75%;width:auto}.rework-device-container{container-type:inline-size;width:100%}.rework-device-container--phones{padding-inline:20%}.rework-device-container--tablets{padding-inline:10%}.rework-device{align-items:center;border-bottom:.05rem solid #e6e6e6;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-top:2rem;padding:2rem}.rework-device .dots{text-align:center}.rework-device .dots .dot{background:#eee;border:2px solid rgba(0,0,0,.1);border-radius:50%;display:inline-block;height:1rem;margin:0 .2rem;width:1rem}.rework-device .dots .dot.active{box-shadow:inset 0 0 0 1.5px #f7f7f9;transform:scale(1.25)}.rework-device .device{margin:1rem 0}@media (max-width:600px){.rework-device .device{margin:0;transform:scale(.75)}.rework-device.computers .device{transform:scale(.5)}}.hero-demo{height:400px;margin-bottom:40px;position:relative}.hero-demo .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute}.hero-demo .demo-iphone-14-pro{height:217px;margin-left:-380px;width:107px;z-index:6}.hero-demo .demo-iphone-14-pro .device{transform:scale(.25)}.hero-demo .demo-iphone-14{height:217px;margin-left:-320px;width:107px;z-index:5}.hero-demo .demo-iphone-14 .device{transform:scale(.25)}.hero-demo .demo-google-pixel-6-pro{height:241.36px;margin-left:-240px;width:113.12px;z-index:4}.hero-demo .demo-google-pixel-6-pro .device{transform:scale(.28)}.hero-demo .demo-macbook-pro{height:217px;margin-left:60px;width:370px;z-index:3}.hero-demo .demo-macbook-pro .device{transform:scale(.5)}.hero-demo .demo-imac{height:405px;margin-left:-240px;width:480px}.hero-demo .demo-imac .device{transform:scale(.75)}.hero-demo .demo-apple-watch-ultra{height:95px;margin-left:-420px;width:90px;z-index:9}.hero-demo .demo-apple-watch-ultra .device{transform:scale(.25)}.hero-section{align-items:flex-end;background:#eeeef2;border-radius:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:end;-ms-flex-pack:center;height:14rem;justify-content:center;margin:.4rem 0;overflow:hidden;position:relative;transition:all .2s ease-in;width:100%}.hero-section:focus,.hero-section:hover{transform:translateY(-.2rem)}.hero-section .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:4rem;justify-content:center;width:5rem;z-index:999}.hero-section .demo.demo-macbook-pro{height:11rem}.hero-section .demo.demo-imac{height:10rem}.hero-section .demo.demo-apple-watch{height:11rem}.hero-section .demo.demo-the-iphone{height:8rem}.hero-section .demo.demo-homepod{height:10rem}.hero-section .demo .device{transform:scale(.4)}.hero-section .demo-title{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:1rem;font-weight:700;left:1rem;position:absolute;top:1rem}.hero-section .demo-title small{font-size:.6rem}.docs-sponsor{background:#e6e6ec;border-radius:.2rem;display:block;margin:2rem 0;padding:.4rem;position:relative}.docs-sponsor ins{line-height:1;vertical-align:middle}@media (min-width:1366px){.docs-sponsor.docs-sponsor-sidebar{bottom:1rem;margin:0;position:fixed;right:1rem;width:7.3rem}} \ No newline at end of file +/*! Spectre.css | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#404040;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.7rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#333;outline:0;text-decoration:none}a.active,a:active,a:focus,a:hover{color:#1a1a1a;text-decoration:underline}:focus{outline:0}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{text-decoration-skip:ink edges}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background:#333;border-radius:.2rem;color:#fff;font-size:.6rem;line-height:1.2;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.2rem;color:#404040;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #fff;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.btn{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #09006d;border-radius:.2rem;color:#09006d;cursor:pointer;display:inline-block;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.btn:focus,.btn:hover{background:#eeeef4;color:#09006d;text-decoration:none}.btn.active,.btn:active{background:#f7f7f9;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#09006d;border-left-color:#09006d}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#09006d;border-color:#08005e;box-shadow:0 .1rem .4rem rgba(9,0,109,.25);color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#070054;border-color:#060044;color:#fff}.btn.btn-primary.active,.btn.btn-primary:active{background:#060049;border-color:#05003a;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:0 0;border-color:transparent;color:#333}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#333}.btn.btn-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.3rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,247,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.6rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;appearance:none;background:#fff;background-image:none;border:.1rem solid #e6e6e6;border-radius:.2rem;color:#404040;display:block;font-size:.7rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.2rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-input:-ms-input-placeholder{color:#d9d9d9}.form-input::-ms-input-placeholder{color:#d9d9d9}.form-input::placeholder{color:#d9d9d9}.form-input.input-sm{font-size:.6rem;height:1.4rem;padding:0 .3rem}.form-input.input-lg{height:2rem;padding:.3rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#d9d9d9;font-size:.6rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;appearance:none;background:#fff;border:.1rem solid #e6e6e6;border-radius:.2rem;color:inherit;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.2rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.6rem;height:1.4rem;padding:0 1.1rem 0 .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.3rem 1.4rem .3rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.2rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .2rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.1rem}.has-icon-left .form-input{padding-left:1.2rem}.has-icon-right .form-icon{right:.1rem}.has-icon-right .form-input{padding-right:1.2rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.2rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#09006d;box-shadow:0 0 0 .1rem rgba(9,0,109,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.1rem solid #e6e6e6;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.6rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eeeef2}.form-checkbox .form-icon{border-radius:.2rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#09006d;border-color:#09006d}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#d9d9d9;background-clip:padding-box;border-radius:.5rem;height:1rem;left:0;top:.2rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f7f9}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#f7f7f9;border:.1rem solid #e6e6e6;border-radius:.2rem;line-height:1.2rem;padding:.2rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.6rem;padding:0 .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.3rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#eeeef2;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f7f9}input.disabled+.form-icon,input:disabled+.form-icon{background:#eeeef2;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eeeef2;border-radius:.2rem;color:#4d4d4d;display:inline-block;line-height:1.2;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#09006d;color:#fff}.label.label-secondary{background:#eeeef4;color:#09006d}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#999;margin-top:.4rem}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.1rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless>.column{padding-left:0;padding-right:0}.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.empty{background:#f7f7f9;border-radius:.2rem;color:#999;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.2rem;box-shadow:0 .05rem 1.1rem rgba(51,51,51,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-item>a{color:inherit;display:block;margin:0;padding:.4rem;text-decoration:none}.menu .menu-item>a.active,.menu .menu-item>a:active,.menu .menu-item>a:focus,.menu .menu-item>a:hover{color:rgba(255,255,255,.75)}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.2rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#09006d}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#09006d;color:#fff}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip{position:relative}.tooltip::after{background:rgba(51,51,51,.95);border-radius:.2rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.6rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#09006d!important}a.text-primary:focus,a.text-primary:hover{color:#070054}a.text-primary:visited{color:#0b0087}.text-secondary{color:#e5e5ee!important}a.text-secondary:focus,a.text-secondary:hover{color:#d5d5e4}a.text-secondary:visited{color:#f4f4f8}.text-gray{color:#999!important}a.text-gray:focus,a.text-gray:hover{color:#8c8c8c}a.text-gray:visited{color:#a6a6a6}.text-light{color:#fff!important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:#fff}.text-dark{color:#404040!important}a.text-dark:focus,a.text-dark:hover{color:#333}a.text-dark:visited{color:#4d4d4d}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#09006d!important;color:#fff}.bg-secondary{background:#eeeef4!important}.bg-dark{background:#333!important;color:#fff}.bg-gray{background:#f7f7f9!important}.bg-success{background:#32b643!important;color:#fff}.bg-warning{background:#ffb700!important;color:#fff}.bg-error{background:#e85600!important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#fff;color:#d9d9d9;content:attr(data-content);display:inline-block;font-size:.6rem;padding:0 .4rem;transform:translateY(-.5rem)}.divider{border-top:.1rem solid #fff;height:.1rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.1rem solid #fff;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;border:.1rem solid #09006d;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-auto{margin:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.mt-auto{margin-top:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.2rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}/*! Devices.css Docs | MIT License | github.com/picturepan2/devices.css */html{scroll-behavior:smooth;scroll-padding-top:4rem}body{background:#f7f7f9;height:100vh;overflow:hidden;position:fixed;width:100vw}.rework-container{display:-ms-flexbox;display:flex;height:100vh;width:100vw}.rework-switch{display:none}.rework-overlay{display:none;height:100vh;position:fixed;width:100vw;z-index:1}@media screen and (max-width:600px){body{height:100%;overflow-y:auto;position:static}.rework-container{-ms-flex-direction:column;flex-direction:column}.rework-container .section-aside{display:none;-ms-flex:auto;flex:auto;height:auto;position:fixed;top:3rem;width:100vw;z-index:9999}.rework-container .section-aside .rework-menu .menu-parent{padding:.6rem .4rem}.rework-container .section-aside .rework-menu .menu-nav,.rework-container .section-aside .rework-menu .menu-parent.active+.menu-nav{display:none}.rework-container .section-main{height:auto}.rework-container .rework-brand.rework-brand-fixed{display:block;position:fixed;z-index:9999}.rework-switch:checked+.rework-container .rework-overlay{display:block}.rework-switch:checked+.rework-container .section-aside{animation:slide-down .15s ease 1;display:-ms-flexbox;display:flex}.rework-switch:checked+.rework-container .section-aside .rework-brand{display:none}}.rework-brand{padding:0 .5rem;width:100%;z-index:999}.rework-brand.rework-brand-fixed{display:none;padding-top:.5rem;position:relative}.rework-brand.rework-brand-fixed .brand-logo{background:#09006d;box-shadow:0 .2rem 1rem rgba(9,0,109,.5);padding:.4rem 1rem}.rework-brand.rework-brand-fixed .brand-homebtn{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:end;height:2.5rem;justify-content:flex-end;padding-right:1rem;position:absolute;right:.5rem;top:.5rem;width:50vw}.rework-brand .icon-menu{color:#eeeef4;display:block;height:1rem;position:relative;width:1rem}.rework-brand .icon-menu::before{background:currentColor;box-shadow:0 .3rem,.3rem 0,.3rem .3rem,0 .6rem;content:"";height:.1rem;left:.05rem;position:absolute;top:.15rem;width:.6rem}.rework-brand .brand-logo{align-items:center;border-radius:.4rem;color:#00d7ff;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.8rem;font-weight:700;height:2.5rem;line-height:1rem;padding:.5rem;text-decoration:none}.rework-brand .brand-logo .brand-primary{border:.05rem solid #fff;border-radius:.2rem;box-shadow:0 .2rem .8rem rgba(51,51,51,.5);color:#fff;display:inline-block;font-weight:400;height:1.2rem;line-height:1rem;margin-right:.1rem;padding:.05rem;text-align:center;width:1.2rem}.rework-brand .brand-logo .brand-secondary{color:#fff;margin-left:-.5em}.section-aside{display:-ms-flexbox;display:flex;-ms-flex:0 0 12rem;flex:0 0 12rem;-ms-flex-direction:column;flex-direction:column;height:100vh;padding:.5rem;width:12rem}.section-aside .sidebar-container{background:#09006d;border-radius:.4rem;box-shadow:0 .2rem .5rem rgba(9,0,109,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.section-aside .rework-menu{color:#fff;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;padding:1rem}.section-aside .rework-menu::-webkit-scrollbar{display:none}.section-aside .rework-menu .menu-parent{color:#fff;display:block;font-size:.8rem;font-weight:700;padding:.2rem .4rem;text-decoration:none}.section-aside .rework-menu .menu-parent.active{color:#00d7ff}.section-aside .rework-menu .menu-parent.active+.menu-nav{display:block}.section-aside .rework-menu .menu-nav{border-radius:0;margin-bottom:1.5rem;opacity:.75;padding-left:.6rem}.section-aside .rework-menu .menu-nav:last-child{margin-bottom:0}.section-aside .rework-actions{-ms-flex:0 0;flex:0 0;padding:.4rem}.section-aside .rework-actions .rework-action{align-items:center;background:rgba(238,238,244,.15);border-radius:.2rem;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;width:100%}.section-aside .rework-actions .btn.btn-link{color:rgba(238,238,244,.75)}.section-main{-ms-flex:1 1 auto;flex:1 1 auto;height:100vh;padding:4rem .4rem .4rem .4rem;scroll-behavior:smooth}@media screen and (min-width:600px){.section-main{overflow-x:hidden;overflow-y:auto;padding:.4rem}}.section-main .rework-emoji{align-items:center;color:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:2.5rem;font-weight:700;line-height:1;padding:.4rem 0}.section-main .rework-header{color:#09006d;font-weight:700;line-height:1.5;margin-bottom:2rem;margin-top:1rem}.section-main .rework-header h1{font-size:1.2rem;font-weight:900;line-height:1;margin-bottom:0}.section-main .rework-header h2{font-size:.8rem;line-height:1.25;margin-bottom:0}.section-main .rework-title{color:#09006d;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-top:1rem}.section-main .rework-title:hover .rework-anchor{visibility:visible}.section-main .rework-title a{text-decoration:none}.section-main .rework-title a:focus,.section-main .rework-title a:hover{color:#09006d}.section-main .content-container{margin-top:1rem}.section-footer{margin-top:1rem;padding:1rem 0}.section-footer .qrcode{position:relative}.section-footer .qrcode .qrcode-item{background:#fff;border-radius:.4rem;bottom:150%;box-shadow:0 .1rem 1rem rgba(51,51,51,.1);display:none;height:7.5rem;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);width:7.5rem}.section-footer .qrcode:hover .qrcode-item{display:block}.section-device .container{padding-bottom:3rem;padding-top:2rem}.section-device .anchor{color:#0a007c;height:0;margin-left:-2em;overflow:hidden;padding:0 1em;position:absolute;text-align:center;width:0}.section-device .anchor:focus,.section-device .anchor:hover{box-shadow:none;height:auto;text-decoration:none;width:2em}.section-device .s-title{color:#333;line-height:1.6rem;margin-bottom:0;padding-bottom:1rem;padding-top:1rem;position:static}.section-device .s-title:hover .anchor{height:auto;width:1em}.section-device .column{padding-bottom:1rem;padding-top:1rem}.rework-hero{align-items:center;border-radius:.4rem;color:#09006d;display:-ms-flexbox;display:flex;-ms-flex-align:center;padding:2rem 0 2rem 0;position:relative;z-index:1}@media screen and (max-width:600px){.rework-hero{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}.rework-hero .hero-image img{margin-right:0}}.rework-hero .hero-title{font-size:1.8rem;font-weight:900;line-height:1.25;margin-bottom:0}.rework-hero .hero-subtitle{color:rgba(9,0,109,.75);font-size:.8rem;line-height:1.25;margin-top:.25rem}.rework-hero .hero-image{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;overflow-y:hidden;position:absolute;right:-.8rem;top:0;width:40vw;z-index:-1}.rework-hero .hero-image img{height:25vw;margin-left:auto;margin-right:2rem;max-height:100%;min-height:75%;width:auto}.rework-device-container{container-type:inline-size;width:100%}.rework-device-container--phones{max-inline-size:400px}.rework-device-container--tablets{max-inline-size:500px}.rework-device-container--watches{max-inline-size:400px}.rework-device{align-items:center;border-bottom:.05rem solid #e6e6e6;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-top:2rem;padding:2rem}.rework-device .dots{text-align:center}.rework-device .dots .dot{background:#eee;border:2px solid rgba(0,0,0,.1);border-radius:50%;display:inline-block;height:1rem;margin:0 .2rem;width:1rem}.rework-device .dots .dot.active{box-shadow:inset 0 0 0 1.5px #f7f7f9;transform:scale(1.25)}.rework-device .device{margin:1rem 0}@media (max-width:600px){.rework-device .device{margin:0;transform:scale(.75)}.rework-device.computers .device{transform:scale(.5)}}.hero-demo{height:400px;margin-bottom:40px;position:relative}.hero-demo .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute}.hero-demo .demo-iphone-14-pro{height:217px;margin-left:-380px;width:107px;z-index:6}.hero-demo .demo-iphone-14-pro .device{transform:scale(.25)}.hero-demo .demo-iphone-14{height:217px;margin-left:-320px;width:107px;z-index:5}.hero-demo .demo-iphone-14 .device{transform:scale(.25)}.hero-demo .demo-google-pixel-6-pro{height:241.36px;margin-left:-240px;width:113.12px;z-index:4}.hero-demo .demo-google-pixel-6-pro .device{transform:scale(.28)}.hero-demo .demo-macbook-pro{height:217px;margin-left:60px;width:370px;z-index:3}.hero-demo .demo-macbook-pro .device{transform:scale(.5)}.hero-demo .demo-imac{height:405px;margin-left:-240px;width:480px}.hero-demo .demo-imac .device{transform:scale(.75)}.hero-demo .demo-apple-watch-ultra{height:95px;margin-left:-420px;width:90px;z-index:9}.hero-demo .demo-apple-watch-ultra .device{transform:scale(.25)}.hero-section{align-items:flex-end;background:#eeeef2;border-radius:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:end;-ms-flex-pack:center;height:14rem;justify-content:center;margin:.4rem 0;overflow:hidden;position:relative;transition:all .2s ease-in;width:100%}.hero-section:focus,.hero-section:hover{transform:translateY(-.2rem)}.hero-section .demo{align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:4rem;justify-content:center;width:5rem;z-index:999}.hero-section .demo.demo-macbook-pro{height:11rem}.hero-section .demo.demo-imac{height:10rem}.hero-section .demo.demo-apple-watch{height:11rem}.hero-section .demo.demo-the-iphone{height:8rem}.hero-section .demo.demo-homepod{height:10rem}.hero-section .demo .device{transform:scale(.4)}.hero-section .demo-title{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:1rem;font-weight:700;left:1rem;position:absolute;top:1rem}.hero-section .demo-title small{font-size:.6rem}.docs-sponsor{background:#e6e6ec;border-radius:.2rem;display:block;margin:2rem 0;padding:.4rem;position:relative}.docs-sponsor ins{line-height:1;vertical-align:middle}@media (min-width:1366px){.docs-sponsor.docs-sponsor-sidebar{bottom:1rem;margin:0;position:fixed;right:1rem;width:7.3rem}} \ No newline at end of file diff --git a/docs/assets/css/devices.min.css b/docs/assets/css/devices.min.css index cacfb70..3216db5 100644 --- a/docs/assets/css/devices.min.css +++ b/docs/assets/css/devices.min.css @@ -1 +1 @@ -/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14-pro .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #1b1721;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c0b7cd,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #342c3f;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-header{background:#010101;border-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(35 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(29 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:calc(17 * 1cqi / var(--device-width) * 100);height:calc(33 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(74 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(36 * 1cqi / var(--device-width) * 100);top:calc(42 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14-pro .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14 .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #101315;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #b0b8c0,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-80 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(20 * 1cqi / var(--device-width) * 100);width:calc(160 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(4 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(4 * 1cqi / var(--device-width) * 100) #151515;height:calc(7 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-35 * 1cqi / var(--device-width) * 100);top:calc(8 * 1cqi / var(--device-width) * 100);width:calc(70 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(26 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-power{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14 .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14 .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-x .device-frame{background:#222;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(28 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-screen{border-radius:calc(40 * 1cqi / var(--device-width) * 100);height:calc(812 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-102 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(28 * 1cqi / var(--device-width) * 100);width:calc(204 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-25 * 1cqi / var(--device-width) * 100);top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(50 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(42 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns{background:#c8cacb;height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-power{background:#c8cacb;height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8{--device-width:419;height:calc(871 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-8 .device-frame{background:#fff;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(871 * 1cqi / var(--device-width) * 100);padding:calc(102 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(419 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(667 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::before{bottom:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(25 * 1cqi / var(--device-width) * 100);height:calc(58 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-29 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(58 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-38 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(76 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);top:calc(-25 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::before{height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-42 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);top:50%;width:calc(12 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns{background:#c8cacb;height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(102 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after{top:calc(62 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::before{top:calc(132 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-power{background:#c8cacb;height:calc(80 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(160 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #74747a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{--device-width:320;height:calc(610 * 1cqi / var(--device-width) * 100);width:100cqi}.device-the-iphone .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #a9a9a9;border-radius:calc(56 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #010101,inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(13 * 1cqi / var(--device-width) * 100) #f5f5f5;height:calc(610 * 1cqi / var(--device-width) * 100);padding:calc(100 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(320 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::before{border:calc(8 * 1cqi / var(--device-width) * 100) solid #010101;border-left-width:calc(2 * 1cqi / var(--device-width) * 100);border-radius:calc(48 * 1cqi / var(--device-width) * 100);border-right-width:calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #010101;content:"";height:calc(594 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(9 * 1cqi / var(--device-width) * 100);width:calc(316 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::after{border:calc(4 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(38 * 1cqi / var(--device-width) * 100);content:"";height:calc(590 * 1cqi / var(--device-width) * 100);left:calc(13 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(294 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #272727;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(410 * 1cqi / var(--device-width) * 100);width:calc(276 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:calc(5 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::after{background:#272727;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-26 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(54 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(60 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after{border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 50%;top:calc(50 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::before{border-radius:50% 0 0 calc(2 * 1cqi / var(--device-width) * 100);top:calc(131 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:calc(1 * 1cqi / var(--device-width) * 100) solid #292929;border-radius:50%;bottom:calc(28 * 1cqi / var(--device-width) * 100);height:calc(56 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(4 * 1cqi / var(--device-width) * 100);content:"";height:calc(20 * 1cqi / var(--device-width) * 100);left:calc(17 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(17 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-power{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(52 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro{--device-width:404;height:calc(862 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:calc(28 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #8d8d86,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc;height:calc(862 * 1cqi / var(--device-width) * 100);margin:0 calc(2 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);width:calc(400 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(816 * 1cqi / var(--device-width) * 100);width:calc(376 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-147 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(294 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100) 0 0;bottom:0;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-22 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(44 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(40 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(11 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:calc(22 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-11 * 1cqi / var(--device-width) * 100);margin-top:calc(-11 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(39 * 1cqi / var(--device-width) * 100);width:calc(22 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-103 * 1cqi / var(--device-width) * 100);top:calc(-18 * 1cqi / var(--device-width) * 100);width:calc(206 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(8 * 1cqi / var(--device-width) * 100);left:calc(7 * 1cqi / var(--device-width) * 100);top:calc(7 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #ff962e,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #000,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{--device-width:404;height:calc(832 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #cfcfcf,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(832 * 1cqi / var(--device-width) * 100);padding:calc(56 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(404 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(720 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header{height:calc(832 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-150 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(300 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-73 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(146 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after{top:calc(24 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::before{bottom:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:calc(7 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);left:calc(54 * 1cqi / var(--device-width) * 100);margin-top:calc(-7 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(36 * 1cqi / var(--device-width) * 100);width:calc(14 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel{--device-width:360;height:calc(744 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:calc(54 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff;height:calc(744 * 1cqi / var(--device-width) * 100);padding:calc(82 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100) calc(86 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(576 * 1cqi / var(--device-width) * 100);width:calc(324 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe{border-top:calc(6 * 1cqi / var(--device-width) * 100) solid rgba(51,51,51,.15);bottom:0;left:calc(254 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(6 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-254 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(360 * 1cqi / var(--device-width) * 100);z-index:9}.device-google-pixel .device-stripe::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::before{bottom:calc(46 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors{background:#ddd;border-radius:calc(2.5 * 1cqi / var(--device-width) * 100);height:calc(5 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-39 * 1cqi / var(--device-width) * 100);margin-top:calc(-2.5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(41 * 1cqi / var(--device-width) * 100);width:calc(78 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:calc(6 * 1cqi / var(--device-width) * 100);content:"";position:absolute}.device-google-pixel .device-sensors::after{height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-14 * 1cqi / var(--device-width) * 100);top:calc(21.5 * 1cqi / var(--device-width) * 100);width:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::before{height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-81 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);top:50%;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-btns{background:#c8cacb;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(298 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-power{background:#c8cacb;height:calc(50 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(184 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #363635,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #6a6967,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #2a5aff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #7695ff,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{--device-width:380;height:calc(828 * 1cqi / var(--device-width) * 100);width:100cqi}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:calc(55 * 1cqi / var(--device-width) * 100);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(828 * 1cqi / var(--device-width) * 100);padding:calc(48 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) calc(40 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);width:calc(380 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(34 * 1cqi / var(--device-width) * 100);height:calc(740 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(828 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-galaxy-s8 .device-stripe::after{left:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::before{right:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-24 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:calc(-192 * 1cqi / var(--device-width) * 100) 0 #333,calc(-174 * 1cqi / var(--device-width) * 100) 0 #333,calc(-240 * 1cqi / var(--device-width) * 100) 0 #333;height:calc(8 * 1cqi / var(--device-width) * 100);margin-top:calc(-4 * 1cqi / var(--device-width) * 100);right:calc(-90 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::before{box-shadow:calc(186 * 1cqi / var(--device-width) * 100) 0 #666;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-90 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);width:calc(12 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);height:calc(116 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(144 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(54 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(164 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) 0;height:calc(54 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(260 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{--device-width:740;height:calc(434 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(418 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(9 * 1cqi / var(--device-width) * 100) calc(9 * 1cqi / var(--device-width) * 100) calc(23 * 1cqi / var(--device-width) * 100) calc(9 * 1cqi / var(--device-width) * 100);position:relative;width:calc(618 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(24 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:calc(4 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-32 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(64 * 1cqi / var(--device-width) * 100);z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:calc(4 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:calc(-4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:calc(-4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) 0 0;height:calc(375 * 1cqi / var(--device-width) * 100);width:calc(600 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);border-width:calc(1 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) 0 #6c7074;height:calc(24 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #babdbf;content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100);bottom:calc(-2 * 1cqi / var(--device-width) * 100);box-shadow:calc(-300 * 1cqi / var(--device-width) * 100) 0 #272727,calc(300 * 1cqi / var(--device-width) * 100) 0 #272727;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-20 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(40 * 1cqi / var(--device-width) * 100)}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #6a6d70}.device-macbook-pro-2018{--device-width:740;height:calc(444 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(428 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(29 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100) calc(39 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100);position:relative;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(26 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(610 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-frame::before{bottom:calc(10 * 1cqi / var(--device-width) * 100);color:#c8cacb;content:"MacBook Pro";font-size:calc(12 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);left:50%;line-height:calc(16 * 1cqi / var(--device-width) * 100);margin-left:calc(-100 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;width:calc(200 * 1cqi / var(--device-width) * 100);z-index:1}.device-macbook-pro-2018 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(576 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;border-width:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 calc(180 * 1cqi / var(--device-width) * 100) calc(180 * 1cqi / var(--device-width) * 100)/0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #474a4d;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-4 * 1cqi / var(--device-width) * 100);margin:0 auto;top:calc(10 * 1cqi / var(--device-width) * 100);width:calc(740 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #000}.device-macbook{--device-width:740;height:calc(432 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(428 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(29 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100) calc(39 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100);position:relative;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(26 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(610 * 1cqi / var(--device-width) * 100)}.device-macbook .device-frame::before{bottom:calc(10 * 1cqi / var(--device-width) * 100);color:#c8cacb;content:"MacBook";font-size:calc(12 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);left:50%;line-height:calc(16 * 1cqi / var(--device-width) * 100);margin-left:calc(-100 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;width:calc(200 * 1cqi / var(--device-width) * 100);z-index:1}.device-macbook .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(576 * 1cqi / var(--device-width) * 100)}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;border-width:0 calc(4 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 calc(180 * 1cqi / var(--device-width) * 100) calc(180 * 1cqi / var(--device-width) * 100)/0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #474a4d;height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-4 * 1cqi / var(--device-width) * 100);margin:0 auto;top:calc(4 * 1cqi / var(--device-width) * 100);width:calc(740 * 1cqi / var(--device-width) * 100)}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #000}.device-imac{--device-width:640;height:calc(540 * 1cqi / var(--device-width) * 100);width:100cqi}.device-imac .device-frame{background:#edeef0;border-radius:calc(18 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #d4d5d7;height:calc(440 * 1cqi / var(--device-width) * 100);padding:calc(16 * 1cqi / var(--device-width) * 100) calc(16 * 1cqi / var(--device-width) * 100) calc(80 * 1cqi / var(--device-width) * 100) calc(16 * 1cqi / var(--device-width) * 100);position:relative;width:calc(640 * 1cqi / var(--device-width) * 100)}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 calc(18 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);bottom:calc(1 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #c7c8cb;content:"";height:calc(63 * 1cqi / var(--device-width) * 100);left:calc(1 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(638 * 1cqi / var(--device-width) * 100)}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;top:calc(6 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-imac .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(608 * 1cqi / var(--device-width) * 100)}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:calc(1 * 1cqi / var(--device-width) * 100) solid #d4d5d7;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);margin:0 auto;position:relative;width:calc(152 * 1cqi / var(--device-width) * 100)}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:calc(92 * 1cqi / var(--device-width) * 100);margin:0 auto;position:relative;width:calc(152 * 1cqi / var(--device-width) * 100)}.device-imac .device-home{background:0 0;border-radius:0 0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100);bottom:0;box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #d4d5d7,calc(61 * 1cqi / var(--device-width) * 100) 0 #d4d5d7;height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-15 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(30 * 1cqi / var(--device-width) * 100)}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #b4c7da,calc(61 * 1cqi / var(--device-width) * 100) 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #bbd0c8,calc(61 * 1cqi / var(--device-width) * 100) 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #edccc6,calc(61 * 1cqi / var(--device-width) * 100) 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #f4d595,calc(61 * 1cqi / var(--device-width) * 100) 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #e9b5a0,calc(61 * 1cqi / var(--device-width) * 100) 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #c4c4e5,calc(61 * 1cqi / var(--device-width) * 100) 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{--device-width:728;height:calc(424 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-book .device-frame{background:#0d0d0d;border-radius:calc(12 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(408 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(24 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);position:relative;width:calc(584 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(540 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::after{left:calc(122 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::before{left:calc(168 * 1cqi / var(--device-width) * 100);width:calc(44 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:calc(2 * 1cqi / var(--device-width) * 100);border-width:0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);margin-top:calc(4 * 1cqi / var(--device-width) * 100);position:relative;width:calc(728 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100);height:calc(8 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-125 * 1cqi / var(--device-width) * 100);top:0;width:calc(250 * 1cqi / var(--device-width) * 100);z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;bottom:calc(16 * 1cqi / var(--device-width) * 100);height:calc(8 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-292 * 1cqi / var(--device-width) * 100);width:calc(584 * 1cqi / var(--device-width) * 100)}.device-surface-studio{--device-width:640;height:calc(506 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #000;height:calc(440 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100);width:calc(640 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(400 * 1cqi / var(--device-width) * 100);width:calc(600 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);bottom:0;height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-117 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(234 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:calc(-75 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe::after{border:calc(1 * 1cqi / var(--device-width) * 100) solid #e2e3e4;border-radius:0 0 calc(18 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);border-top:0;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(8 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(60 * 1cqi / var(--device-width) * 100);margin-left:calc(-140 * 1cqi / var(--device-width) * 100);width:calc(280 * 1cqi / var(--device-width) * 100);z-index:-1}.device-surface-studio .device-stripe::before{border:calc(15 * 1cqi / var(--device-width) * 100) solid #e2e3e4;border-radius:0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100);border-top:0;height:calc(70 * 1cqi / var(--device-width) * 100);margin-left:calc(-150 * 1cqi / var(--device-width) * 100);width:calc(300 * 1cqi / var(--device-width) * 100);z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);margin:calc(30 * 1cqi / var(--device-width) * 100) auto 0 auto;position:relative;width:calc(250 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:calc(1 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(4 * 1cqi / var(--device-width) * 100);width:calc(250 * 1cqi / var(--device-width) * 100)}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{height:380px;width:360px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 12px 1px rgba(13,13,13,.75),inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2;height:380px;margin:0 20px;padding:38px;position:relative;width:320px}.device-apple-watch-ultra .device-frame::before{border:1px solid #f5f2f0;border-radius:80px;box-shadow:0 0 6px rgba(13,13,13,.2),inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2;content:"";height:356px;left:12px;position:absolute;top:12px;width:296px}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;height:304px;width:244px}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px 4px 4px 4px/8px 4px 4px 8px;box-shadow:inset 0 0 16px 1px rgba(13,13,13,.5),-8px 0 4px rgba(13,13,13,.2),inset 4px 0 4px rgba(13,13,13,.2);height:214px;margin-top:-107px;position:absolute;right:4px;top:50%;width:18px;z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:8px 4px 4px 8px/32px 4px 4px 32px;box-shadow:-10px 0 8px rgba(13,13,13,.2);content:"";height:194px;margin-top:-97px;position:absolute;right:8px;top:50%;width:12px}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #5c4d3e,inset -2px 0 6px #a38c76;height:72px;position:absolute;right:1px;top:108px;width:24px;z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #6b5948,inset -6px 0 18px #a38c76;content:"";height:78px;position:absolute;right:0;top:-4px;width:6px}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 -30px rgba(163,140,118,.5),0 -27px #d6ccc2,0 -25px #89735c,0 -21px rgba(163,140,118,.5),0 -18px #d6ccc2,0 -16px #89735c,0 -12px rgba(163,140,118,.5),0 -9px #d6ccc2,0 -7px #89735c,0 -3px rgba(163,140,118,.5),0 0 #d6ccc2,0 2px #89735c,0 6px rgba(163,140,118,.5),0 9px #d6ccc2,0 11px #89735c,0 15px rgba(163,140,118,.5),0 18px #d6ccc2,0 20px #89735c,0 24px rgba(163,140,118,.5),0 27px #d6ccc2,0 29px #89735c;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:16px;z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:2px 8px 8px 2px;box-shadow:0 14px 0 #d6ccc2,0 28px 0 #d6ccc2;height:10px;left:19px;position:absolute;top:98px;width:4px;z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #a38c76;height:72px;position:absolute;right:1px;top:212px;width:4px}.device-apple-watch-ultra .device-home{background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 1px 1px #ef812a;height:106px;left:19px;position:absolute;top:162px;width:4px;z-index:1}.device-apple-watch-s8{height:380px;width:360px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78;height:380px;margin:0 20px;padding:28px 26px;position:relative;width:320px}.device-apple-watch-s8 .device-frame::before{border:1px solid #0d0d0d;border-radius:80px;box-shadow:0 0 12px rgba(255,255,255,.5),inset 0 0 12px 2px rgba(255,255,255,.75);content:"";height:356px;left:12px;position:absolute;top:12px;width:298px}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;height:324px;width:268px}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;box-shadow:inset 8px 0 8px 0 #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px rgba(13,13,13,.25);height:72px;position:absolute;right:10px;top:108px;width:18px;z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;box-shadow:inset -2px 0 2px 0 #000,inset -6px 0 18px #272c31;content:"";height:72px;position:absolute;right:0;top:0;width:6px}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 -30px rgba(62,70,77,.75),0 -27px #272c31,0 -25px #000,0 -21px rgba(62,70,77,.75),0 -18px #272c31,0 -16px #000,0 -12px rgba(62,70,77,.75),0 -9px #272c31,0 -7px #000,0 -3px rgba(62,70,77,.75),0 0 #272c31,0 2px #000,0 6px rgba(62,70,77,.75),0 9px #272c31,0 11px #000,0 15px rgba(62,70,77,.75),0 18px #272c31,0 20px #000,0 24px rgba(62,70,77,.75),0 27px #272c31,0 29px #000;content:"";height:3px;margin-top:-2px;position:absolute;right:2px;top:50%;width:10px;z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;box-shadow:inset 0 0 2px 1px #101315;height:72px;position:absolute;right:18px;top:212px;width:4px}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file +/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device ::after,.device ::before,.device::after,.device::before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-14-pro{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14-pro .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #1b1721;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c0b7cd,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #342c3f;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::after,.device-iphone-14-pro .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14-pro .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-header{background:#010101;border-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(35 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(29 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::after,.device-iphone-14-pro .device-sensors::before{content:"";position:absolute}.device-iphone-14-pro .device-sensors::after{background:#010101;border-radius:calc(17 * 1cqi / var(--device-width) * 100);height:calc(33 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(74 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(36 * 1cqi / var(--device-width) * 100);top:calc(42 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after,.device-iphone-14-pro .device-btns::before{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro .device-home::after,.device-iphone-14-pro .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14-pro .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14-pro .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4}.device-iphone-14-pro.device-silver .device-btns{background:#c8cacb}.device-iphone-14-pro.device-silver .device-btns::after,.device-iphone-14-pro.device-silver .device-btns::before{background:#c8cacb}.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #76726f}.device-iphone-14-pro.device-black .device-btns{background:#5c5956}.device-iphone-14-pro.device-black .device-btns::after,.device-iphone-14-pro.device-black .device-btns::before{background:#5c5956}.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d2ab4c}.device-iphone-14-pro.device-gold .device-btns{background:#e7d19e}.device-iphone-14-pro.device-gold .device-btns::after,.device-iphone-14-pro.device-gold .device-btns::before{background:#e7d19e}.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-14 .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #101315;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #b0b8c0,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(19 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-screen{border-radius:calc(49 * 1cqi / var(--device-width) * 100);height:calc(830 * 1cqi / var(--device-width) * 100);width:calc(390 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::after,.device-iphone-14 .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-14 .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header{background:#010101;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-80 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(20 * 1cqi / var(--device-width) * 100);width:calc(160 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after,.device-iphone-14 .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#010101 75%,#010101 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#010101 75%,#010101 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::after,.device-iphone-14 .device-sensors::before{content:"";position:absolute}.device-iphone-14 .device-sensors::after{background:#151515;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(4 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(4 * 1cqi / var(--device-width) * 100) #151515;height:calc(7 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-35 * 1cqi / var(--device-width) * 100);top:calc(8 * 1cqi / var(--device-width) * 100);width:calc(70 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(26 * 1cqi / var(--device-width) * 100);width:calc(9 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after,.device-iphone-14 .device-btns::before{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-power{background:#101315;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-14 .device-home::after,.device-iphone-14 .device-home::before{border:solid rgba(1,1,1,.25);border-width:calc(6 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-iphone-14 .device-home::after{right:calc(86 * 1cqi / var(--device-width) * 100);top:0}.device-iphone-14 .device-home::before{bottom:0;left:calc(86 * 1cqi / var(--device-width) * 100)}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #c8bad3}.device-iphone-14.device-purple .device-btns{background:#af9bbf}.device-iphone-14.device-purple .device-btns::after,.device-iphone-14.device-purple .device-btns::before{background:#af9bbf}.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d3cdc7}.device-iphone-14.device-starlight .device-btns{background:#bdb4aa}.device-iphone-14.device-starlight .device-btns::after,.device-iphone-14.device-starlight .device-btns::before{background:#bdb4aa}.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #ec302b}.device-iphone-14.device-red .device-btns{background:#d11813}.device-iphone-14.device-red .device-btns::after,.device-iphone-14.device-red .device-btns::before{background:#d11813}.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #fff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #98abbe}.device-iphone-14.device-blue .device-btns{background:#7992aa}.device-iphone-14.device-blue .device-btns::after,.device-iphone-14.device-blue .device-btns::before{background:#7992aa}.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{--device-width:428;height:calc(868 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-x .device-frame{background:#222;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(868 * 1cqi / var(--device-width) * 100);padding:calc(28 * 1cqi / var(--device-width) * 100);width:calc(428 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-screen{border-radius:calc(40 * 1cqi / var(--device-width) * 100);height:calc(812 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::after,.device-iphone-x .device-stripe::before{border:solid rgba(1,1,1,.25);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(7 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe::after{top:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-stripe::before{bottom:calc(85 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:calc(20 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(20 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-102 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(28 * 1cqi / var(--device-width) * 100);width:calc(204 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after,.device-iphone-x .device-header::before{content:"";height:calc(10 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:calc(-10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::after,.device-iphone-x .device-sensors::before{content:"";position:absolute}.device-iphone-x .device-sensors::after{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-25 * 1cqi / var(--device-width) * 100);top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(50 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(42 * 1cqi / var(--device-width) * 100);top:calc(30 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns{background:#c8cacb;height:calc(32 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(115 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after,.device-iphone-x .device-btns::before{background:#c8cacb;content:"";height:calc(62 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-btns::before{top:calc(140 * 1cqi / var(--device-width) * 100)}.device-iphone-x .device-power{background:#c8cacb;height:calc(100 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(200 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8{--device-width:419;height:calc(871 * 1cqi / var(--device-width) * 100);width:100cqi}.device-iphone-8 .device-frame{background:#fff;border-radius:calc(68 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(871 * 1cqi / var(--device-width) * 100);padding:calc(102 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(419 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(667 * 1cqi / var(--device-width) * 100);width:calc(375 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::after,.device-iphone-8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(7 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe::after{top:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-stripe::before{bottom:calc(68 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(25 * 1cqi / var(--device-width) * 100);height:calc(58 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-29 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(58 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-38 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(76 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::after,.device-iphone-8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors::after{height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);top:calc(-25 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-sensors::before{height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-42 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);top:50%;width:calc(12 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns{background:#c8cacb;height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(102 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after,.device-iphone-8 .device-btns::before{background:#c8cacb;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::after{top:calc(62 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-btns::before{top:calc(132 * 1cqi / var(--device-width) * 100)}.device-iphone-8 .device-power{background:#c8cacb;height:calc(80 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(160 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns::after,.device-iphone-8.device-gold .device-btns::before{background:#e4b08a}.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #74747a,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-iphone-8.device-spacegray .device-stripe::after,.device-iphone-8.device-spacegray .device-stripe::before{border-color:rgba(204,204,204,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns::after,.device-iphone-8.device-spacegray .device-btns::before{background:#74747a}.device-the-iphone{--device-width:320;height:calc(610 * 1cqi / var(--device-width) * 100);width:100cqi}.device-the-iphone .device-frame{background:#010101;border:calc(1 * 1cqi / var(--device-width) * 100) solid #a9a9a9;border-radius:calc(56 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #010101,inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(13 * 1cqi / var(--device-width) * 100) #f5f5f5;height:calc(610 * 1cqi / var(--device-width) * 100);padding:calc(100 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(320 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::before{border:calc(8 * 1cqi / var(--device-width) * 100) solid #010101;border-left-width:calc(2 * 1cqi / var(--device-width) * 100);border-radius:calc(48 * 1cqi / var(--device-width) * 100);border-right-width:calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #010101;content:"";height:calc(594 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(9 * 1cqi / var(--device-width) * 100);width:calc(316 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-frame::after{border:calc(4 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(38 * 1cqi / var(--device-width) * 100);content:"";height:calc(590 * 1cqi / var(--device-width) * 100);left:calc(13 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(294 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #272727;border-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(410 * 1cqi / var(--device-width) * 100);width:calc(276 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::before{background:linear-gradient(to bottom,#272727 50%,rgba(220,220,220,.25) 50%,#a9a9a9);border-radius:calc(5 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(52 * 1cqi / var(--device-width) * 100);width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-sensors::after{background:#272727;border:calc(1 * 1cqi / var(--device-width) * 100) solid #010101;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-26 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(54 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(30 * 1cqi / var(--device-width) * 100);left:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(60 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after,.device-the-iphone .device-btns::before{background:#696969;content:"";height:calc(56 * 1cqi / var(--device-width) * 100);left:0;position:absolute;width:calc(2 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::after{border-radius:calc(2 * 1cqi / var(--device-width) * 100) 0 0 50%;top:calc(50 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-btns::before{border-radius:50% 0 0 calc(2 * 1cqi / var(--device-width) * 100);top:calc(131 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home{background:radial-gradient(circle at top center,#010101 70%,rgba(220,220,220,.25) 70%,#a9a9a9);border:calc(1 * 1cqi / var(--device-width) * 100) solid #292929;border-radius:50%;bottom:calc(28 * 1cqi / var(--device-width) * 100);height:calc(56 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-28 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(56 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-home::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #dcdcdc;border-radius:calc(4 * 1cqi / var(--device-width) * 100);content:"";height:calc(20 * 1cqi / var(--device-width) * 100);left:calc(17 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(17 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-the-iphone .device-power{background:#696969;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(52 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(52 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro{--device-width:404;height:calc(862 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:calc(28 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #8d8d86,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fdfdfc;height:calc(862 * 1cqi / var(--device-width) * 100);margin:0 calc(2 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);width:calc(400 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(816 * 1cqi / var(--device-width) * 100);width:calc(376 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-header{background:linear-gradient(to bottom,#8d8d86 0,#cbcbc8 30%,#cbcbc8 100%);height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-147 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(294 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::after{background:linear-gradient(to top,#121212,#666661);border-radius:calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100) 0 0;bottom:0;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-22 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(44 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-stripe::before{background:#cbcbc8;bottom:0;content:"";height:calc(9 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(40 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(11 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;height:calc(22 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-11 * 1cqi / var(--device-width) * 100);margin-top:calc(-11 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(39 * 1cqi / var(--device-width) * 100);width:calc(22 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::after,.device-google-pixel-6-pro .device-sensors::before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors::after{background:linear-gradient(to bottom,#121212,#666661);border-radius:0 0 calc(50 * 1cqi / var(--device-width) * 100) calc(50 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-103 * 1cqi / var(--device-width) * 100);top:calc(-18 * 1cqi / var(--device-width) * 100);width:calc(206 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(8 * 1cqi / var(--device-width) * 100);left:calc(7 * 1cqi / var(--device-width) * 100);top:calc(7 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro .device-power{background:#b2b2ae;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #ff962e,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(to bottom,#ff962e 0,#ffd6ad 30%,#ffd6ad 100%)}.device-google-pixel-6-pro.device-gold .device-stripe::after{background:linear-gradient(to top,#121212,#e07000)}.device-google-pixel-6-pro.device-gold .device-stripe::before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns{background:#ffbd7a}.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) #000,inset 0 calc(7 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668,inset 0 calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(3 * 1cqi / var(--device-width) * 100) #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(to bottom,#000 0,#323334 30%,#323334 100%)}.device-google-pixel-6-pro.device-black .device-stripe::after{background:linear-gradient(to top,#121212,#000)}.device-google-pixel-6-pro.device-black .device-stripe::before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns{background:#191a1a}.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{--device-width:404;height:calc(832 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #cfcfcf,inset 0 0 0 calc(7 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(832 * 1cqi / var(--device-width) * 100);padding:calc(56 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);width:calc(404 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-screen{border-radius:calc(27 * 1cqi / var(--device-width) * 100);height:calc(720 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header{height:calc(832 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-150 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(300 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after,.device-google-pixel-2-xl .device-header::before{background:#333;border-radius:calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-73 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(146 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::after{top:calc(24 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-header::before{bottom:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:calc(7 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);left:calc(54 * 1cqi / var(--device-width) * 100);margin-top:calc(-7 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(36 * 1cqi / var(--device-width) * 100);width:calc(14 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(306 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:calc(58 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(194 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel{--device-width:360;height:calc(744 * 1cqi / var(--device-width) * 100);width:100cqi}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:calc(54 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff;height:calc(744 * 1cqi / var(--device-width) * 100);padding:calc(82 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100) calc(86 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(576 * 1cqi / var(--device-width) * 100);width:calc(324 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe{border-top:calc(6 * 1cqi / var(--device-width) * 100) solid rgba(51,51,51,.15);bottom:0;left:calc(254 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(8 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::after,.device-google-pixel .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:0 calc(6 * 1cqi / var(--device-width) * 100);content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-254 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(360 * 1cqi / var(--device-width) * 100);z-index:9}.device-google-pixel .device-stripe::after{top:calc(60 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-stripe::before{bottom:calc(46 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors{background:#ddd;border-radius:calc(2.5 * 1cqi / var(--device-width) * 100);height:calc(5 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-39 * 1cqi / var(--device-width) * 100);margin-top:calc(-2.5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(41 * 1cqi / var(--device-width) * 100);width:calc(78 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::after,.device-google-pixel .device-sensors::before{background:#333;border-radius:calc(6 * 1cqi / var(--device-width) * 100);content:"";position:absolute}.device-google-pixel .device-sensors::after{height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-14 * 1cqi / var(--device-width) * 100);top:calc(21.5 * 1cqi / var(--device-width) * 100);width:calc(28 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-sensors::before{height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-81 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);top:50%;width:calc(10 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-btns{background:#c8cacb;height:calc(102 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(298 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel .device-power{background:#c8cacb;height:calc(50 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(184 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #363635,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #6a6967,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe::after,.device-google-pixel.device-black .device-stripe::before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors::after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns::after,.device-google-pixel.device-black .device-btns::before{background:#363635}.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #2a5aff,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #7695ff,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns::after,.device-google-pixel.device-blue .device-btns::before{background:#2a5aff}.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{--device-width:380;height:calc(828 * 1cqi / var(--device-width) * 100);width:100cqi}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:calc(55 * 1cqi / var(--device-width) * 100);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #9c9c9c;height:calc(828 * 1cqi / var(--device-width) * 100);padding:calc(48 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) calc(40 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);width:calc(380 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(34 * 1cqi / var(--device-width) * 100);height:calc(740 * 1cqi / var(--device-width) * 100);width:calc(360 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::after,.device-galaxy-s8 .device-stripe::before{border:solid rgba(51,51,51,.15);border-width:calc(5 * 1cqi / var(--device-width) * 100) 0;content:"";height:calc(828 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-galaxy-s8 .device-stripe::after{left:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-stripe::before{right:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors{background:#666;border-radius:calc(3 * 1cqi / var(--device-width) * 100);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-24 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(32 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::after,.device-galaxy-s8 .device-sensors::before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors::after{box-shadow:calc(-192 * 1cqi / var(--device-width) * 100) 0 #333,calc(-174 * 1cqi / var(--device-width) * 100) 0 #333,calc(-240 * 1cqi / var(--device-width) * 100) 0 #333;height:calc(8 * 1cqi / var(--device-width) * 100);margin-top:calc(-4 * 1cqi / var(--device-width) * 100);right:calc(-90 * 1cqi / var(--device-width) * 100);width:calc(8 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-sensors::before{box-shadow:calc(186 * 1cqi / var(--device-width) * 100) 0 #666;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-90 * 1cqi / var(--device-width) * 100);margin-top:calc(-6 * 1cqi / var(--device-width) * 100);width:calc(12 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);height:calc(116 * 1cqi / var(--device-width) * 100);left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(144 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-btns::after{background:#9c9c9c;border-radius:calc(3 * 1cqi / var(--device-width) * 100) 0 0 calc(3 * 1cqi / var(--device-width) * 100);content:"";height:calc(54 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(164 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) 0;height:calc(54 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(260 * 1cqi / var(--device-width) * 100);width:calc(3 * 1cqi / var(--device-width) * 100)}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #5192d4}.device-galaxy-s8.device-blue .device-stripe::after,.device-galaxy-s8.device-blue .device-stripe::before{border-color:rgba(255,255,255,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns::after{background:#5192d4}.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{--device-width:740;height:calc(434 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(418 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(9 * 1cqi / var(--device-width) * 100) calc(9 * 1cqi / var(--device-width) * 100) calc(23 * 1cqi / var(--device-width) * 100) calc(9 * 1cqi / var(--device-width) * 100);position:relative;width:calc(618 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-frame::after{background:linear-gradient(to bottom,#272727,#0d0d0d);border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(24 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header{background:#0d0d0d;border-bottom-left-radius:calc(4 * 1cqi / var(--device-width) * 100);border-bottom-right-radius:calc(4 * 1cqi / var(--device-width) * 100);height:calc(12 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-32 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(11 * 1cqi / var(--device-width) * 100);width:calc(64 * 1cqi / var(--device-width) * 100);z-index:2}.device-macbook-pro .device-header::after,.device-macbook-pro .device-header::before{content:"";height:calc(4 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header::after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);left:calc(-4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-header::before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#0d0d0d 75%,#0d0d0d 100%);right:calc(-4 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100) 0 0;height:calc(375 * 1cqi / var(--device-width) * 100);width:calc(600 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border:solid #a0a3a7;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);border-width:calc(1 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) 0 #6c7074;height:calc(24 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook-pro .device-power::after{background:#e2e3e4;border-radius:0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #babdbf;content:"";height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);position:absolute;top:0;width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook-pro .device-power::before{background:0 0;border-radius:0 0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100);bottom:calc(-2 * 1cqi / var(--device-width) * 100);box-shadow:calc(-300 * 1cqi / var(--device-width) * 100) 0 #272727,calc(300 * 1cqi / var(--device-width) * 100) 0 #272727;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-20 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(40 * 1cqi / var(--device-width) * 100)}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle at center,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) 0 #202121}.device-macbook-pro.device-spacegray .device-power::after{background:#b7babc;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #6a6d70}.device-macbook-pro-2018{--device-width:740;height:calc(444 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(428 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(29 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100) calc(39 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100);position:relative;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-frame::after{background:#272727;border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(26 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(610 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-frame::before{bottom:calc(10 * 1cqi / var(--device-width) * 100);color:#c8cacb;content:"MacBook Pro";font-size:calc(12 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);left:50%;line-height:calc(16 * 1cqi / var(--device-width) * 100);margin-left:calc(-100 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;width:calc(200 * 1cqi / var(--device-width) * 100);z-index:1}.device-macbook-pro-2018 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(576 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;border-width:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100);height:calc(14 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook-pro-2018 .device-power::after,.device-macbook-pro-2018 .device-power::before{content:"";position:absolute}.device-macbook-pro-2018 .device-power::after{background:#d5d6d8;border-radius:0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018 .device-power::before{background:#a0a3a7;border-radius:0 0 calc(180 * 1cqi / var(--device-width) * 100) calc(180 * 1cqi / var(--device-width) * 100)/0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(12 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #474a4d;height:calc(12 * 1cqi / var(--device-width) * 100);left:calc(-4 * 1cqi / var(--device-width) * 100);margin:0 auto;top:calc(10 * 1cqi / var(--device-width) * 100);width:calc(740 * 1cqi / var(--device-width) * 100)}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power::after{background:#83878a;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #000}.device-macbook{--device-width:740;height:calc(432 * 1cqi / var(--device-width) * 100);width:100cqi}.device-macbook .device-frame{background:#0d0d0d;border-radius:calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(428 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(29 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100) calc(39 * 1cqi / var(--device-width) * 100) calc(19 * 1cqi / var(--device-width) * 100);position:relative;width:calc(614 * 1cqi / var(--device-width) * 100)}.device-macbook .device-frame::after{background:#272727;border-radius:0 0 calc(20 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);bottom:calc(2 * 1cqi / var(--device-width) * 100);content:"";height:calc(26 * 1cqi / var(--device-width) * 100);left:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(610 * 1cqi / var(--device-width) * 100)}.device-macbook .device-frame::before{bottom:calc(10 * 1cqi / var(--device-width) * 100);color:#c8cacb;content:"MacBook";font-size:calc(12 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);left:50%;line-height:calc(16 * 1cqi / var(--device-width) * 100);margin-left:calc(-100 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;width:calc(200 * 1cqi / var(--device-width) * 100);z-index:1}.device-macbook .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(576 * 1cqi / var(--device-width) * 100)}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;border-width:0 calc(4 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);margin-top:calc(-10 * 1cqi / var(--device-width) * 100);position:relative;width:calc(740 * 1cqi / var(--device-width) * 100);z-index:9}.device-macbook .device-power::after,.device-macbook .device-power::before{content:"";position:absolute}.device-macbook .device-power::after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-60 * 1cqi / var(--device-width) * 100);width:calc(120 * 1cqi / var(--device-width) * 100)}.device-macbook .device-power::before{background:#a0a3a7;border-radius:0 0 calc(180 * 1cqi / var(--device-width) * 100) calc(180 * 1cqi / var(--device-width) * 100)/0 0 calc(10 * 1cqi / var(--device-width) * 100) calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #474a4d;height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(-4 * 1cqi / var(--device-width) * 100);margin:0 auto;top:calc(4 * 1cqi / var(--device-width) * 100);width:calc(740 * 1cqi / var(--device-width) * 100)}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power::after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power::before{background:#edccb4;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power::after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power::before{background:#f6a69a;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power::after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power::before{background:#515456;box-shadow:inset 0 calc(-2 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) 0 #000}.device-imac{--device-width:640;height:calc(540 * 1cqi / var(--device-width) * 100);width:100cqi}.device-imac .device-frame{background:#edeef0;border-radius:calc(18 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #d4d5d7;height:calc(440 * 1cqi / var(--device-width) * 100);padding:calc(16 * 1cqi / var(--device-width) * 100) calc(16 * 1cqi / var(--device-width) * 100) calc(80 * 1cqi / var(--device-width) * 100) calc(16 * 1cqi / var(--device-width) * 100);position:relative;width:calc(640 * 1cqi / var(--device-width) * 100)}.device-imac .device-frame::after{background:#d4d5d7;border-radius:0 0 calc(18 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);bottom:calc(1 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #c7c8cb;content:"";height:calc(63 * 1cqi / var(--device-width) * 100);left:calc(1 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(638 * 1cqi / var(--device-width) * 100)}.device-imac .device-frame::before{background:#050505;border-radius:50%;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;text-align:center;top:calc(6 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100);z-index:9}.device-imac .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(608 * 1cqi / var(--device-width) * 100)}.device-imac .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:calc(1 * 1cqi / var(--device-width) * 100) solid #d4d5d7;content:"";height:calc(6 * 1cqi / var(--device-width) * 100);margin:0 auto;position:relative;width:calc(152 * 1cqi / var(--device-width) * 100)}.device-imac .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:calc(92 * 1cqi / var(--device-width) * 100);margin:0 auto;position:relative;width:calc(152 * 1cqi / var(--device-width) * 100)}.device-imac .device-home{background:0 0;border-radius:0 0 calc(3 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100);bottom:0;box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #d4d5d7,calc(61 * 1cqi / var(--device-width) * 100) 0 #d4d5d7;height:calc(2 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-15 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(30 * 1cqi / var(--device-width) * 100)}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #b4c7da}.device-imac.device-blue .device-frame::after{background:#b4c7da;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #a3bad2}.device-imac.device-blue .device-power::after{background:radial-gradient(circle at center,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power::before{background:linear-gradient(to bottom,#7094b8 0,#a3bad2 40%,#a3bad2 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #b4c7da,calc(61 * 1cqi / var(--device-width) * 100) 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #bbd0c8}.device-imac.device-green .device-frame::after{background:#bbd0c8;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #acc6bc}.device-imac.device-green .device-power::after{background:radial-gradient(circle at center,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power::before{background:linear-gradient(to bottom,#7fa697 0,#acc6bc 40%,#acc6bc 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #bbd0c8,calc(61 * 1cqi / var(--device-width) * 100) 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #edccc6}.device-imac.device-pink .device-frame::after{background:#edccc6;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #e7bbb3}.device-imac.device-pink .device-power::after{background:radial-gradient(circle at center,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power::before{background:linear-gradient(to bottom,#d58778 0,#e7bbb3 40%,#e7bbb3 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #edccc6,calc(61 * 1cqi / var(--device-width) * 100) 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f4d595}.device-imac.device-yellow .device-frame::after{background:#f4d595;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #f2cc7e}.device-imac.device-yellow .device-power::after{background:radial-gradient(circle at center,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power::before{background:linear-gradient(to bottom,#eab039 0,#f2cc7e 40%,#f2cc7e 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #f4d595,calc(61 * 1cqi / var(--device-width) * 100) 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e9b5a0}.device-imac.device-orange .device-frame::after{background:#e9b5a0;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #e4a58b}.device-imac.device-orange .device-power::after{background:radial-gradient(circle at center,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power::before{background:linear-gradient(to bottom,#d6744d 0,#e4a58b 40%,#e4a58b 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #e9b5a0,calc(61 * 1cqi / var(--device-width) * 100) 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c4c4e5}.device-imac.device-purple .device-frame::after{background:#c4c4e5;box-shadow:inset 0 0 calc(18 * 1cqi / var(--device-width) * 100) 0 #b2b2dd}.device-imac.device-purple .device-power::after{background:radial-gradient(circle at center,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power::before{background:linear-gradient(to bottom,#7d7dc6 0,#b2b2dd 40%,#b2b2dd 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:calc(-61 * 1cqi / var(--device-width) * 100) 0 #c4c4e5,calc(61 * 1cqi / var(--device-width) * 100) 0 #c4c4e5}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame::after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame::before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power::after,.device-imac-pro .device-power::before{content:""}.device-imac-pro .device-power::after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power::before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-surface-book{--device-width:728;height:calc(424 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-book .device-frame{background:#0d0d0d;border-radius:calc(12 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(408 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(24 * 1cqi / var(--device-width) * 100) calc(22 * 1cqi / var(--device-width) * 100);position:relative;width:calc(584 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(360 * 1cqi / var(--device-width) * 100);width:calc(540 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::after,.device-surface-book .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::after{left:calc(122 * 1cqi / var(--device-width) * 100);width:calc(20 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-btns::before{left:calc(168 * 1cqi / var(--device-width) * 100);width:calc(44 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-power{background:linear-gradient(to bottom,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:calc(2 * 1cqi / var(--device-width) * 100);border-width:0 calc(2 * 1cqi / var(--device-width) * 100);height:calc(16 * 1cqi / var(--device-width) * 100);margin-top:calc(4 * 1cqi / var(--device-width) * 100);position:relative;width:calc(728 * 1cqi / var(--device-width) * 100)}.device-surface-book .device-power::after,.device-surface-book .device-power::before{content:"";position:absolute}.device-surface-book .device-power::after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a2a2 100%);border-radius:0 0 calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100);height:calc(8 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-125 * 1cqi / var(--device-width) * 100);top:0;width:calc(250 * 1cqi / var(--device-width) * 100);z-index:1}.device-surface-book .device-power::before{background:linear-gradient(to bottom,#eee,#c8c8c8);border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) 0 0;bottom:calc(16 * 1cqi / var(--device-width) * 100);height:calc(8 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-292 * 1cqi / var(--device-width) * 100);width:calc(584 * 1cqi / var(--device-width) * 100)}.device-surface-studio{--device-width:640;height:calc(506 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #000;height:calc(440 * 1cqi / var(--device-width) * 100);padding:calc(20 * 1cqi / var(--device-width) * 100);width:calc(640 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(400 * 1cqi / var(--device-width) * 100);width:calc(600 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);bottom:0;height:calc(4 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-117 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(234 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe::after,.device-surface-studio .device-stripe::before{content:"";left:50%;position:absolute;top:calc(-75 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-stripe::after{border:calc(1 * 1cqi / var(--device-width) * 100) solid #e2e3e4;border-radius:0 0 calc(18 * 1cqi / var(--device-width) * 100) calc(18 * 1cqi / var(--device-width) * 100);border-top:0;box-shadow:inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) #e2e3e4,inset 0 0 0 calc(8 * 1cqi / var(--device-width) * 100) #c8cacb;height:calc(60 * 1cqi / var(--device-width) * 100);margin-left:calc(-140 * 1cqi / var(--device-width) * 100);width:calc(280 * 1cqi / var(--device-width) * 100);z-index:-1}.device-surface-studio .device-stripe::before{border:calc(15 * 1cqi / var(--device-width) * 100) solid #e2e3e4;border-radius:0 0 calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100);border-top:0;height:calc(70 * 1cqi / var(--device-width) * 100);margin-left:calc(-150 * 1cqi / var(--device-width) * 100);width:calc(300 * 1cqi / var(--device-width) * 100);z-index:-2}.device-surface-studio .device-power{background:radial-gradient(circle at center,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);height:calc(32 * 1cqi / var(--device-width) * 100);margin:calc(30 * 1cqi / var(--device-width) * 100) auto 0 auto;position:relative;width:calc(250 * 1cqi / var(--device-width) * 100)}.device-surface-studio .device-power::after{background:#babdbf;content:"";height:calc(1 * 1cqi / var(--device-width) * 100);left:0;position:absolute;top:calc(4 * 1cqi / var(--device-width) * 100);width:calc(250 * 1cqi / var(--device-width) * 100)}.device-ipad-pro{--device-width:560;height:calc(778 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:calc(36 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #babdbf,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(778 * 1cqi / var(--device-width) * 100);padding:calc(27 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(11 * 1cqi / var(--device-width) * 100);height:calc(724 * 1cqi / var(--device-width) * 100);width:calc(506 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::after,.device-ipad-pro .device-btns::before{background:#babdbf;content:"";position:absolute}.device-ipad-pro .device-btns::after{height:calc(2 * 1cqi / var(--device-width) * 100);right:calc(40 * 1cqi / var(--device-width) * 100);top:calc(-2 * 1cqi / var(--device-width) * 100);width:calc(36 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #babdbf;height:calc(32 * 1cqi / var(--device-width) * 100);right:calc(-2 * 1cqi / var(--device-width) * 100);top:calc(63 * 1cqi / var(--device-width) * 100);width:calc(2 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::after,.device-ipad-pro .device-sensors::before{content:"";position:absolute}.device-ipad-pro .device-sensors::after{background:#1a1a1a;border-radius:calc(17 * 1cqi / var(--device-width) * 100);box-shadow:calc(-20 * 1cqi / var(--device-width) * 100) 0 #1a1a1a,calc(70 * 1cqi / var(--device-width) * 100) 0 #1a1a1a;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-30 * 1cqi / var(--device-width) * 100);top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro .device-sensors::before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.05);height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1 * 1cqi / var(--device-width) * 100) #6a6d70,inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(3 * 1cqi / var(--device-width) * 100) #83878a}.device-ipad-pro.device-spacegray .device-btns::after,.device-ipad-pro.device-spacegray .device-btns::before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns::before{box-shadow:0 calc(37 * 1cqi / var(--device-width) * 100) #6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804 * 1cqi / var(--device-width) * 100);width:100cqi}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:calc(38 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8cacb,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #e2e3e4;height:calc(804 * 1cqi / var(--device-width) * 100);padding:calc(62 * 1cqi / var(--device-width) * 100) calc(25 * 1cqi / var(--device-width) * 100);width:calc(560 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #222;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(680 * 1cqi / var(--device-width) * 100);width:calc(510 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-home{border:calc(2 * 1cqi / var(--device-width) * 100) solid #c8cacb;border-radius:50%;bottom:calc(17 * 1cqi / var(--device-width) * 100);height:calc(34 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-17 * 1cqi / var(--device-width) * 100);position:absolute;width:calc(34 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;height:calc(10 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-5 * 1cqi / var(--device-width) * 100);margin-top:calc(-5 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(34 * 1cqi / var(--device-width) * 100);width:calc(10 * 1cqi / var(--device-width) * 100)}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #e4b08a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #f6a69a,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #818187,inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394 * 1cqi / var(--device-width) * 100);width:100cqi}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:calc(10 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 0 calc(2 * 1cqi / var(--device-width) * 100) #c8c8c8;height:calc(394 * 1cqi / var(--device-width) * 100);margin:0 auto;padding:calc(26 * 1cqi / var(--device-width) * 100) calc(24 * 1cqi / var(--device-width) * 100);width:calc(561 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(2 * 1cqi / var(--device-width) * 100);height:calc(342 * 1cqi / var(--device-width) * 100);width:calc(513 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after,.device-surface-pro-2017 .device-btns::before{background:#c8c8c8;content:"";height:calc(2 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(-2 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::after{left:calc(48 * 1cqi / var(--device-width) * 100);width:calc(26 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-btns::before{left:calc(94 * 1cqi / var(--device-width) * 100);width:calc(48 * 1cqi / var(--device-width) * 100)}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;height:calc(6 * 1cqi / var(--device-width) * 100);left:50%;margin-left:calc(-3 * 1cqi / var(--device-width) * 100);margin-top:calc(-3 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(14 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra{--device-width:360;height:calc(380 * 1cqi / var(--device-width) * 100);width:100cqi}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:calc(92 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.75),inset 0 0 0 calc(6 * 1cqi / var(--device-width) * 100) #d6ccc2,inset 0 0 0 calc(12 * 1cqi / var(--device-width) * 100) #d6ccc2;height:calc(380 * 1cqi / var(--device-width) * 100);margin:0 calc(20 * 1cqi / var(--device-width) * 100);padding:calc(38 * 1cqi / var(--device-width) * 100);position:relative;width:calc(320 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-frame::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #f5f2f0;border-radius:calc(80 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(6 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.2),inset 0 0 calc(4 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #f5f2f0,inset 0 0 0 calc(10 * 1cqi / var(--device-width) * 100) #d6ccc2;content:"";height:calc(356 * 1cqi / var(--device-width) * 100);left:calc(12 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(296 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(62 * 1cqi / var(--device-width) * 100);height:calc(304 * 1cqi / var(--device-width) * 100);width:calc(244 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-header{background:radial-gradient(circle at center,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100)/calc(8 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(16 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.5),calc(-8 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.2),inset calc(4 * 1cqi / var(--device-width) * 100) 0 calc(4 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.2);height:calc(214 * 1cqi / var(--device-width) * 100);margin-top:calc(-107 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(4 * 1cqi / var(--device-width) * 100);top:50%;width:calc(18 * 1cqi / var(--device-width) * 100);z-index:1}.device-apple-watch-ultra .device-header::before{border-radius:calc(8 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100)/calc(32 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(32 * 1cqi / var(--device-width) * 100);box-shadow:calc(-10 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.2);content:"";height:calc(194 * 1cqi / var(--device-width) * 100);margin-top:calc(-97 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(8 * 1cqi / var(--device-width) * 100);top:50%;width:calc(12 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-btns{background:#d6ccc2;border-left:calc(1 * 1cqi / var(--device-width) * 100) solid #4c4033;border-radius:calc(8 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset calc(8 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) 0 #5c4d3e,inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(6 * 1cqi / var(--device-width) * 100) #a38c76;height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(1 * 1cqi / var(--device-width) * 100);top:calc(108 * 1cqi / var(--device-width) * 100);width:calc(24 * 1cqi / var(--device-width) * 100);z-index:9}.device-apple-watch-ultra .device-btns::after{background:#d6ccc2;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100) 0 #6b5948,inset calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(18 * 1cqi / var(--device-width) * 100) #a38c76;content:"";height:calc(78 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:calc(-4 * 1cqi / var(--device-width) * 100);width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-btns::before{background:#d6ccc2;border-radius:20%;box-shadow:0 calc(-30 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(-27 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(-25 * 1cqi / var(--device-width) * 100) #89735c,0 calc(-21 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(-18 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(-16 * 1cqi / var(--device-width) * 100) #89735c,0 calc(-12 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(-9 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(-7 * 1cqi / var(--device-width) * 100) #89735c,0 calc(-3 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 0 #d6ccc2,0 calc(2 * 1cqi / var(--device-width) * 100) #89735c,0 calc(6 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(9 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(11 * 1cqi / var(--device-width) * 100) #89735c,0 calc(15 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(18 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(20 * 1cqi / var(--device-width) * 100) #89735c,0 calc(24 * 1cqi / var(--device-width) * 100) rgba(163,140,118,.5),0 calc(27 * 1cqi / var(--device-width) * 100) #d6ccc2,0 calc(29 * 1cqi / var(--device-width) * 100) #89735c;content:"";height:calc(3 * 1cqi / var(--device-width) * 100);margin-top:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(2 * 1cqi / var(--device-width) * 100);top:50%;width:calc(16 * 1cqi / var(--device-width) * 100);z-index:9}.device-apple-watch-ultra .device-stripe{background:#e0d9d1;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);box-shadow:0 calc(14 * 1cqi / var(--device-width) * 100) 0 #d6ccc2,0 calc(28 * 1cqi / var(--device-width) * 100) 0 #d6ccc2;height:calc(10 * 1cqi / var(--device-width) * 100);left:calc(19 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(98 * 1cqi / var(--device-width) * 100);width:calc(4 * 1cqi / var(--device-width) * 100);z-index:1}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #a38c76;height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(1 * 1cqi / var(--device-width) * 100);top:calc(212 * 1cqi / var(--device-width) * 100);width:calc(4 * 1cqi / var(--device-width) * 100)}.device-apple-watch-ultra .device-home{background:#f18f42;border:calc(1 * 1cqi / var(--device-width) * 100) solid #a7500c;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(1 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #ef812a;height:calc(106 * 1cqi / var(--device-width) * 100);left:calc(19 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(162 * 1cqi / var(--device-width) * 100);width:calc(4 * 1cqi / var(--device-width) * 100);z-index:1}.device-apple-watch-s8{--device-width:360;height:calc(380 * 1cqi / var(--device-width) * 100);width:100cqi}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:calc(92 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(24 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #0d0d0d,inset 0 0 0 calc(12 * 1cqi / var(--device-width) * 100) #606c78;height:calc(380 * 1cqi / var(--device-width) * 100);margin:0 calc(20 * 1cqi / var(--device-width) * 100);padding:calc(28 * 1cqi / var(--device-width) * 100) calc(26 * 1cqi / var(--device-width) * 100);position:relative;width:calc(320 * 1cqi / var(--device-width) * 100)}.device-apple-watch-s8 .device-frame::before{border:calc(1 * 1cqi / var(--device-width) * 100) solid #0d0d0d;border-radius:calc(80 * 1cqi / var(--device-width) * 100);box-shadow:0 0 calc(12 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.5),inset 0 0 calc(12 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100) rgba(255,255,255,.75);content:"";height:calc(356 * 1cqi / var(--device-width) * 100);left:calc(12 * 1cqi / var(--device-width) * 100);position:absolute;top:calc(12 * 1cqi / var(--device-width) * 100);width:calc(298 * 1cqi / var(--device-width) * 100)}.device-apple-watch-s8 .device-screen{border:calc(2 * 1cqi / var(--device-width) * 100) solid #121212;border-radius:calc(62 * 1cqi / var(--device-width) * 100);height:calc(324 * 1cqi / var(--device-width) * 100);width:calc(268 * 1cqi / var(--device-width) * 100)}.device-apple-watch-s8 .device-btns{background:#606c78;border-left:calc(1 * 1cqi / var(--device-width) * 100) solid #000;border-radius:calc(8 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(6 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset calc(8 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) 0 #1c1f23,inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(6 * 1cqi / var(--device-width) * 100) #272c31,calc(-4 * 1cqi / var(--device-width) * 100) 0 calc(8 * 1cqi / var(--device-width) * 100) rgba(13,13,13,.25);height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(10 * 1cqi / var(--device-width) * 100);top:calc(108 * 1cqi / var(--device-width) * 100);width:calc(18 * 1cqi / var(--device-width) * 100);z-index:9}.device-apple-watch-s8 .device-btns::after{background:#272c31;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(20 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(20 * 1cqi / var(--device-width) * 100);box-shadow:inset calc(-2 * 1cqi / var(--device-width) * 100) 0 calc(2 * 1cqi / var(--device-width) * 100) 0 #000,inset calc(-6 * 1cqi / var(--device-width) * 100) 0 calc(18 * 1cqi / var(--device-width) * 100) #272c31;content:"";height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:0;top:0;width:calc(6 * 1cqi / var(--device-width) * 100)}.device-apple-watch-s8 .device-btns::before{background:#272c31;border-radius:20%;box-shadow:0 calc(-30 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(-27 * 1cqi / var(--device-width) * 100) #272c31,0 calc(-25 * 1cqi / var(--device-width) * 100) #000,0 calc(-21 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(-18 * 1cqi / var(--device-width) * 100) #272c31,0 calc(-16 * 1cqi / var(--device-width) * 100) #000,0 calc(-12 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(-9 * 1cqi / var(--device-width) * 100) #272c31,0 calc(-7 * 1cqi / var(--device-width) * 100) #000,0 calc(-3 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 0 #272c31,0 calc(2 * 1cqi / var(--device-width) * 100) #000,0 calc(6 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(9 * 1cqi / var(--device-width) * 100) #272c31,0 calc(11 * 1cqi / var(--device-width) * 100) #000,0 calc(15 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(18 * 1cqi / var(--device-width) * 100) #272c31,0 calc(20 * 1cqi / var(--device-width) * 100) #000,0 calc(24 * 1cqi / var(--device-width) * 100) rgba(62,70,77,.75),0 calc(27 * 1cqi / var(--device-width) * 100) #272c31,0 calc(29 * 1cqi / var(--device-width) * 100) #000;content:"";height:calc(3 * 1cqi / var(--device-width) * 100);margin-top:calc(-2 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(2 * 1cqi / var(--device-width) * 100);top:50%;width:calc(10 * 1cqi / var(--device-width) * 100);z-index:9}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:calc(2 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(4 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100)/calc(2 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(8 * 1cqi / var(--device-width) * 100) calc(2 * 1cqi / var(--device-width) * 100);box-shadow:inset 0 0 calc(2 * 1cqi / var(--device-width) * 100) calc(1 * 1cqi / var(--device-width) * 100) #101315;height:calc(72 * 1cqi / var(--device-width) * 100);position:absolute;right:calc(18 * 1cqi / var(--device-width) * 100);top:calc(212 * 1cqi / var(--device-width) * 100);width:calc(4 * 1cqi / var(--device-width) * 100)}.device-homepod{height:395px;width:320px}.device-homepod .device-frame{background:linear-gradient(to right,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000;height:385px;margin:5px auto;overflow:hidden;position:relative;width:320px}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(135deg,rgba(141,143,149,.35) 0,rgba(141,143,149,.35) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px),repeating-linear-gradient(135deg,transparent 0,transparent 2px,rgba(29,30,32,.35) 2px,rgba(29,30,32,.35) 4px,transparent 4px,transparent 6px);border-radius:80px;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505;height:385px;left:0;overflow:hidden;position:absolute;top:5px;width:320px;z-index:9}.device-homepod .device-stripe::before{top:0;transform:translateY(-34%) perspective(500px) rotateX(51deg)}.device-homepod .device-stripe::after{bottom:0;transform:translateY(34%) perspective(500px) rotateX(-51deg)}.device-homepod .device-home::after,.device-homepod .device-home::before{background:#36373a;content:"";left:50%;position:absolute}.device-homepod .device-home::before{border-radius:50% 50% 8px 8px;height:10px;margin-left:-85px;top:0;width:170px}.device-homepod .device-home::after{border-radius:0 0 10% 10%/0 0 8px 8px;bottom:0;box-shadow:inset 0 0 4px 0 #111112;height:5px;margin-left:-85px;width:170px}.device-pro-display-xdr{height:475px;width:640px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;box-shadow:inset 0 0 2px #d4d5d7;height:368px;padding:8px;position:relative;width:640px}.device-pro-display-xdr .device-frame::before{background:#050505;border-radius:50%;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;text-align:center;top:6px;width:6px;z-index:9}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;height:352px;width:624px}.device-pro-display-xdr .device-power::after{background:radial-gradient(circle at center,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;content:"";height:6px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-power::before{background:linear-gradient(to bottom,#9fa1a6 0,#c7c8cb 40%,#c7c8cb 85%,#fff 90%,#6b6e74 100%);content:"";height:102px;margin:0 auto;position:relative;width:152px}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;bottom:-2px;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74;height:1px;left:50%;margin-left:-15px;position:absolute;width:30px} \ No newline at end of file diff --git a/docs/pug/watches.pug b/docs/pug/watches.pug index 493d37f..c13e392 100644 --- a/docs/pug/watches.pug +++ b/docs/pug/watches.pug @@ -25,16 +25,17 @@ block content .rework-content p Apple Watch Ultra. Rugged and capable, with precision dual-frequency GPS, up to 36-hour battery life, and three bands for athletes of all kinds. .rework-device.watches - .device.device-apple-watch-ultra - .device-frame - img.device-screen(src="assets/img/bg-watch.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home - + .rework-device-container.rework-device-container--watches + .device.device-apple-watch-ultra + .device-frame + img.device-screen(src="assets/img/bg-watch.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home + include _layout/_ad-g.pug .columns @@ -44,23 +45,24 @@ block content a.ml-2(href="#apple-watch-series-8") # h3.text-assistive Pure CSS Apple Watch Series 8, Apple Watch Series 8 in pure CSS .rework-content - p Apple Watch Series 8 features temperature sensing for insights into women’s health, Car Crash Detection, and sleep stages to understand your sleep. + p Apple Watch Series 8 features temperature sensing for insights into women’s health, Car Crash Detection, and sleep stages to understand your sleep. .rework-device.watches .dots .dot.tooltip.active(style="background:#272C31;" data-tooltip="device-midnight (default)") - .device.device-apple-watch-s8 - .device-frame - img.device-screen(src="assets/img/bg-watch.jpg" loading="lazy") - .device-stripe - .device-header - .device-sensors - .device-btns - .device-power - .device-home - + .rework-device-container.rework-device-container--watches + .device.device-apple-watch-s8 + .device-frame + img.device-screen(src="assets/img/bg-watch.jpg" loading="lazy") + .device-stripe + .device-header + .device-sensors + .device-btns + .device-power + .device-home + include _layout/_ad-sidebar.pug - .columns + .columns ul.pagination.column .page-item.page-prev a(href="tablets.html") @@ -69,4 +71,4 @@ block content .page-item.page-next a(href="accessories.html") .page-item-subtitle Next - .page-item-title.h5 Accessories \ No newline at end of file + .page-item-title.h5 Accessories diff --git a/docs/scss/demo.scss b/docs/scss/demo.scss index 5274fe7..c8e1546 100644 --- a/docs/scss/demo.scss +++ b/docs/scss/demo.scss @@ -493,11 +493,15 @@ body { width: 100%; &--phones { - padding-inline: 20%; + max-inline-size: 400px; } &--tablets { - padding-inline: 10%; + max-inline-size: 500px; + } + + &--watches { + max-inline-size: 400px; } } diff --git a/docs/watches.html b/docs/watches.html index 1ced5ee..c265ccc 100644 --- a/docs/watches.html +++ b/docs/watches.html @@ -94,14 +94,16 @@

Pure CSS Apple Watch Ultra, Apple Watch Ultra in pure

Apple Watch Ultra. Rugged and capable, with precision dual-frequency GPS, up to 36-hour battery life, and three bands for athletes of all kinds.

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -122,20 +124,22 @@

Pure CSS Apple Watch Ultra, Apple Watch Ultra in pure

Apple Watch Series 8#

Pure CSS Apple Watch Series 8, Apple Watch Series 8 in pure CSS

-

Apple Watch Series 8 features temperature sensing for insights into women’s health, Car Crash Detection, and sleep stages to understand your sleep.

+

Apple Watch Series 8 features temperature sensing for insights into women’s health, Car Crash Detection, and sleep stages to understand your sleep.

-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
@@ -145,7 +149,7 @@

Pure CSS Apple Watch Series 8, Apple Watch Series 8 i

-
+
-
+