diff --git a/.yarn/cache/@standardnotes-api-npm-1.1.17-183600bb5f-483faa9395.zip b/.yarn/cache/@standardnotes-api-npm-1.1.17-183600bb5f-483faa9395.zip new file mode 100644 index 000000000..fdff2cd6b Binary files /dev/null and b/.yarn/cache/@standardnotes-api-npm-1.1.17-183600bb5f-483faa9395.zip differ diff --git a/.yarn/cache/@standardnotes-auth-npm-3.19.4-29b35c1352-84ac9e669e.zip b/.yarn/cache/@standardnotes-auth-npm-3.19.4-29b35c1352-84ac9e669e.zip new file mode 100644 index 000000000..e3cc077ea Binary files /dev/null and b/.yarn/cache/@standardnotes-auth-npm-3.19.4-29b35c1352-84ac9e669e.zip differ diff --git a/.yarn/cache/@standardnotes-common-npm-1.23.1-ed73dbb679-f498f4c469.zip b/.yarn/cache/@standardnotes-common-npm-1.23.1-ed73dbb679-f498f4c469.zip new file mode 100644 index 000000000..507ef2442 Binary files /dev/null and b/.yarn/cache/@standardnotes-common-npm-1.23.1-ed73dbb679-f498f4c469.zip differ diff --git a/.yarn/cache/@standardnotes-domain-events-npm-2.32.5-d809038510-95532b9fdf.zip b/.yarn/cache/@standardnotes-domain-events-npm-2.32.5-d809038510-95532b9fdf.zip new file mode 100644 index 000000000..405d6b170 Binary files /dev/null and b/.yarn/cache/@standardnotes-domain-events-npm-2.32.5-d809038510-95532b9fdf.zip differ diff --git a/.yarn/cache/@standardnotes-encryption-npm-1.8.22-a04b05c8a4-7a571c4b25.zip b/.yarn/cache/@standardnotes-encryption-npm-1.8.22-a04b05c8a4-7a571c4b25.zip new file mode 100644 index 000000000..cf9934fff Binary files /dev/null and b/.yarn/cache/@standardnotes-encryption-npm-1.8.22-a04b05c8a4-7a571c4b25.zip differ diff --git a/.yarn/cache/@standardnotes-features-npm-1.46.0-32e559e3b6-0653b9b425.zip b/.yarn/cache/@standardnotes-features-npm-1.46.0-32e559e3b6-0653b9b425.zip new file mode 100644 index 000000000..da2275986 Binary files /dev/null and b/.yarn/cache/@standardnotes-features-npm-1.46.0-32e559e3b6-0653b9b425.zip differ diff --git a/.yarn/cache/@standardnotes-filepicker-npm-1.16.22-8f40dfd9e0-df14eedefd.zip b/.yarn/cache/@standardnotes-filepicker-npm-1.16.22-8f40dfd9e0-df14eedefd.zip new file mode 100644 index 000000000..33e9d00ae Binary files /dev/null and b/.yarn/cache/@standardnotes-filepicker-npm-1.16.22-8f40dfd9e0-df14eedefd.zip differ diff --git a/.yarn/cache/@standardnotes-files-npm-1.3.22-85a573b022-4bd58c1aed.zip b/.yarn/cache/@standardnotes-files-npm-1.3.22-85a573b022-4bd58c1aed.zip new file mode 100644 index 000000000..8842e412c Binary files /dev/null and b/.yarn/cache/@standardnotes-files-npm-1.3.22-85a573b022-4bd58c1aed.zip differ diff --git a/.yarn/cache/@standardnotes-models-npm-1.11.12-d07d5ebeb6-636897db97.zip b/.yarn/cache/@standardnotes-models-npm-1.11.12-d07d5ebeb6-636897db97.zip new file mode 100644 index 000000000..70a5209e3 Binary files /dev/null and b/.yarn/cache/@standardnotes-models-npm-1.11.12-d07d5ebeb6-636897db97.zip differ diff --git a/.yarn/cache/@standardnotes-responses-npm-1.6.38-96a9e7645b-016a2f294d.zip b/.yarn/cache/@standardnotes-responses-npm-1.6.38-96a9e7645b-016a2f294d.zip new file mode 100644 index 000000000..108f3d44b Binary files /dev/null and b/.yarn/cache/@standardnotes-responses-npm-1.6.38-96a9e7645b-016a2f294d.zip differ diff --git a/.yarn/cache/@standardnotes-scheduler-npm-1.1.2-78f89314fb-68642a0874.zip b/.yarn/cache/@standardnotes-scheduler-npm-1.1.2-78f89314fb-68642a0874.zip new file mode 100644 index 000000000..e06738dc8 Binary files /dev/null and b/.yarn/cache/@standardnotes-scheduler-npm-1.1.2-78f89314fb-68642a0874.zip differ diff --git a/.yarn/cache/@standardnotes-services-npm-1.13.22-e649cbd9ce-e84f4e43d4.zip b/.yarn/cache/@standardnotes-services-npm-1.13.22-e649cbd9ce-e84f4e43d4.zip new file mode 100644 index 000000000..a4b1c8418 Binary files /dev/null and b/.yarn/cache/@standardnotes-services-npm-1.13.22-e649cbd9ce-e84f4e43d4.zip differ diff --git a/.yarn/cache/@standardnotes-snjs-npm-2.118.0-422ae5d7a6-46fd930c43.zip b/.yarn/cache/@standardnotes-snjs-npm-2.118.0-422ae5d7a6-46fd930c43.zip new file mode 100644 index 000000000..75afd6089 Binary files /dev/null and b/.yarn/cache/@standardnotes-snjs-npm-2.118.0-422ae5d7a6-46fd930c43.zip differ diff --git a/.yarn/cache/@standardnotes-utils-npm-1.6.12-8fa8d7d09b-e177b1fa51.zip b/.yarn/cache/@standardnotes-utils-npm-1.6.12-8fa8d7d09b-e177b1fa51.zip new file mode 100644 index 000000000..66f715046 Binary files /dev/null and b/.yarn/cache/@standardnotes-utils-npm-1.6.12-8fa8d7d09b-e177b1fa51.zip differ diff --git a/package.json b/package.json index 26ab187da..7d6bac8fa 100644 --- a/package.json +++ b/package.json @@ -45,7 +45,7 @@ "@types/hoist-non-react-statics/@types/react": "17.0.2" }, "dependencies": { - "@standardnotes/snjs": "^2.117.9" + "@standardnotes/snjs": "^2.118.0" }, "devDependencies": { "@commitlint/cli": "^17.0.2", diff --git a/packages/components/.gitignore b/packages/components/.gitignore index 1c2f433de..7479bd417 100644 --- a/packages/components/.gitignore +++ b/packages/components/.gitignore @@ -1 +1,9 @@ -tmp \ No newline at end of file +tmp + +src/Packages/Editors/**/build +src/Packages/Editors/**/dist +src/Packages/Themes/**/dist + +# Deprecated dist assets should be commited to source control as these compnonents will no longer be compiled. +!src/Packages/Deprecated/**/dist +!src/Packages/Deprecated/**/build \ No newline at end of file diff --git a/packages/components/dist/Types/Checksums.d.ts b/packages/components/dist/Checksums.d.ts similarity index 100% rename from packages/components/dist/Types/Checksums.d.ts rename to packages/components/dist/Checksums.d.ts diff --git a/packages/components/dist/Checksums.js b/packages/components/dist/Checksums.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/packages/components/dist/Checksums.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/packages/components/dist/Components.d.ts b/packages/components/dist/Components.d.ts new file mode 100644 index 000000000..d5b8532d7 --- /dev/null +++ b/packages/components/dist/Components.d.ts @@ -0,0 +1,6 @@ +declare const Components: { + identifier: string; + path: string; + static_files: string[]; +}[]; +export { Components }; diff --git a/packages/components/dist/Components.js b/packages/components/dist/Components.js new file mode 100644 index 000000000..764b71d6b --- /dev/null +++ b/packages/components/dist/Components.js @@ -0,0 +1,117 @@ +"use strict"; +var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) { + if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { + if (ar || !(i in from)) { + if (!ar) ar = Array.prototype.slice.call(from, 0, i); + ar[i] = from[i]; + } + } + return to.concat(ar || Array.prototype.slice.call(from)); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Components = void 0; +var BaseEditorStaticFiles = ['index.html', 'dist', 'package.json']; +var BaseThemeStaticFiles = ['dist', 'package.json']; +var Editors = [ + { + identifier: 'org.standardnotes.advanced-checklist', + path: 'Editors/org.standardnotes.advanced-checklist', + static_files: __spreadArray(__spreadArray([], BaseEditorStaticFiles, true), ['build'], false), + }, + { + identifier: 'org.standardnotes.code-editor', + path: 'Editors/org.standardnotes.code-editor', + static_files: __spreadArray(__spreadArray([], BaseEditorStaticFiles, true), ['vendor'], false), + }, + { + identifier: 'org.standardnotes.markdown-visual-editor', + path: 'Editors/org.standardnotes.markdown-visual-editor', + static_files: __spreadArray(__spreadArray([], BaseEditorStaticFiles, true), ['build'], false), + }, + { + identifier: 'org.standardnotes.plus-editor', + path: 'Editors/org.standardnotes.plus-editor', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, + { + identifier: 'org.standardnotes.standard-sheets', + path: 'Editors/org.standardnotes.standard-sheets', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, + { + identifier: 'org.standardnotes.token-vault', + path: 'Editors/org.standardnotes.token-vault', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, + { + identifier: 'org.standardnotes.simple-task-editor', + path: 'Editors/org.standardnotes.simple-task-editor', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, +]; +var DeprecatedEditors = [ + { + identifier: 'org.standardnotes.advanced-markdown-editor', + path: 'Editors/org.standardnotes.advanced-markdown-editor', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, + { + identifier: 'org.standardnotes.bold-editor', + path: 'Deprecated/org.standardnotes.bold-editor', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, + { + identifier: 'org.standardnotes.simple-markdown-editor', + path: 'Deprecated/org.standardnotes.simple-markdown-editor', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, + { + identifier: 'org.standardnotes.fancy-markdown-editor', + path: 'Deprecated/org.standardnotes.fancy-markdown-editor', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, + { + identifier: 'org.standardnotes.minimal-markdown-editor', + path: 'Deprecated/org.standardnotes.minimal-markdown-editor', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, + { + identifier: 'org.standardnotes.file-safe', + path: 'Deprecated/org.standardnotes.file-safe', + static_files: __spreadArray([], BaseEditorStaticFiles, true), + }, +]; +var Themes = [ + { + identifier: 'org.standardnotes.theme-autobiography', + path: 'Themes/org.standardnotes.theme-autobiography', + static_files: BaseThemeStaticFiles, + }, + { + identifier: 'org.standardnotes.theme-dynamic', + path: 'Themes/org.standardnotes.theme-dynamic', + static_files: BaseThemeStaticFiles, + }, + { + identifier: 'org.standardnotes.theme-focus', + path: 'Themes/org.standardnotes.theme-focus', + static_files: BaseThemeStaticFiles, + }, + { + identifier: 'org.standardnotes.theme-futura', + path: 'Themes/org.standardnotes.theme-futura', + static_files: BaseThemeStaticFiles, + }, + { + identifier: 'org.standardnotes.theme-midnight', + path: 'Themes/org.standardnotes.theme-midnight', + static_files: BaseThemeStaticFiles, + }, + { + identifier: 'org.standardnotes.theme-titanium', + path: 'Themes/org.standardnotes.theme-titanium', + static_files: BaseThemeStaticFiles, + }, +]; +var Components = __spreadArray(__spreadArray(__spreadArray([], Editors, true), DeprecatedEditors, true), Themes, true); +exports.Components = Components; diff --git a/packages/components/dist/assets/org.standardnotes.advanced-checklist/build/static/css/main.ef534668.css.map b/packages/components/dist/assets/org.standardnotes.advanced-checklist/build/static/css/main.ef534668.css.map index 976cfac2a..de9392dee 100644 --- a/packages/components/dist/assets/org.standardnotes.advanced-checklist/build/static/css/main.ef534668.css.map +++ b/packages/components/dist/assets/org.standardnotes.advanced-checklist/build/static/css/main.ef534668.css.map @@ -1 +1 @@ -{"version":3,"file":"static/css/main.ef534668.css","mappings":"AAAA,2EACA,CAAC,KAQC,8BADF,gBAGE,MASF,QACE,MAMF,aACE,IAOF,aACE,eACA,IASF,sBACE,SAEA,iBAEA,KAQF,+BACE,cAEA,GASF,4BACE,aAOF,kBACE,0BAEA,0EAEA,UAOF,kBAEE,eAOF,+BAGE,cAEA,OAOF,aACE,SAOF,aAEE,cACA,kBACA,wBACA,KAGF,aACE,KAGF,SACE,KAQF,iBACE,uCASF,mBAKE,eAEA,iBAEA,SAEA,cAQF,gBAGE,eAOF,mBAGE,iDAMF,yBAIE,yHAMF,iBAIE,UACA,6GAMF,6BAIE,UAMF,0BACE,QASF,qBACE,cAEA,cAEA,eAEA,UAEA,mBAEA,UAOF,uBACE,UAMF,aACE,8BAOF,qBAEE,UAEA,mFAOF,WAEE,eAOF,4BACE,oBAEA,0CAOF,uBACE,8BAOF,yBACE,aAEA,SASF,aACE,SAMF,iBACE,CASA,kBAMF,YACE,OAGF,sCACE,oCACA,2CACA,mCACA,sCACA,qCACA,sCACA,oCACA,sCACA,yBACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,+CACA,6BACA,6BACA,uCACA,+BACA,oCACA,0CACA,iCACA,0CACA,uCACA,4CACA,oCACA,0CACA,oCACA,0CACA,mCACA,yCACA,mCACA,oCACA,mCACA,oCACA,gDACA,gDACA,4CACA,iDACA,iDACA,6CACA,0DACA,0DACA,sDACA,0EACA,0EACA,2CACA,8CACA,yCACA,4CACA,mDACA,+BACA,wCACA,kEACA,gEACA,qHACA,iNAEA,oEAGA,+BACA,kCACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,eAYA,kCACA,sDAVF,yJASE,CATF,8CAWE,yBAIA,qBACA,CADA,oDACA,yBACA,CADA,gDACA,kBACA,CADA,sDACA,CAJF,4BACE,CADF,oDACE,CAGA,YACA,sBACA,CACA,YADA,aAEA,iCAGF,yBACE,gCAIA,WACA,iBAFF,eAGE,0CAWA,mBAFA,wBACA,CADA,6DACA,CAFA,+BACA,CADA,gEACA,CACA,aACA,CADA,kDACA,CAPA,YAEA,CAHF,aACE,CAEA,6BACA,2BAKA,iEAGF,oBACE,CADF,yCACE,gBACA,wDAGF,eACE,6EAKA,4BACA,CADA,oDACA,uBAHF,yBAIE,yGAGF,gBAEE,yFAKA,cAFF,eAGE,2FAKA,cAFF,gBAGE,2CAKA,WACA,CACA,WACA,CAFA,eACA,CAEA,0BADA,yBACA,CALA,yBAMA,kGAGF,aAEE,CAFF,6CAEE,gBACA,iCAIA,YACA,uBAFF,qBAGE,+CAGF,iBACE,kDAGF,eACE,kDAIA,wFADF,wBAEE,4DAGF,kBACE,4CAGF,mBACE,+CAIA,gBADF,gBAEE,yDAKA,8DADA,eACA,CAFF,uBAGE,+DAGF,+BACE,CADF,uDACE,CAGA,8DADA,kBACA,CAFA,qBACA,CAFA,wBAIA,4DAGF,mBACE,CADF,yCACE,kBACA,mEAGF,eACE,WACA,qDAGF,sBACE,6DAGF,oBACE,6BAKA,kBACA,CAHF,YACE,8BACA,CACA,mBACA,sCAGF,sBACE,2CAGF,wBACE,0CAGF,0BACE,uCAGF,sBACE,sDAGF,UACE,0FAGF,sBACE,uCAIA,wBADF,oBAEE,mCAGF,QACE,UACA,8BAGF,wBACE,CADF,gDACE,kBACA,UACA,8BAGF,UACE,mCAGF,SACE,2CAGF,qBACE,8BAGF,wBACE,iBACA,8BAGF,qBACE,CADF,oDACE,yBACA,CADA,yDACA,kBACA,CADA,sDACA,gBACA,CAEA,0BADA,yBACA,CAFA,wBACA,CADA,qBACA,CADA,gBAGA,oDASA,mBAJA,wBACA,CADA,6DACA,CAFA,+BACA,CADA,gEACA,CACA,aACA,CADA,kDACA,aACA,8BACA,CANF,uBAOE,0DAIA,6DADF,eAEE,6DAGF,mBACE,WACA,iDAQA,wFAJA,cACA,aACA,mBACA,8BACA,CALF,gBAME,uDAGF,wBACE,CADF,6DACE,CACA,2EADA,aACA,CADA,kDAEA,uEAGF,YACE,CACA,sBADA,sBAEA,yFAIF,iBACE,yBACA,+EAGF,UACE,8FAGF,mBACE,sLAGF,wBAEE,CAFF,yDAEE,gBACA,kMAGF,0EAEE,6EAGF,YACE,kiBAGF,gBACE,CADF,yCACE,gBACA,qPAGF,kBACE,CADF,wCACE,gBACA,8DAGF,mBACE,CADF,yCACE,oBACA,WACA,oBAGF,mDACE,uBAGF,iDACE,2BAGF,0BACE,+BACA,gCACA,mCACA,0GASA,gBANF,QAKE,UAEA,sBAIA,oBACA,CADA,yCACA,CAFF,eACE,CACA,sBACA,sBAGF,iBACE,CADF,yCACE,sBACA,sBAGF,mBACE,CADF,yCACE,uBACA,sBAGF,kBACE,CADF,wCACE,sBACA,sBAGF,6DACE,wBAGF,eACE,8BAGF,6DACE,+BAGF,2DACE,8BAGF,6DACE,sBAGF,cACE,gEACA,+BAGF,aACE,CADF,sCACE,WACA,4BAGF,iBACE,CADF,sDACE,0BACA,kCAGF,oBACE,oCAGF,wBACE,CADF,iDACE,2DACA,iCAGF,wBACE,CADF,8CACE,wDACA,oCAGF,wBACE,CADF,iDACE,2DACA,mCAGF,wBACE,CADF,gDACE,0DACA,oCAGF,wBACE,CADF,iDACE,2DACA,qBAGF,oBACE,wBAGF,oDACE,yBAGF,gEACE,wBAGF,oDACE,qBAGF,iDACE,8BAGF,uDACE,wBAGF,oDACE,uBAGF,mDACE,wBAGF,oDACE,uBAGF,qEACE,0BAGF,wEACE,yBAGF,uEACE,0BAGF,wEACE,sBAGF,4BACE,YACA,4BAIA,iCADF,2BAEE,sBAGF,kBACE,8BAMA,WACA,CAJF,qBACE,CAGA,mBACA,CADA,yCACA,CAHA,kBACA,CAGA,SACA,CANA,wBACA,CAKA,YAFA,UAGA,oCAIA,4BACA,aAFF,UACE,CADF,yCAGE,wCAGF,WACE,oFAGF,eACE,oGAGF,eACE,8FAIA,cADF,kBAEE,wKAKA,uBACA,uBAHF,UAKE,sEAGF,oBACE,sBACA,wGAGF,qBACE,iCAGF,uFACE,kCAIA,yBADF,qBAEE,kCAGF,8DAEE,CALA,4BAGF,8DAEE,sCAGF,8DAEE,uCAGF,8DAEE,wCAGF,YACE,WACA,kGAGF,aACE,YACA,kBACA,kFAGF,oBACE,sBACA,oHAGF,gBACE,sIAGF,gBACE,qCAGF,YACE,mBACA,4FAGF,eACE,CACA,QACA,wBACA,0BAHA,kBAIA,8HAIA,gBADF,iBAEE,oHAIA,6BACA,CADA,kEACA,CAEA,6BAFA,iBACA,CAHF,0BACE,CADF,+DACE,CAEA,yBAEA,kHAOA,4BAHA,8BACA,CADA,mEACA,iBACA,yBACA,CAJF,2BACE,CADF,gEAKE,qCAGF,oBACE,sDAGF,gBACE,4BAGF,oBACE,gDAMA,cACA,CAJF,aACE,CACA,mBACA,CADA,yCACA,CAFA,2BACA,CAEA,iBACA,gEACA,4FAGF,2BACE,0DAGF,4BACE,6MAIA,aACA,CAFF,eACE,CACA,iBACA,wDAGF,mBACE,CADF,yCACE,6BACA,uBAGF,6BACE,+HAYA,qBACA,CADA,oDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,yCAQE,CAEA,eACA,CAHA,iBASA,uIAGF,iBAGE,2JAWA,qBACA,CADA,oDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,uJAYA,iBACA,CADA,sDACA,CACA,0BACA,sDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,mLAGF,uBAGE,uJAGF,4BAGE,mLAGF,YAGE,mKAGF,WAGE,CACA,8DADA,8BAEA,+LAGF,SAGE,mIAYA,wBACA,CADA,6DACA,CAEA,+EADA,iBACA,CADA,sDACA,CAZF,aAQE,CARF,kDAQE,CAEA,eACA,CAHA,iBASA,2IAGF,iBAGE,+JAWA,wBACA,CADA,6DACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,2JAYA,iBACA,CADA,sDACA,CACA,0BACA,kEAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,uLAGF,uBAGE,2JAGF,4BAGE,uLAGF,YAGE,uKAGF,WAGE,CACA,8DADA,8BAEA,mMAGF,SAGE,mJAYA,wBACA,CADA,8DACA,CAEA,gFADA,iBACA,CADA,sDACA,CAZF,aAQE,CARF,mDAQE,CAEA,eACA,CAHA,iBASA,2JAGF,iBAGE,+KAWA,wBACA,CADA,8DACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,2KAYA,iBACA,CADA,sDACA,CACA,0BACA,mEAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,uMAGF,uBAGE,2KAGF,4BAGE,uMAGF,YAGE,uLAGF,WAGE,CACA,8DADA,8BAEA,mNAGF,SAGE,uLAYA,wBACA,CADA,uEACA,CAEA,yFADA,iBACA,CADA,sDACA,CAZF,aAQE,CARF,4DAQE,CAEA,eACA,CAHA,iBASA,+LAGF,iBAGE,mNAWA,wBACA,CADA,uEACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,+MAYA,iBACA,CADA,sDACA,CACA,0BACA,4EAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,2OAGF,uBAGE,+MAGF,4BAGE,2OAGF,YAGE,2NAGF,WAGE,CACA,8DADA,8BAEA,uPAGF,SAGE,+HAYA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,+CAQE,CAEA,eACA,CAHA,iBASA,uIAGF,iBAGE,2JAWA,wBACA,CADA,iDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,uJAYA,iBACA,CADA,sDACA,CACA,0BACA,sDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,mLAGF,uBAGE,uJAGF,4BAGE,mLAGF,YAGE,mKAGF,WAGE,CACA,8DADA,8BAEA,+LAGF,SAGE,mHAYA,wBACA,CADA,8CACA,CAEA,gEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,4CAQE,CAEA,eACA,CAHA,iBASA,2HAGF,iBAGE,+IAWA,wBACA,CADA,8CACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,2IAYA,iBACA,CADA,sDACA,CACA,0BACA,mDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,uKAGF,uBAGE,2IAGF,4BAGE,uKAGF,YAGE,uJAGF,WAGE,CACA,8DADA,8BAEA,mLAGF,SAGE,+HAYA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,+CAQE,CAEA,eACA,CAHA,iBASA,uIAGF,iBAGE,2JAWA,wBACA,CADA,iDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,uJAYA,iBACA,CADA,sDACA,CACA,0BACA,sDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,mLAGF,uBAGE,uJAGF,4BAGE,mLAGF,YAGE,mKAGF,WAGE,CACA,8DADA,8BAEA,+LAGF,SAGE,2HAYA,wBACA,CADA,gDACA,CAEA,kEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,8CAQE,CAEA,eACA,CAHA,iBASA,mIAGF,iBAGE,uJAWA,wBACA,CADA,gDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,mJAYA,iBACA,CADA,sDACA,CACA,0BACA,qDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,+KAGF,uBAGE,mJAGF,4BAGE,+KAGF,YAGE,+JAGF,WAGE,CACA,8DADA,8BAEA,2LAGF,SAGE,+HAYA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,+CAQE,CAEA,eACA,CAHA,iBASA,uIAGF,iBAGE,2JAWA,wBACA,CADA,iDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,uJAYA,iBACA,CADA,sDACA,CACA,0BACA,sDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,mLAGF,uBAGE,uJAGF,4BAGE,mLAGF,YAGE,mKAGF,WAGE,CACA,8DADA,8BAEA,+LAGF,SAGE,0EAWA,wBACA,CADA,6DACA,CAOA,mFANA,iBACA,CADA,sDACA,CAXF,aAOE,CAPF,kDAOE,CAEA,eACA,CAHA,iBAUA,8EAGF,iBAEE,wFAUA,wBACA,CADA,6DACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,sFAcA,2EAHA,iBACA,CADA,sDACA,CACA,aACA,CADA,8CACA,CAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,sFAGF,4BAEE,oGAGF,YAEE,4FAGF,WAEE,CACA,8DADA,8BAEA,0GAGF,SAEE,kFAWA,wBACA,CADA,8DACA,CAOA,oFANA,iBACA,CADA,sDACA,CAXF,aAOE,CAPF,mDAOE,CAEA,eACA,CAHA,iBAUA,sFAGF,iBAEE,gGAUA,wBACA,CADA,8DACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,8FAcA,4EAHA,iBACA,CADA,sDACA,CACA,aACA,CADA,+CACA,CAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,8FAGF,4BAEE,4GAGF,YAEE,oGAGF,WAEE,CACA,8DADA,8BAEA,kHAGF,SAEE,oGAWA,wBACA,CADA,uEACA,CAOA,6FANA,iBACA,CADA,sDACA,CAXF,aAOE,CAPF,4DAOE,CAEA,eACA,CAHA,iBAUA,wGAGF,iBAEE,kHAUA,wBACA,CADA,uEACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,gHAcA,qFAHA,iBACA,CADA,sDACA,CACA,aACA,CADA,wDACA,CAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,gHAGF,4BAEE,8HAGF,YAEE,sHAGF,WAEE,CACA,8DADA,8BAEA,oIAGF,SAEE,wEAWA,qBACA,CADA,oDACA,CAOA,0EANA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,yCAOE,CAEA,eACA,CAHA,iBAUA,4EAGF,iBAEE,sFAUA,qBACA,CADA,oDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,oFAcA,kEAHA,iBACA,CADA,sDACA,CACA,aACA,CADA,qCACA,CAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,oFAGF,4BAEE,kGAGF,YAEE,0FAGF,WAEE,CACA,8DADA,8BAEA,wGAGF,SAEE,wEAWA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,+CAOE,CAEA,eACA,CAHA,iBASA,4EAGF,iBAEE,sFAUA,wBACA,CADA,iDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,oFAWA,iBACA,CADA,sDACA,CACA,0BACA,sDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,oFAGF,4BAEE,kGAGF,YAEE,0FAGF,WAEE,CACA,8DADA,8BAEA,wGAGF,SAEE,kEAWA,wBACA,CADA,8CACA,CAEA,gEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,4CAOE,CAEA,eACA,CAHA,iBASA,sEAGF,iBAEE,gFAUA,wBACA,CADA,8CACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,8EAWA,iBACA,CADA,sDACA,CACA,0BACA,mDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,8EAGF,4BAEE,4FAGF,YAEE,oFAGF,WAEE,CACA,8DADA,8BAEA,kGAGF,SAEE,wEAWA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,+CAOE,CAEA,eACA,CAHA,iBASA,4EAGF,iBAEE,sFAUA,wBACA,CADA,iDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,oFAWA,iBACA,CADA,sDACA,CACA,0BACA,sDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,oFAGF,4BAEE,kGAGF,YAEE,0FAGF,WAEE,CACA,8DADA,8BAEA,wGAGF,SAEE,sEAWA,wBACA,CADA,gDACA,CAEA,kEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,8CAOE,CAEA,eACA,CAHA,iBASA,0EAGF,iBAEE,oFAUA,wBACA,CADA,gDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,kFAWA,iBACA,CADA,sDACA,CACA,0BACA,qDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,kFAGF,4BAEE,gGAGF,YAEE,wFAGF,WAEE,CACA,8DADA,8BAEA,sGAGF,SAEE,wEAWA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,+CAOE,CAEA,eACA,CAHA,iBASA,4EAGF,iBAEE,sFAUA,wBACA,CADA,iDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,oFAWA,iBACA,CADA,sDACA,CACA,0BACA,sDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,oFAGF,4BAEE,kGAGF,YAEE,0FAGF,WAEE,CACA,8DADA,8BAEA,wGAGF,SAEE,gCAMA,eAFA,kBACA,CAFF,0BACE,CACA,eAEA,yCAGF,iBACE,wCAGF,UACE,uCAGF,mBACE,iBACA,6CAGF,eACE,uDAGF,oBACE,CADF,yCACE,gBACA,uBACA,sDAIA,kBACA,CADA,wCACA,CACA,gBAHF,sBACE,CACA,eAEA,0BAMA,wBACA,CADA,6DACA,CAFA,wBACA,CADA,yDACA,CAFA,cACA,CAIA,cAFA,SAGA,CAIA,wFAGF,2BACE,gCAIA,YADF,UAEE,2BAKA,4CACA,CADA,oCACA,CAHF,wBACE,CAEA,kDAFA,iBACA,CACA,kCACA,iCAIA,YADF,UAEE,yCAGF,iBACE,CADF,mDACE,+BACA,gCAGF,oBACE,CADF,0CACE,+BACA,mCAGF,oBACE,CADF,6CACE,+BACA,kCAGF,oBACE,CADF,4CACE,+BACA,mCAGF,oBACE,CADF,6CACE,+BACA,6BAGF,oBACE,CADF,0CACE,+BACA,2BAGF,GACE,sBACE,IAEF,uBACE,EARF,kBAGF,GACE,sBACE,IAEF,uBACE,4BAWF,kBACA,CAJA,wBACA,CADA,6DACA,CAGA,wBACA,CADA,yDACA,CAJA,aACA,CADA,kDACA,CANF,YACE,CACA,eACA,CAGA,6BACA,CAJA,gBACA,CAKA,gEARA,UASA,oCAGF,aACE,eACA,0CAGF,eACE,kEAGF,YAEE,YACA,4CAMA,kBACA,CAHA,cACA,aACA,CAHF,WACE,CAGA,sBACA,8DAGF,oBACE,mDAGF,4FACE,oEAKA,mBADA,YACA,CAFF,WAGE,sFAGF,qBACE,8EAGF,qFACE,uDAGF,cACE,mzBAGF,iDAME,mhBAOA,mBACA,CADA,yCACA,CALF,eAIE,CACA,kBACA,yIAGF,mBAEE,CAFF,yCAEE,gBACA,mBACA,oDAGF,eACE,WACA,+BAGF,YACE,eACA,iBACA,gBACA,oDAKA,wBACA,CADA,gDACA,CAGA,YACA,CAPF,UACE,eACA,CAKA,qBACA,+BAJA,gBACA,gBACA,CAHA,gBAMA,wDAIA,uBADF,cAEE,iFAGF,YACE,mBACA,gFAGF,kBACE,wFAGF,UACE,kGAGF,uBACE,wFAGF,cACE,+FAGF,cACE,gFAGF,sBACE,8DAGF,WACE,yBAgBA,kBACA,CAJA,4BACA,CALA,QACA,CAIA,aACA,CADA,kDACA,aACA,CAJA,YACA,CAIA,uBAXA,MACA,CAHA,gBACA,kBACA,CAHF,cACE,CAGA,OACA,MACA,CAEA,WACA,CAFA,aAQA,CAIA,sFAGF,WACE,uDAGF,qBACE,iDAIA,aADF,WAEE,kDAIA,aADF,WAEE,iDAIA,aADF,WAEE,8CAOA,wBACA,CADA,6DACA,CAFA,WACA,CACA,WALF,iBACE,CACA,UACA,CAFA,UAKA,2CAUA,wCAHA,eACA,CALF,eACE,CAEA,SACA,CAHA,UAOA,CAUE,0GAIJ,mEACE,CAUE,wCAIJ,2EACE,CAUE,wCAIJ,2EACE,CAQE,kCAIJ,+DACE,CAQE,iCAIJ,6DACE,wCAGF,iEACE,0BAGF,WACE,4KAGF,cACE,kJAGF,gBACE,yBAGF,gBACE,2BAGF,uBACE,yPAGF,iEACE,kCAGF,kEACE,mCAGF,wBACE,4BAGF,+DACE,+BAGF,kEACE,kCAGF,qBACE,8MAGF,oBACE,2DAGF,oBACE,6IAGF,kBACE,oCAGF,yBACE,oDAGF,qBACE,wJAGF,+EACE,4EAGF,2FACE,+BAGF,wCACE,gCAGF,6DACE,qCAGF,+EACE,yLAGF,0EACE,oLAGF,sFACE,0BAGF,yEACE,0IAGF,gGACE,8DAGF,2BACE,6DAGF,4BACE,2BAGF,0EACE,4DAGF,oDACE,wBAGF,sFACE,+UAGF,gEACE,8BAGF,0EACE,iCAGF,oDACE,0BAGF,yEACE,6BAGF,mDACE,yFAGF,uEACE,2BAGF,iDACE,iCAGF,6EACE,uLAGF,uDACE,iMAGF,gFACE,gCAGF,0DACE,2BAGF,0EACE,8BAGF,oDACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0CAGF,qFACE,6CAGF,+DACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,oCAGF,6EACE,uCAGF,uDACE,yBAGF,kEACE,4BAGF,4CACE,yBAGF,+DACE,4BAGF,yCACE,4BAGF,qEACE,+BAGF,+CACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,4UAGF,sFAIE,4UAGF,gEAIE,oDAGF,iBACE,qHAGF,mBACE,sBAGF,aACE,6FAGF,YACE,yBAGF,qBACE,yBAGF,kBACE,0BAGF,WACE,4BAGF,aACE,8BAGF,aACE,0BAGF,cACE,qBAGF,YACE,8LAGF,kBACE,4BAGF,sBACE,0BAGF,oBACE,8BAGF,mBACE,sJAGF,sBACE,gCAGF,6BACE,8BAGF,0BACE,4BAGF,wBACE,sBAGF,eACE,WACA,sBAGF,cACE,UACA,sBAGF,eACE,WACA,sBAGF,aACE,SACA,4FAGF,iBACE,sBAGF,cACE,CAIA,mGAGF,0BACE,8BAGF,aACE,gCAGF,eACE,gCAGF,eACE,kCAGF,sBACE,8BAGF,mBACE,0BAGF,SACE,uCAGF,mEACE,CAIA,oJAGF,uBACE,CAIA,uRAGF,sFACE,8CAGF,4IACE,2CAGF,qFACE,4DAGF,4IACE,6DAGF,kEACE,0VAGF,8DACE,8XAGF,YACE,uTAGF,eACE,wDAGF,YACE,uDAGF,eACE,oDAGF,yBACE,+JAGF,eACE,8BAGF,eACE,mDAGF,eACE,0BAGF,eACE,4BAGF,iBACE,wBAGF,gBACE,iBACA,8LAGF,iBACE,oBACA,2BAGF,iBACE,qBACA,0BAGF,cACE,wBAGF,kBACE,oBACA,yBAGF,gBACE,iBACA,yBAGF,kBACE,oBACA,4BAGF,eACE,mFAGF,gBACE,oCAGF,oBACE,kCAGF,kBACE,uBAGF,WACE,uBAGF,WACE,sDAGF,YACE,uBAGF,WACE,oBAGF,QACE,oBAGF,YACE,6DAGF,cACE,wDAGF,WACE,uBAGF,eACE,2CAGF,cACE,oBAGF,aACE,oBAGF,cACE,kDAGF,WACE,oBAGF,cACE,qBAGF,aACE,qBAGF,aACE,qBAGF,aACE,qBAGF,cACE,sBAGF,UACE,uBAGF,WACE,wBAGF,YACE,wBAGF,kBACE,0HAGF,eACE,2BAGF,WACE,0BAGF,gBACE,kDAGF,QACE,qBAIA,qBADF,iBAEE,qBAIA,oBADF,gBAEE,qBAIA,qBADF,iBAEE,sBAGF,kBACE,qBAGF,iBACE,2FAGF,gBACE,qBAGF,iBACE,qBAGF,eACE,qBAGF,oBACE,qBAGF,oBACE,sBAGF,mBACE,qBAGF,mBACE,wBAGF,oBACE,6HAGF,kBACE,sBAGF,mBACE,qBAGF,kBACE,wBAGF,mBACE,6HAGF,iBACE,qBAGF,gBACE,qBAGF,kBACE,kDAMA,SACA,oBAGF,aACE,oBAGF,cACE,qFAIA,sBADF,kBAEE,wBAIA,uBADF,mBAEE,yBAIA,wBADF,oBAEE,+FAIA,qBADF,iBAEE,qBAIA,sBADF,kBAEE,qBAIA,oBADF,gBAEE,qBAIA,sBADF,kBAEE,qBAIA,oBADF,gBAEE,qBAGF,mBACE,qBACA,+FAGF,kBACE,oBACA,qBAGF,mBACE,qBACA,wBAGF,oBACE,sBACA,qBAGF,iBACE,mBACA,qBAGF,mBACE,qBACA,qBAGF,gBACE,qBAGF,qBACE,qBAGF,mBACE,qBAGF,mBACE,qBAGF,mBACE,gFAGF,UACE,uBAGF,UACE,sDAGF,WACE,4BAGF,sBACE,4CACA,oBAGF,OACE,oBAGF,WACE,6DAGF,aACE,wDAGF,UACE,2CAGF,aACE,oBAGF,UACE,qBAGF,aACE,qBAGF,YACE,qBAGF,cACE,0DAGF,WACE,qBAGF,aACE,qBAGF,WACE,sBAGF,cACE,sBAGF,cACE,sBAGF,WACE,uBAGF,UACE,iEAGF,eACE,2BAGF,cACE,wBAGF,WACE,wBAGF,cACE,wBAGF,iBACE,sDAGF,cACE,yBAGF,cACE,yBAGF,eACE,yBAGF,iBACE,yBAGF,kBACE,yBAGF,eACE,0BAGF,8EACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,0BAGF,kBACE,4BAGF,eACE,6BAGF,wBACE,yBAGF,mCACE,sCAGF,8BACE,qCAGF,6BACE,8PAGF,cACE,8EAGF,KACE,+EAGF,MACE,yBAGF,QACE,yBAGF,aACE,wBAGF,OACE,wBAGF,YACE,wBAGF,WACE,yBAGF,cACE,8BAGF,aACE,0BAGF,kBACE,CACA,qBADA,kBAEA,gCAGF,qBACE,6BACA,mCAGF,wBACE,CADF,6DACE,iEACA,kCAGF,wBACE,CADF,iDACE,2DACA,kCAGF,wBACE,CADF,iDACE,2DACA,iCAGF,wBACE,CADF,gDACE,0DACA,kCAGF,wBACE,CADF,iDACE,2DACA,sDAGF,QACE,oDAGF,+DAEE,kCAIF,uEAGE,yDAGF,oBAIE,yIAQA,iBADA,WACA,CALF,UAME,iKAOA,2BACA,CACA,wBACA,CADA,yDACA,CAPF,4BAIE,CACA,0BACA,CACA,oFACA,qKAQA,aADA,QACA,CALF,OAME,qKAGF,4BAIE,OAGF,iBACE,8BASA,eACA,CACA,iCARF,aACE,CACA,0BACA,8BACA,2BACA,CADA,qBACA,CAEA,YACA,CAHA,gBACA,CALA,iBAQA,2CAGF,4BACE,0CACA,sCAGF,YACE,2BAKA,gBAFF,QACE,UAEA,iCAGF,eACE,aACA,6BAGF,aACE,SACA,qBACA,CACA,gEADA,kBAEA,+CAGF,kBACE,WACA,oDAGF,kBACE,qEAGF,2BACE,CADF,mBACE,gEACA,iDAGF,UACE,6BAIA,kBACA,CAGA,oCACA,CADA,kBACA,CADA,gBACA,eACA,CAPF,mBACE,CACA,6BACA,qBACA,CAGA,+DACA,iDAGF,UACE,4BAIA,aACA,gBAFF,iBAGE,kCAGF,aACE,CAIA,mBAJA,QACA,qBACA,CACA,wBACA,CADA,qBACA,CADA,gBACA,CAFA,kBAGA,0BAGF,GACE,kBACE,WACA,UACA,KAGA,kBACA,eAFF,UAGE,IAEF,kBACE,WACA,UACA,EAjBF,iBAGF,GACE,kBACE,WACA,UACA,KAGA,kBACA,eAFF,UAGE,IAEF,kBACE,WACA,UACA,ECrpIJ,UAEE,+DACA,oBAGF,EAEE,0CACA,+CAGF,cACE,aACA,sBAEA,oCAJF,cAKI,mCAGF,oBACE,mBAGF,oBACE,oBAGF,0BACE,eACA,cAGF,uBACE,UAGF,iCACE,qCAGF,oCACE,wCAGF,+BACE,mCAGF,8BACE,eAEA,oCACE,yBACA,iBAIJ,sBACE,gBAIJ,MACE,qBAAsB,CClExB,8BACE,GACE,UACA,gEAEF,GACE,UACA,yDAPJ,sBACE,GACE,UACA,gEAEF,GACE,UACA,yDAIJ,8IACE,oEAGF,kCACE,GACE,UACA,8DAEF,GACE,UACA,yDAPJ,0BACE,GACE,UACA,8DAEF,GACE,UACA,yDAIJ,uCACE,4EAGF,kCACE,GACE,UACA,wDAEF,GACE,UACA,iEAPJ,0BACE,GACE,UACA,wDAEF,GACE,UACA,iEAIJ,uCACE,4EAGF,4BACE,GACE,UAEF,GACE,WALJ,oBACE,GACE,UAEF,GACE,WAIJ,iCACE,gEAGF,2BACE,GACE,UAEF,GACE,WALJ,mBACE,GACE,UAEF,GACE,WAIJ,gCACE,8DAGF,sCACE,kECxEF,wBACE,YAGF,qKACE,eAEF,4IACE,iBAEF,uBACE,iBAGF,yBACE,wBAGF,uRACE,6CAGF,gCACE,iDAGF,iCACE,yBAGF,0BACE,2CAGF,6BACE,8CAGF,gCACE,sBAGF,6OACE,qBAGF,wDACE,qBAGF,uIACE,mBAGF,kCACE,0BAGF,iDACE,sBAGF,mJACE,mDAGF,yEACE,yDAGF,6BACE,yCAGF,8BACE,yCAGF,mCACE,oDC/EF,yNACE,qDAGF,8KACE,8DAGF,wBACE,iDAGF,sIACE,wEAGF,2DACE,4BAGF,0DACE,6BAIA,yBACE,kDAGF,yDACE,uCALF,sBACE,8DAGF,2WACE,mDALF,4BACE,qDAGF,+BACE,0CALF,wBACE,iDAGF,2BACE,sCALF,qFACE,+CAGF,yBACE,oCALF,+BACE,wDAGF,iLACE,6CALF,2LACE,wDAGF,8BACE,6CALF,yBACE,kDAGF,4BACE,uCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wCACE,2DAGF,2CACE,gDALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,kCACE,qDAGF,qCACE,0CALF,uBACE,0CAGF,0BACE,+BALF,uBACE,0CAGF,0BACE,+BALF,0BACE,6CAGF,6BACE,kCALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDA+BJ,sbAEE,8DAGF,sbAEE,mDAGF,iDACE,kBCxEF,gHACE,oBAGF,oBACE,cAGF,gIACE,aAGF,uBACE,sBAGF,uBACE,mBAGF,wBACE,YAGF,0BACE,cAGF,4BACE,cAGF,wBACE,eAGF,mBACE,aAGF,8NACE,mBAEF,0BACE,uBAEF,wBACE,qBAEF,4BACE,oBAGF,gJACE,uBAEF,8BACE,8BAEF,4BACE,2BAEF,0BACE,yBAGF,oBACE,gBACA,WAEF,oBACE,eACA,UAEF,oBACE,gBACA,WAEF,oBACE,cACA,SAGF,wFACE,kBAEF,oBACE,eAOF,uIACE,8DAGF,4BACE,cAEF,8BACE,gBAEF,8BACE,gBAEF,gCACE,uBAGF,4BACE,oBAGF,wBACE,UCpHF,qCACE,2CAOF,gJACE,wDAOF,6TACE,8DAcF,4CACE,iGAIF,yCACE,sDAGF,0DACE,iGAIF,2DACE,iDAGF,wdACE,+DAuCF,6cACE,aAEF,2VACE,gBAEF,sDACE,aAEF,qDACE,gBCnGF,iDACE,0BAGF,yJACE,gBAGF,4BACE,gBAGF,gDACE,gBAGF,wBACE,gBAGF,0BACE,kBAGF,sBACE,iBACA,iBAGF,uLACE,kBACA,oBAGF,yBACE,kBACA,qBAGF,wBACE,eAGF,sBACE,mBACA,oBAGF,uBACE,iBACA,iBAGF,uBACE,mBACA,oBAGF,0BACE,gBAGF,+EACE,iBAGF,kCACE,qBAGF,gCACE,mBCvEF,qBACE,YAGF,qBACE,YAGF,mDACE,aAGF,qBACE,YAGF,kBACE,SAEF,kBACE,aAEF,0DACE,eAEF,qDACE,YAEF,qBACE,gBAEF,wCACE,eAEF,kBACE,cAEF,kBACE,eAEF,+CACE,YAEF,kBACE,eAEF,mBACE,cAEF,mBACE,cAEF,mBACE,cAEF,mBACE,eAGF,oBACE,WAEF,qBACE,YAGF,sBACE,aAGF,sBACE,mBAEF,4JACE,gBAGF,yBACE,YAGF,wBACE,iBClFF,+CACE,SAGF,mBAEE,qBADA,iBACA,CAGF,mBAEE,oBADA,gBACA,CAGF,mBAEE,qBADA,iBACA,CAGF,oBACE,mBAGF,mBACE,kBAGF,8HACE,iBAGF,mBACE,kBAGF,mBACE,gBAGF,mBACE,qBAGF,mBACE,qBAGF,oBACE,oBAGF,mBACE,oBAGF,sBACE,qBAGF,yKACE,mBAGF,oBACE,oBAGF,mBACE,mBAGF,sBACE,oBAGF,yHACE,kBAGF,mBACE,iBAGF,mBACE,mBCpFF,+CAIE,UAGF,kBACE,cAGF,kBACE,eAGF,iFAEE,sBADA,kBACA,CAGF,sBAEE,uBADA,mBACA,CAGF,uBAEE,wBADA,oBACA,CAGF,kIAEE,qBADA,iBACA,CAGF,mBAEE,sBADA,kBACA,CAEF,mBAEE,oBADA,gBACA,CAGF,mBAEE,sBADA,kBACA,CAGF,mBAEE,oBADA,gBACA,CAGF,mBACE,oBACA,qBAGF,kIACE,mBACA,oBAGF,mBACE,oBACA,qBAGF,sBACE,qBACA,sBAGF,mBACE,kBACA,mBAGF,mBACE,oBACA,qBAGF,mBACE,iBAGF,mBACE,sBAGF,mBACE,oBAGF,mBACE,oBAGF,mBACE,oBCrGF,mHACE,WAGF,qBACE,WAGF,mDACE,YAGF,0BACE,uBACA,4CAGF,kBACE,QAEF,kBACE,YAEF,0DACE,cAEF,qDACE,WAEF,wCACE,cAEF,kBACE,WAEF,mBACE,cAEF,mBACE,aAEF,mBACE,eAEF,uDACE,YAEF,mBACE,cAEF,mBACE,YAEF,oBACE,eAEF,oBACE,eAEF,oBACE,YAGF,qBACE,WAGF,8DACE,gBAGF,yBACE,eAGF,sBACE,YAEF,sBACE,eAEF,sBACE,kBAEF,mDACE,eAEF,uBACE,eAEF,uBACE,gBAEF,uBACE,kBAEF,8DACE,mBAEF,uBACE,gBAEF,wBACE,oDAGF,uBACE,gBAEF,uBACE,gBAGF,uBACE,gBAGF,uBACE,gBAGF,wBACE,mBAGF,0BACE,gBC9HF,2BACE,yBAGF,uBACE,oCAGF,oCACE,+BAGF,mCACE,oHCbF,4RACE,eCDF,0EACE,MAGF,2EACE,OAGF,uBACE,SAGF,uBACE,cAGF,sBACE,QAGF,sBACE,aAQF,sBACE,YAGF,uBACE,eAGF,4BACE,cCtCF,wBACE,mBAEA,qBADA,kBACA,CAaF,8BACE,sBACA,6BAcF,iCAEE,8DACA,mDAGF,gCAGE,kDACA,gDAQF,gCACE,kDACA,gDAGF,+BACE,iDACA,+CAGF,gCACE,kDACA,gDd2CA,sDACE,8DAGF,4CACE,mBACA,gBACA,aACA,sBACA,uBACA,iBACA,aAGF,mDACE,8DACA,SACA,WACA,OACA,YACA,eACA,QACA,MAGF,4CACE,gBACA,aACA,SACA,gBACA,gBACA,iBACA,UACA,kBACA,WAGF,8KAGE,YAGF,kDACE,WAGF,sBACE,SACA,eevJJ,MACE,gBACF,CAEA,4BACE,0BAAiC,CAIjC,QAAS,CACT,MAAO,CACP,aAAc,CALd,cAAe,CAEf,OAAQ,CADR,KAKF,CAEA,4BAGE,eAAiB,CADjB,gBAAiB,CAGjB,YAAa,CADb,YAAa,CAHb,UAKF,CCrBA,0BACE,GACE,8GAEF,GACE,mJALJ,kBACE,GACE,8GAEF,GACE,mJAIJ,WACE,+BAZoB,CAYpB,uBAZoB,CAapB,kEACA,oDACA,0EAGF,oBACE,+BClBA,yDACE,kDAGF,uDACE,iDACA,wJCLJ,2BACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,gBADA,SACA,EAPJ,mBACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,gBADA,SACA,EAIJ,0BACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,gBADA,SACA,EAPJ,kBACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,gBADA,SACA,EAIJ,oBACE,gEACA,4BA1BoB,CA0BpB,oBA1BoB,CA2BpB,kEAGF,mBACE,8DACA,8CACA,kEC/BF,oBACE,cACA,kBACA,kBAEA,+BACE,mBAIJ,gBACE,SACA,OACA,UACA,kBACA,MACA,QAGF,iBAGE,UAKA,qBACA,sBACA,eACA,wCAVA,SACA,eAEA,YACA,OACA,YACA,kBAKA,MACA,WAGF,gCAEE,eACA,0DAGF,iBAGE,qBACA,eACA,wCAJA,8CACA,8DAKA,0EADA,qEACA,CAGF,iBACE,iCACA,oBACA,wCACA,sBAGF,eACE,+BACA,yBACA,wCACA,wBAGF,iBACE,oDACA,0DAIA,0DACE,0BACA,qCACA,oBAGF,wDACE,oBACA,qCACA,sBAIJ,2BACE,IACE,qCACA,iBACA,eACA,4EAEF,GACE,wCACA,iBACA,eACA,+EAXJ,mBACE,IACE,qCACA,iBACA,eACA,4EAEF,GACE,wCACA,iBACA,eACA,+EAKF,0BACE,gEACA,4BAxGkB,CAwGlB,oBAxGkB,CAyGlB","sources":["../../../../../../node_modules/@standardnotes/stylekit/dist/stylekit.css","stylesheets/main.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_animation.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_border.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_color.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_display.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_hover_focus.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_typography.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_height.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_margin.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_padding.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_width.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_transition.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_cursor.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_position.scss","../../../../../../node_modules/@standardnotes/stylekit/src/css/_sn.scss","../node_modules/@reach/dialog/styles.css","common/components/TextInput.scss","features/tasks/TasksContainer.scss","features/tasks/TaskItem.scss","common/components/svg/CheckBoxElementsDefs.scss"],"sourcesContent":["@charset \"UTF-8\";\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none;\n}\n\n:root {\n --sn-stylekit-base-font-size: 0.8125rem;\n --sn-stylekit-font-size-p: 0.8125rem;\n --sn-stylekit-font-size-editor: 0.983125rem;\n --sn-stylekit-font-size-h6: 0.65rem;\n --sn-stylekit-font-size-h5: 0.73125rem;\n --sn-stylekit-font-size-h4: 0.8125rem;\n --sn-stylekit-font-size-h3: 0.89375rem;\n --sn-stylekit-font-size-h2: 0.975rem;\n --sn-stylekit-font-size-h1: 1.05625rem;\n --sn-stylekit-white: #ffffff;\n --sn-stylekit-black: #19191c;\n --sn-stylekit-grey-0: #515357;\n --sn-stylekit-grey-1: #72767e;\n --sn-stylekit-grey-2: #bbbec4;\n --sn-stylekit-grey-3: #dfe1e4;\n --sn-stylekit-grey-4: #eeeff1;\n --sn-stylekit-grey-4-opacity-variant: #bbbec43d;\n --sn-stylekit-grey-5: #f4f5f7;\n --sn-stylekit-grey-6: #e5e5e5;\n --sn-stylekit-grey-super-light: #f9f9f9;\n --sn-stylekit-dark-red: #cc2128;\n --sn-stylekit-neutral-color: #989898;\n --sn-stylekit-neutral-contrast-color: #ffffff;\n --sn-stylekit-info-color: #086dd6;\n --sn-stylekit-info-color-darkened: #065cb5;\n --sn-stylekit-info-contrast-color: #ffffff;\n --sn-stylekit-info-backdrop-color: #2b6fcf0f;\n --sn-stylekit-success-color: #2b9612;\n --sn-stylekit-success-contrast-color: #ffffff;\n --sn-stylekit-warning-color: #f6a200;\n --sn-stylekit-warning-contrast-color: #ffffff;\n --sn-stylekit-danger-color: #f80324;\n --sn-stylekit-danger-contrast-color: #ffffff;\n --sn-stylekit-shadow-color: #c8c8c8;\n --sn-stylekit-background-color: #ffffff;\n --sn-stylekit-border-color: #dfe1e4;\n --sn-stylekit-foreground-color: #000000;\n --sn-stylekit-contrast-background-color: #f6f6f6;\n --sn-stylekit-contrast-foreground-color: #2e2e2e;\n --sn-stylekit-contrast-border-color: #e3e3e3;\n --sn-stylekit-secondary-background-color: #f6f6f6;\n --sn-stylekit-secondary-foreground-color: #2e2e2e;\n --sn-stylekit-secondary-border-color: #e3e3e3;\n --sn-stylekit-secondary-contrast-background-color: #e3e3e3;\n --sn-stylekit-secondary-contrast-foreground-color: #2e2e2e;\n --sn-stylekit-secondary-contrast-border-color: #a2a2a2;\n --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);\n --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);\n --sn-stylekit-paragraph-text-color: #454545;\n --sn-stylekit-input-placeholder-color: #a8a8a8;\n --sn-stylekit-input-border-color: #e3e3e3;\n --sn-stylekit-scrollbar-thumb-color: #dfdfdf;\n --sn-stylekit-scrollbar-track-border-color: #e7e7e7;\n --sn-stylekit-menu-border: none;\n --sn-stylekit-general-border-radius: 2px;\n --sn-stylekit-list-item-highlight-color: var(--sn-stylekit-grey-5);\n --sn-stylekit-simplified-chinese-font: 'Microsoft Yahei', '微软雅黑体';\n --sn-stylekit-monospace-font: 'SFMono-Regular', Consolas, 'Liberation Mono',\n Menlo, 'Ubuntu Mono', 'Courier New', monospace;\n --sn-stylekit-sans-serif-font: -apple-system, BlinkMacSystemFont, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', var(--sn-stylekit-simplified-chinese-font), sans-serif;\n --sn-stylekit-editor-font-family: var(--sn-stylekit-sans-serif-font);\n --sn-stylekit-theme-type: light;\n --sn-stylekit-theme-name: sn-light;\n --sn-stylekit-accessory-tint-color-1: #086dd6;\n --sn-stylekit-accessory-tint-color-2: #ea6595;\n --sn-stylekit-accessory-tint-color-3: #ebad00;\n --sn-stylekit-accessory-tint-color-4: #7049cf;\n --sn-stylekit-accessory-tint-color-5: #1aa772;\n --sn-stylekit-accessory-tint-color-6: #f28c52;\n}\n\n.sn-component {\n /**\n * Do not use these rules without explicitly handling focus in a different\n * way, otherwise keyboard focus will break.\n */\n /**\n * A button that is just an icon. Separated from .sn-button because there\n * is almost no style overlap.\n */\n font-family: var(--sn-stylekit-sans-serif-font);\n -webkit-font-smoothing: antialiased;\n color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component .sk-panel {\n box-shadow: 0px 2px 5px var(--sn-stylekit-shadow-color);\n background-color: var(--sn-stylekit-background-color);\n border: 1px solid var(--sn-stylekit-border-color);\n border-radius: var(--sn-stylekit-general-border-radius);\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-grow: 1;\n}\n\n.sn-component .sk-panel a:hover {\n text-decoration: underline;\n}\n\n.sn-component .sk-panel.static {\n box-shadow: none;\n border: none;\n border-radius: 0;\n}\n\n.sn-component .sk-panel .sk-panel-header {\n flex-shrink: 0;\n /* Don't allow to condense in height */\n display: flex;\n justify-content: space-between;\n padding: 0.89375rem 1.625rem;\n border-bottom: 1px solid var(--sn-stylekit-contrast-border-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n align-items: center;\n}\n\n.sn-component .sk-panel .sk-panel-header .sk-panel-header-title {\n font-size: var(--sn-stylekit-font-size-h1);\n font-weight: 500;\n}\n\n.sn-component .sk-panel .sk-panel-header .close-button {\n font-weight: bold;\n}\n\n.sn-component .sk-panel .sk-footer,\n.sn-component .sk-panel .sk-panel-footer {\n padding: 0.8125rem 1.625rem;\n border-top: 1px solid var(--sn-stylekit-border-color);\n box-sizing: border-box;\n}\n\n.sn-component .sk-panel .sk-footer.extra-padding,\n.sn-component .sk-panel .sk-panel-footer.extra-padding {\n padding: 1.625rem 1.625rem;\n}\n\n.sn-component .sk-panel .sk-footer .left,\n.sn-component .sk-panel .sk-panel-footer .left {\n text-align: left;\n display: block;\n}\n\n.sn-component .sk-panel .sk-footer .right,\n.sn-component .sk-panel .sk-panel-footer .right {\n text-align: right;\n display: block;\n}\n\n.sn-component .sk-panel .sk-panel-content {\n padding: 1.3rem 1.625rem;\n padding-bottom: 0;\n flex-grow: 1;\n overflow: scroll;\n height: 100%;\n overflow-y: auto !important;\n overflow-x: auto !important;\n}\n\n.sn-component .sk-panel .sk-panel-content .sk-p,\n.sn-component .sk-panel .sk-panel-content .sk-li {\n color: var(--sn-stylekit-paragraph-text-color);\n line-height: 1.3;\n}\n\n.sn-component .sk-panel-section {\n padding-bottom: 1.3rem;\n display: flex;\n flex-direction: column;\n}\n\n.sn-component .sk-panel-section.sk-panel-hero {\n text-align: center;\n}\n\n.sn-component .sk-panel-section .sk-p:last-child {\n margin-bottom: 0;\n}\n\n.sn-component .sk-panel-section:not(:last-child) {\n margin-bottom: 1.21875rem;\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-panel-section:not(:last-child).no-border {\n border-bottom: none;\n}\n\n.sn-component .sk-panel-section:last-child {\n margin-bottom: 0.5rem;\n}\n\n.sn-component .sk-panel-section.no-bottom-pad {\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n.sn-component .sk-panel-section .sk-panel-section-title {\n margin-bottom: 0.40625rem;\n font-weight: bold;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-panel-section .sk-panel-section-outer-title {\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n padding-bottom: 0.73125rem;\n margin-top: 1.70625rem;\n margin-bottom: 15px;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-panel-section .sk-panel-section-subtitle {\n font-size: var(--sn-stylekit-font-size-h5);\n margin-bottom: 2px;\n}\n\n.sn-component .sk-panel-section .sk-panel-section-subtitle.subtle {\n font-weight: normal;\n opacity: 0.6;\n}\n\n.sn-component .sk-panel-section .text-content .sk-p {\n margin-bottom: 0.8175rem;\n}\n\n.sn-component .sk-panel-section .text-content p:first-child {\n margin-top: 0.24375rem;\n}\n\n.sn-component .sk-panel-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 0.325rem;\n}\n\n.sn-component .sk-panel-row.centered {\n justify-content: center;\n}\n\n.sn-component .sk-panel-row.justify-right {\n justify-content: flex-end;\n}\n\n.sn-component .sk-panel-row.justify-left {\n justify-content: flex-start;\n}\n\n.sn-component .sk-panel-row.align-top {\n align-items: flex-start;\n}\n\n.sn-component .sk-panel-row .sk-panel-column.stretch {\n width: 100%;\n}\n\n.sn-component .sk-panel-row.default-padding, .sn-component .sk-panel-row:not(:last-child) {\n padding-bottom: 0.325rem;\n}\n\n.sn-component .sk-panel-row.condensed {\n padding-top: 0.1625rem;\n padding-bottom: 0.1625rem;\n}\n\n.sn-component .sk-panel-row .sk-p {\n margin: 0;\n padding: 0;\n}\n\n.sn-component .vertical-rule {\n background-color: var(--sn-stylekit-border-color);\n height: 1.21875rem;\n width: 1px;\n}\n\n.sn-component .sk-panel-form {\n width: 100%;\n}\n\n.sn-component .sk-panel-form.half {\n width: 50%;\n}\n\n.sn-component .sk-panel-form .form-submit {\n margin-top: 0.121875rem;\n}\n\n.sn-component .right-aligned {\n justify-content: flex-end;\n text-align: right;\n}\n\n.sn-component .sk-menu-panel {\n background-color: var(--sn-stylekit-background-color);\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n border-radius: var(--sn-stylekit-general-border-radius);\n overflow: scroll;\n user-select: none;\n overflow-y: auto !important;\n overflow-x: auto !important;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-header {\n padding: 0.65rem 0.8125rem;\n border-bottom: 1px solid var(--sn-stylekit-contrast-border-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-header-title {\n font-weight: bold;\n font-size: var(--sn-stylekit-font-size-h4);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-header-subtitle {\n margin-top: 0.1625rem;\n opacity: 0.6;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row {\n padding: 0.8125rem 0.8125rem;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row:hover {\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n border-color: var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column {\n display: flex;\n justify-content: center;\n flex-direction: column;\n /* Nested row */\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column:not(:first-child) {\n padding-left: 1rem;\n padding-right: 0.121875rem;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column.stretch {\n width: 100%;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-subrows {\n margin-top: 0.8125rem;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-row,\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-subrow {\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n margin-top: -1px;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-row:hover,\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-subrow:hover {\n background-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .left {\n display: flex;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-button .sk-label, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-box .sk-label, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-button .sk-panel-section .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-menu-panel .sk-menu-panel-row .sk-button .sk-panel-section-subtitle, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-box .sk-panel-section .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-menu-panel .sk-menu-panel-row .sk-box .sk-panel-section-subtitle {\n font-size: var(--sn-stylekit-font-size-h6);\n font-weight: normal;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-label, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-panel-section .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-menu-panel .sk-menu-panel-row .sk-panel-section-subtitle {\n font-size: var(--sn-stylekit-font-size-p);\n font-weight: bold;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-sublabel {\n font-size: var(--sn-stylekit-font-size-h5);\n margin-top: 0.1625rem;\n opacity: 0.6;\n}\n\n.sn-component .red {\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .tinted {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .selectable {\n user-select: text !important;\n -ms-user-select: text !important;\n -moz-user-select: text !important;\n -webkit-user-select: text !important;\n}\n\n.sn-component .sk-h1,\n.sn-component .sk-h2,\n.sn-component .sk-h3,\n.sn-component .sk-h4,\n.sn-component .sk-h5 {\n margin: 0;\n padding: 0;\n font-weight: normal;\n}\n\n.sn-component .sk-h1 {\n font-weight: 500;\n font-size: var(--sn-stylekit-font-size-h1);\n line-height: 1.54375rem;\n}\n\n.sn-component .sk-h2 {\n font-size: var(--sn-stylekit-font-size-h2);\n line-height: 1.4625rem;\n}\n\n.sn-component .sk-h3 {\n font-size: var(--sn-stylekit-font-size-h3);\n line-height: 1.38125rem;\n}\n\n.sn-component .sk-h4 {\n font-size: var(--sn-stylekit-font-size-p);\n line-height: 1.1375rem;\n}\n\n.sn-component .sk-h5 {\n font-size: var(--sn-stylekit-font-size-h5);\n}\n\n.sn-component .sk-bold {\n font-weight: bold;\n}\n\n.sn-component .sk-font-small {\n font-size: var(--sn-stylekit-font-size-h5);\n}\n\n.sn-component .sk-font-normal {\n font-size: var(--sn-stylekit-font-size-p);\n}\n\n.sn-component .sk-font-large {\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component a.sk-a {\n cursor: pointer;\n user-select: none;\n}\n\n.sn-component a.sk-a.disabled {\n color: var(--sn-stylekit-neutral-color);\n opacity: 0.6;\n}\n\n.sn-component a.sk-a.boxed {\n border-radius: var(--sn-stylekit-general-border-radius);\n padding: 0.24375rem 0.325rem;\n}\n\n.sn-component a.sk-a.boxed:hover {\n text-decoration: none;\n}\n\n.sn-component a.sk-a.boxed.neutral {\n background-color: var(--sn-stylekit-neutral-color);\n color: var(--sn-stylekit-neutral-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.info {\n background-color: var(--sn-stylekit-info-color);\n color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.warning {\n background-color: var(--sn-stylekit-warning-color);\n color: var(--sn-stylekit-warning-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.danger {\n background-color: var(--sn-stylekit-danger-color);\n color: var(--sn-stylekit-danger-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.success {\n background-color: var(--sn-stylekit-success-color);\n color: var(--sn-stylekit-success-contrast-color);\n}\n\n.sn-component .wrap {\n word-wrap: break-word;\n}\n\n.sn-component *.sk-base {\n color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component *.contrast {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component *.neutral {\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component *.info {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component *.info-contrast {\n color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component *.warning {\n color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component *.danger {\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component *.success {\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component *.info-i {\n color: var(--sn-stylekit-info-color) !important;\n}\n\n.sn-component *.warning-i {\n color: var(--sn-stylekit-warning-color) !important;\n}\n\n.sn-component *.danger-i {\n color: var(--sn-stylekit-danger-color) !important;\n}\n\n.sn-component *.success-i {\n color: var(--sn-stylekit-success-color) !important;\n}\n\n.sn-component *.clear {\n background-color: transparent;\n border: none;\n}\n\n.sn-component .center-text {\n text-align: center !important;\n justify-content: center !important;\n}\n\n.sn-component p.sk-p {\n margin: 0.40625rem 0;\n}\n\n.sn-component input.sk-input {\n box-sizing: border-box;\n padding: 0.56875rem 0.65rem;\n margin: 0.24375rem 0;\n border: none;\n font-size: var(--sn-stylekit-font-size-h3);\n width: 100%;\n outline: 0;\n resize: none;\n}\n\n.sn-component input.sk-input.clear {\n color: var(--sn-stylekit-foreground-color);\n background-color: transparent;\n border: none;\n}\n\n.sn-component input.sk-input.no-border {\n border: none;\n}\n\n.sn-component .sk-label, .sn-component .sk-panel-section .sk-panel-section-subtitle {\n font-weight: bold;\n}\n\n.sn-component .sk-label.no-bold, .sn-component .sk-panel-section .no-bold.sk-panel-section-subtitle {\n font-weight: normal;\n}\n\n.sn-component label.sk-label, .sn-component .sk-panel-section label.sk-panel-section-subtitle {\n margin: 0.56875rem 0;\n display: block;\n}\n\n.sn-component label.sk-label input[type='checkbox'], .sn-component .sk-panel-section label.sk-panel-section-subtitle input[type='checkbox'],\n.sn-component input[type='radio'] {\n width: auto;\n margin-right: 0.365625rem;\n /* Space after checkbox */\n vertical-align: middle;\n}\n\n.sn-component .sk-horizontal-group > *, .sn-component .sk-input-group > * {\n display: inline-block;\n vertical-align: middle;\n}\n\n.sn-component .sk-horizontal-group > *:not(:first-child), .sn-component .sk-input-group > *:not(:first-child) {\n margin-left: 0.73125rem;\n}\n\n.sn-component .sk-border-bottom {\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-checkbox-group {\n padding-top: 0.40625rem;\n padding-bottom: 0.24375rem;\n}\n\n.sn-component ::placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: var(--sn-stylekit-input-placeholder-color);\n}\n\n.sn-component :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: var(--sn-stylekit-input-placeholder-color);\n}\n\n.sn-component ::-ms-input-placeholder {\n /* Microsoft Edge */\n color: var(--sn-stylekit-input-placeholder-color);\n}\n\n.sn-component .sk-button-group.stretch {\n display: flex;\n width: 100%;\n}\n\n.sn-component .sk-button-group.stretch .sk-button, .sn-component .sk-button-group.stretch .sk-box {\n display: block;\n flex-grow: 1;\n text-align: center;\n}\n\n.sn-component .sk-button-group .sk-button, .sn-component .sk-button-group .sk-box {\n display: inline-block;\n vertical-align: middle;\n}\n\n.sn-component .sk-button-group .sk-button:not(:last-child), .sn-component .sk-button-group .sk-box:not(:last-child) {\n margin-right: 5px;\n}\n\n.sn-component .sk-button-group .sk-button:not(:last-child).featured, .sn-component .sk-button-group .sk-box:not(:last-child).featured {\n margin-right: 8px;\n}\n\n.sn-component .sk-segmented-buttons {\n display: flex;\n flex-direction: row;\n}\n\n.sn-component .sk-segmented-buttons .sk-button, .sn-component .sk-segmented-buttons .sk-box {\n border-radius: 0;\n white-space: nowrap;\n margin: 0;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.sn-component .sk-segmented-buttons .sk-button:not(:last-child), .sn-component .sk-segmented-buttons .sk-box:not(:last-child) {\n border-right: none;\n border-radius: 0;\n}\n\n.sn-component .sk-segmented-buttons .sk-button:first-child, .sn-component .sk-segmented-buttons .sk-box:first-child {\n border-top-left-radius: var(--sn-stylekit-general-border-radius);\n border-bottom-left-radius: var(--sn-stylekit-general-border-radius);\n border-right: none;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.sn-component .sk-segmented-buttons .sk-button:last-child, .sn-component .sk-segmented-buttons .sk-box:last-child {\n border-top-right-radius: var(--sn-stylekit-general-border-radius);\n border-bottom-right-radius: var(--sn-stylekit-general-border-radius);\n border-left: none;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.sn-component .sk-box-group .sk-box {\n display: inline-block;\n}\n\n.sn-component .sk-box-group .sk-box:not(:last-child) {\n margin-right: 5px;\n}\n\n.sn-component .sk-a.button {\n text-decoration: none;\n}\n\n.sn-component .sk-button, .sn-component .sk-box {\n display: table;\n padding: 0.40625rem 0.56875rem;\n font-size: var(--sn-stylekit-font-size-h5);\n cursor: pointer;\n text-align: center;\n user-select: none;\n}\n\n.sn-component .sk-button.no-hover-border:after, .sn-component .no-hover-border.sk-box:after {\n color: transparent !important;\n}\n\n.sn-component .sk-button.wide, .sn-component .wide.sk-box {\n padding: 0.24375rem 1.38125rem;\n}\n\n.sn-component .sk-button > .sk-label, .sn-component .sk-box > .sk-label, .sn-component .sk-panel-section .sk-button > .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-box > .sk-panel-section-subtitle {\n font-weight: bold;\n display: block;\n text-align: center;\n}\n\n.sn-component .sk-button.big, .sn-component .big.sk-box {\n font-size: var(--sn-stylekit-font-size-h3);\n padding: 0.56875rem 2.03125rem;\n}\n\n.sn-component .sk-box {\n padding: 2.03125rem 1.21875rem;\n}\n\n.sn-component .sk-button.sk-base, .sn-component .sk-base.sk-box,\n.sn-component .sk-box.sk-base,\n.sn-component .sk-circle.sk-base {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .sk-button.sk-base *, .sn-component .sk-base.sk-box *,\n.sn-component .sk-box.sk-base *,\n.sn-component .sk-circle.sk-base * {\n position: relative;\n}\n\n.sn-component .sk-button.sk-base:before, .sn-component .sk-base.sk-box:before,\n.sn-component .sk-box.sk-base:before,\n.sn-component .sk-circle.sk-base:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.sk-base:after, .sn-component .sk-base.sk-box:after,\n.sn-component .sk-box.sk-base:after,\n.sn-component .sk-circle.sk-base:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .sk-button.sk-base:hover:before, .sn-component .sk-base.sk-box:hover:before,\n.sn-component .sk-box.sk-base:hover:before,\n.sn-component .sk-circle.sk-base:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.sk-base.no-bg, .sn-component .sk-base.no-bg.sk-box,\n.sn-component .sk-box.sk-base.no-bg,\n.sn-component .sk-circle.sk-base.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.sk-base.no-bg:before, .sn-component .sk-base.no-bg.sk-box:before,\n.sn-component .sk-box.sk-base.no-bg:before,\n.sn-component .sk-circle.sk-base.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.sk-base.featured, .sn-component .sk-base.featured.sk-box,\n.sn-component .sk-box.sk-base.featured,\n.sn-component .sk-circle.sk-base.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.sk-base.featured:before, .sn-component .sk-base.featured.sk-box:before,\n.sn-component .sk-box.sk-base.featured:before,\n.sn-component .sk-circle.sk-base.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.contrast, .sn-component .contrast.sk-box,\n.sn-component .sk-box.contrast,\n.sn-component .sk-circle.contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .sk-button.contrast *, .sn-component .contrast.sk-box *,\n.sn-component .sk-box.contrast *,\n.sn-component .sk-circle.contrast * {\n position: relative;\n}\n\n.sn-component .sk-button.contrast:before, .sn-component .contrast.sk-box:before,\n.sn-component .sk-box.contrast:before,\n.sn-component .sk-circle.contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.contrast:after, .sn-component .contrast.sk-box:after,\n.sn-component .sk-box.contrast:after,\n.sn-component .sk-circle.contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .sk-button.contrast:hover:before, .sn-component .contrast.sk-box:hover:before,\n.sn-component .sk-box.contrast:hover:before,\n.sn-component .sk-circle.contrast:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.contrast.no-bg, .sn-component .contrast.no-bg.sk-box,\n.sn-component .sk-box.contrast.no-bg,\n.sn-component .sk-circle.contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.contrast.no-bg:before, .sn-component .contrast.no-bg.sk-box:before,\n.sn-component .sk-box.contrast.no-bg:before,\n.sn-component .sk-circle.contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.contrast.featured, .sn-component .contrast.featured.sk-box,\n.sn-component .sk-box.contrast.featured,\n.sn-component .sk-circle.contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.contrast.featured:before, .sn-component .contrast.featured.sk-box:before,\n.sn-component .sk-box.contrast.featured:before,\n.sn-component .sk-circle.contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.sk-secondary, .sn-component .sk-secondary.sk-box,\n.sn-component .sk-box.sk-secondary,\n.sn-component .sk-circle.sk-secondary {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-background-color);\n}\n\n.sn-component .sk-button.sk-secondary *, .sn-component .sk-secondary.sk-box *,\n.sn-component .sk-box.sk-secondary *,\n.sn-component .sk-circle.sk-secondary * {\n position: relative;\n}\n\n.sn-component .sk-button.sk-secondary:before, .sn-component .sk-secondary.sk-box:before,\n.sn-component .sk-box.sk-secondary:before,\n.sn-component .sk-circle.sk-secondary:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.sk-secondary:after, .sn-component .sk-secondary.sk-box:after,\n.sn-component .sk-box.sk-secondary:after,\n.sn-component .sk-circle.sk-secondary:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-secondary-background-color);\n}\n\n.sn-component .sk-button.sk-secondary:hover:before, .sn-component .sk-secondary.sk-box:hover:before,\n.sn-component .sk-box.sk-secondary:hover:before,\n.sn-component .sk-circle.sk-secondary:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.sk-secondary.no-bg, .sn-component .sk-secondary.no-bg.sk-box,\n.sn-component .sk-box.sk-secondary.no-bg,\n.sn-component .sk-circle.sk-secondary.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.sk-secondary.no-bg:before, .sn-component .sk-secondary.no-bg.sk-box:before,\n.sn-component .sk-box.sk-secondary.no-bg:before,\n.sn-component .sk-circle.sk-secondary.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.sk-secondary.featured, .sn-component .sk-secondary.featured.sk-box,\n.sn-component .sk-box.sk-secondary.featured,\n.sn-component .sk-circle.sk-secondary.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.sk-secondary.featured:before, .sn-component .sk-secondary.featured.sk-box:before,\n.sn-component .sk-box.sk-secondary.featured:before,\n.sn-component .sk-circle.sk-secondary.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.sk-secondary-contrast, .sn-component .sk-secondary-contrast.sk-box,\n.sn-component .sk-box.sk-secondary-contrast,\n.sn-component .sk-circle.sk-secondary-contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.sn-component .sk-button.sk-secondary-contrast *, .sn-component .sk-secondary-contrast.sk-box *,\n.sn-component .sk-box.sk-secondary-contrast *,\n.sn-component .sk-circle.sk-secondary-contrast * {\n position: relative;\n}\n\n.sn-component .sk-button.sk-secondary-contrast:before, .sn-component .sk-secondary-contrast.sk-box:before,\n.sn-component .sk-box.sk-secondary-contrast:before,\n.sn-component .sk-circle.sk-secondary-contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.sk-secondary-contrast:after, .sn-component .sk-secondary-contrast.sk-box:after,\n.sn-component .sk-box.sk-secondary-contrast:after,\n.sn-component .sk-circle.sk-secondary-contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.sn-component .sk-button.sk-secondary-contrast:hover:before, .sn-component .sk-secondary-contrast.sk-box:hover:before,\n.sn-component .sk-box.sk-secondary-contrast:hover:before,\n.sn-component .sk-circle.sk-secondary-contrast:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.sk-secondary-contrast.no-bg, .sn-component .sk-secondary-contrast.no-bg.sk-box,\n.sn-component .sk-box.sk-secondary-contrast.no-bg,\n.sn-component .sk-circle.sk-secondary-contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.sk-secondary-contrast.no-bg:before, .sn-component .sk-secondary-contrast.no-bg.sk-box:before,\n.sn-component .sk-box.sk-secondary-contrast.no-bg:before,\n.sn-component .sk-circle.sk-secondary-contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.sk-secondary-contrast.featured, .sn-component .sk-secondary-contrast.featured.sk-box,\n.sn-component .sk-box.sk-secondary-contrast.featured,\n.sn-component .sk-circle.sk-secondary-contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.sk-secondary-contrast.featured:before, .sn-component .sk-secondary-contrast.featured.sk-box:before,\n.sn-component .sk-box.sk-secondary-contrast.featured:before,\n.sn-component .sk-circle.sk-secondary-contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.neutral, .sn-component .neutral.sk-box,\n.sn-component .sk-box.neutral,\n.sn-component .sk-circle.neutral {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-neutral-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-neutral-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-button.neutral *, .sn-component .neutral.sk-box *,\n.sn-component .sk-box.neutral *,\n.sn-component .sk-circle.neutral * {\n position: relative;\n}\n\n.sn-component .sk-button.neutral:before, .sn-component .neutral.sk-box:before,\n.sn-component .sk-box.neutral:before,\n.sn-component .sk-circle.neutral:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-neutral-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.neutral:after, .sn-component .neutral.sk-box:after,\n.sn-component .sk-box.neutral:after,\n.sn-component .sk-circle.neutral:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-button.neutral:hover:before, .sn-component .neutral.sk-box:hover:before,\n.sn-component .sk-box.neutral:hover:before,\n.sn-component .sk-circle.neutral:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.neutral.no-bg, .sn-component .neutral.no-bg.sk-box,\n.sn-component .sk-box.neutral.no-bg,\n.sn-component .sk-circle.neutral.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.neutral.no-bg:before, .sn-component .neutral.no-bg.sk-box:before,\n.sn-component .sk-box.neutral.no-bg:before,\n.sn-component .sk-circle.neutral.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.neutral.featured, .sn-component .neutral.featured.sk-box,\n.sn-component .sk-box.neutral.featured,\n.sn-component .sk-circle.neutral.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.neutral.featured:before, .sn-component .neutral.featured.sk-box:before,\n.sn-component .sk-box.neutral.featured:before,\n.sn-component .sk-circle.neutral.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.info, .sn-component .info.sk-box,\n.sn-component .sk-box.info,\n.sn-component .sk-circle.info {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-info-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-info-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-button.info *, .sn-component .info.sk-box *,\n.sn-component .sk-box.info *,\n.sn-component .sk-circle.info * {\n position: relative;\n}\n\n.sn-component .sk-button.info:before, .sn-component .info.sk-box:before,\n.sn-component .sk-box.info:before,\n.sn-component .sk-circle.info:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-info-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.info:after, .sn-component .info.sk-box:after,\n.sn-component .sk-box.info:after,\n.sn-component .sk-circle.info:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-button.info:hover:before, .sn-component .info.sk-box:hover:before,\n.sn-component .sk-box.info:hover:before,\n.sn-component .sk-circle.info:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.info.no-bg, .sn-component .info.no-bg.sk-box,\n.sn-component .sk-box.info.no-bg,\n.sn-component .sk-circle.info.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.info.no-bg:before, .sn-component .info.no-bg.sk-box:before,\n.sn-component .sk-box.info.no-bg:before,\n.sn-component .sk-circle.info.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.info.featured, .sn-component .info.featured.sk-box,\n.sn-component .sk-box.info.featured,\n.sn-component .sk-circle.info.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.info.featured:before, .sn-component .info.featured.sk-box:before,\n.sn-component .sk-box.info.featured:before,\n.sn-component .sk-circle.info.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.warning, .sn-component .warning.sk-box,\n.sn-component .sk-box.warning,\n.sn-component .sk-circle.warning {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-warning-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-warning-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-button.warning *, .sn-component .warning.sk-box *,\n.sn-component .sk-box.warning *,\n.sn-component .sk-circle.warning * {\n position: relative;\n}\n\n.sn-component .sk-button.warning:before, .sn-component .warning.sk-box:before,\n.sn-component .sk-box.warning:before,\n.sn-component .sk-circle.warning:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-warning-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.warning:after, .sn-component .warning.sk-box:after,\n.sn-component .sk-box.warning:after,\n.sn-component .sk-circle.warning:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-button.warning:hover:before, .sn-component .warning.sk-box:hover:before,\n.sn-component .sk-box.warning:hover:before,\n.sn-component .sk-circle.warning:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.warning.no-bg, .sn-component .warning.no-bg.sk-box,\n.sn-component .sk-box.warning.no-bg,\n.sn-component .sk-circle.warning.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.warning.no-bg:before, .sn-component .warning.no-bg.sk-box:before,\n.sn-component .sk-box.warning.no-bg:before,\n.sn-component .sk-circle.warning.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.warning.featured, .sn-component .warning.featured.sk-box,\n.sn-component .sk-box.warning.featured,\n.sn-component .sk-circle.warning.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.warning.featured:before, .sn-component .warning.featured.sk-box:before,\n.sn-component .sk-box.warning.featured:before,\n.sn-component .sk-circle.warning.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.danger, .sn-component .danger.sk-box,\n.sn-component .sk-box.danger,\n.sn-component .sk-circle.danger {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-danger-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-danger-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-button.danger *, .sn-component .danger.sk-box *,\n.sn-component .sk-box.danger *,\n.sn-component .sk-circle.danger * {\n position: relative;\n}\n\n.sn-component .sk-button.danger:before, .sn-component .danger.sk-box:before,\n.sn-component .sk-box.danger:before,\n.sn-component .sk-circle.danger:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-danger-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.danger:after, .sn-component .danger.sk-box:after,\n.sn-component .sk-box.danger:after,\n.sn-component .sk-circle.danger:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-button.danger:hover:before, .sn-component .danger.sk-box:hover:before,\n.sn-component .sk-box.danger:hover:before,\n.sn-component .sk-circle.danger:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.danger.no-bg, .sn-component .danger.no-bg.sk-box,\n.sn-component .sk-box.danger.no-bg,\n.sn-component .sk-circle.danger.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.danger.no-bg:before, .sn-component .danger.no-bg.sk-box:before,\n.sn-component .sk-box.danger.no-bg:before,\n.sn-component .sk-circle.danger.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.danger.featured, .sn-component .danger.featured.sk-box,\n.sn-component .sk-box.danger.featured,\n.sn-component .sk-circle.danger.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.danger.featured:before, .sn-component .danger.featured.sk-box:before,\n.sn-component .sk-box.danger.featured:before,\n.sn-component .sk-circle.danger.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.success, .sn-component .success.sk-box,\n.sn-component .sk-box.success,\n.sn-component .sk-circle.success {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-success-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-success-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-button.success *, .sn-component .success.sk-box *,\n.sn-component .sk-box.success *,\n.sn-component .sk-circle.success * {\n position: relative;\n}\n\n.sn-component .sk-button.success:before, .sn-component .success.sk-box:before,\n.sn-component .sk-box.success:before,\n.sn-component .sk-circle.success:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-success-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.success:after, .sn-component .success.sk-box:after,\n.sn-component .sk-box.success:after,\n.sn-component .sk-circle.success:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-button.success:hover:before, .sn-component .success.sk-box:hover:before,\n.sn-component .sk-box.success:hover:before,\n.sn-component .sk-circle.success:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.success.no-bg, .sn-component .success.no-bg.sk-box,\n.sn-component .sk-box.success.no-bg,\n.sn-component .sk-circle.success.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.success.no-bg:before, .sn-component .success.no-bg.sk-box:before,\n.sn-component .sk-box.success.no-bg:before,\n.sn-component .sk-circle.success.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.success.featured, .sn-component .success.featured.sk-box,\n.sn-component .sk-box.success.featured,\n.sn-component .sk-circle.success.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.success.featured:before, .sn-component .success.featured.sk-box:before,\n.sn-component .sk-box.success.featured:before,\n.sn-component .sk-circle.success.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.contrast,\n.sn-component .sk-input.contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-contrast-border-color);\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-notification.contrast *,\n.sn-component .sk-input.contrast * {\n position: relative;\n}\n\n.sn-component .sk-notification.contrast:before,\n.sn-component .sk-input.contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.contrast:after,\n.sn-component .sk-input.contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-contrast-border-color);\n border-color: var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-notification.contrast.no-bg,\n.sn-component .sk-input.contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.contrast.no-bg:before,\n.sn-component .sk-input.contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.contrast.featured,\n.sn-component .sk-input.contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.contrast.featured:before,\n.sn-component .sk-input.contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.sk-secondary,\n.sn-component .sk-input.sk-secondary {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-border-color);\n border: 1px solid var(--sn-stylekit-secondary-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary *,\n.sn-component .sk-input.sk-secondary * {\n position: relative;\n}\n\n.sn-component .sk-notification.sk-secondary:before,\n.sn-component .sk-input.sk-secondary:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.sk-secondary:after,\n.sn-component .sk-input.sk-secondary:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-secondary-border-color);\n border-color: var(--sn-stylekit-secondary-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary.no-bg,\n.sn-component .sk-input.sk-secondary.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.sk-secondary.no-bg:before,\n.sn-component .sk-input.sk-secondary.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.sk-secondary.featured,\n.sn-component .sk-input.sk-secondary.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.sk-secondary.featured:before,\n.sn-component .sk-input.sk-secondary.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast,\n.sn-component .sk-input.sk-secondary-contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-contrast-border-color);\n border: 1px solid var(--sn-stylekit-secondary-contrast-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast *,\n.sn-component .sk-input.sk-secondary-contrast * {\n position: relative;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast:before,\n.sn-component .sk-input.sk-secondary-contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast:after,\n.sn-component .sk-input.sk-secondary-contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-secondary-contrast-border-color);\n border-color: var(--sn-stylekit-secondary-contrast-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.no-bg,\n.sn-component .sk-input.sk-secondary-contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.no-bg:before,\n.sn-component .sk-input.sk-secondary-contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.featured,\n.sn-component .sk-input.sk-secondary-contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.featured:before,\n.sn-component .sk-input.sk-secondary-contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.sk-base,\n.sn-component .sk-input.sk-base {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-border-color);\n border: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-notification.sk-base *,\n.sn-component .sk-input.sk-base * {\n position: relative;\n}\n\n.sn-component .sk-notification.sk-base:before,\n.sn-component .sk-input.sk-base:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.sk-base:after,\n.sn-component .sk-input.sk-base:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-border-color);\n border-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-notification.sk-base.no-bg,\n.sn-component .sk-input.sk-base.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.sk-base.no-bg:before,\n.sn-component .sk-input.sk-base.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.sk-base.featured,\n.sn-component .sk-input.sk-base.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.sk-base.featured:before,\n.sn-component .sk-input.sk-base.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.neutral,\n.sn-component .sk-input.neutral {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-neutral-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-neutral-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-notification.neutral *,\n.sn-component .sk-input.neutral * {\n position: relative;\n}\n\n.sn-component .sk-notification.neutral:before,\n.sn-component .sk-input.neutral:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-neutral-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.neutral:after,\n.sn-component .sk-input.neutral:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-notification.neutral.no-bg,\n.sn-component .sk-input.neutral.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.neutral.no-bg:before,\n.sn-component .sk-input.neutral.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.neutral.featured,\n.sn-component .sk-input.neutral.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.neutral.featured:before,\n.sn-component .sk-input.neutral.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.info,\n.sn-component .sk-input.info {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-info-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-info-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-notification.info *,\n.sn-component .sk-input.info * {\n position: relative;\n}\n\n.sn-component .sk-notification.info:before,\n.sn-component .sk-input.info:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-info-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.info:after,\n.sn-component .sk-input.info:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-notification.info.no-bg,\n.sn-component .sk-input.info.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.info.no-bg:before,\n.sn-component .sk-input.info.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.info.featured,\n.sn-component .sk-input.info.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.info.featured:before,\n.sn-component .sk-input.info.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.warning,\n.sn-component .sk-input.warning {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-warning-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-warning-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-notification.warning *,\n.sn-component .sk-input.warning * {\n position: relative;\n}\n\n.sn-component .sk-notification.warning:before,\n.sn-component .sk-input.warning:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-warning-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.warning:after,\n.sn-component .sk-input.warning:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-notification.warning.no-bg,\n.sn-component .sk-input.warning.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.warning.no-bg:before,\n.sn-component .sk-input.warning.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.warning.featured,\n.sn-component .sk-input.warning.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.warning.featured:before,\n.sn-component .sk-input.warning.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.danger,\n.sn-component .sk-input.danger {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-danger-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-danger-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-notification.danger *,\n.sn-component .sk-input.danger * {\n position: relative;\n}\n\n.sn-component .sk-notification.danger:before,\n.sn-component .sk-input.danger:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-danger-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.danger:after,\n.sn-component .sk-input.danger:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-notification.danger.no-bg,\n.sn-component .sk-input.danger.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.danger.no-bg:before,\n.sn-component .sk-input.danger.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.danger.featured,\n.sn-component .sk-input.danger.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.danger.featured:before,\n.sn-component .sk-input.danger.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.success,\n.sn-component .sk-input.success {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-success-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-success-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-notification.success *,\n.sn-component .sk-input.success * {\n position: relative;\n}\n\n.sn-component .sk-notification.success:before,\n.sn-component .sk-input.success:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-success-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.success:after,\n.sn-component .sk-input.success:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-notification.success.no-bg,\n.sn-component .sk-input.success.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.success.no-bg:before,\n.sn-component .sk-input.success.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.success.featured,\n.sn-component .sk-input.success.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.success.featured:before,\n.sn-component .sk-input.success.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification {\n padding: 0.89375rem 0.8125rem;\n margin: 1.1375rem 0;\n text-align: left;\n cursor: default;\n}\n\n.sn-component .sk-notification.one-line {\n padding: 0rem 0.325rem;\n}\n\n.sn-component .sk-notification.stretch {\n width: 100%;\n}\n\n.sn-component .sk-notification.dashed {\n border-style: dashed;\n border-width: 2px;\n}\n\n.sn-component .sk-notification.dashed:after {\n box-shadow: none;\n}\n\n.sn-component .sk-notification .sk-notification-title {\n font-size: var(--sn-stylekit-font-size-h1);\n font-weight: bold;\n line-height: 1.54375rem;\n}\n\n.sn-component .sk-notification .sk-notification-text {\n line-height: 1.21875rem;\n font-size: var(--sn-stylekit-font-size-p);\n text-align: left;\n font-weight: normal;\n}\n\n.sn-component .sk-circle {\n border: 1px solid;\n cursor: pointer;\n border-color: var(--sn-stylekit-contrast-foreground-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n padding: 0;\n border-radius: 50% !important;\n flex-shrink: 0;\n}\n\n.sn-component .sk-circle:before {\n border-radius: 50% !important;\n}\n\n.sn-component .sk-circle:after {\n border-radius: 50% !important;\n}\n\n.sn-component .sk-circle.small {\n width: 11px;\n height: 11px;\n}\n\n.sn-component .sk-spinner {\n border: 1px solid var(--sn-stylekit-neutral-color);\n border-radius: 50%;\n animation: rotate 0.8s infinite linear;\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.small {\n width: 12px;\n height: 12px;\n}\n\n.sn-component .sk-spinner.info-contrast {\n border-color: var(--sn-stylekit-info-contrast-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.info {\n border-color: var(--sn-stylekit-info-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.warning {\n border-color: var(--sn-stylekit-warning-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.danger {\n border-color: var(--sn-stylekit-danger-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.success {\n border-color: var(--sn-stylekit-success-color);\n border-right-color: transparent;\n}\n\n.sn-component .spinner-info {\n border-color: var(--sn-stylekit-info-color);\n border-right-color: transparent;\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.sn-component .sk-app-bar {\n display: flex;\n width: 100%;\n height: 1.625rem;\n padding: 0 0.65rem;\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n user-select: none;\n}\n\n.sn-component .sk-app-bar.no-edges {\n border-left: 0;\n border-right: 0;\n}\n\n.sn-component .sk-app-bar.no-bottom-edge {\n border-bottom: 0;\n}\n\n.sn-component .sk-app-bar .left,\n.sn-component .sk-app-bar .right {\n display: flex;\n height: 100%;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item {\n flex-grow: 1;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item:not(:first-child) {\n margin-left: 0.8125rem;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item.border {\n border-left: 1px solid var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column {\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column:not(:first-child) {\n margin-left: 0.40625rem;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column.underline {\n border-bottom: 2px solid var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item.no-pointer {\n cursor: default;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-label:not(.subtle), .sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item:hover > .sk-panel-section-subtitle:not(.subtle), .sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item:hover > .sk-panel-section-subtitle:not(.subtle),\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-sublabel:not(.subtle),\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-label:not(.subtle),\n.sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-panel-section-subtitle:not(.subtle),\n.sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-panel-section-subtitle:not(.subtle),\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-sublabel:not(.subtle) {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-label, .sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item > .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item > .sk-panel-section-subtitle,\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column > .sk-label,\n.sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item > .sk-app-bar-item-column > .sk-panel-section-subtitle,\n.sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column > .sk-panel-section-subtitle {\n font-weight: bold;\n font-size: var(--sn-stylekit-font-size-h5);\n white-space: nowrap;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-sublabel,\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column > .sk-sublabel {\n font-size: var(--sn-stylekit-font-size-h5);\n font-weight: normal;\n white-space: nowrap;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item .subtle {\n font-weight: normal;\n opacity: 0.6;\n}\n\n.sn-component .sk-panel-table {\n display: flex;\n flex-wrap: wrap;\n padding-left: 1px;\n padding-top: 1px;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item {\n flex: 45%;\n flex-flow: wrap;\n border: 1px solid var(--sn-stylekit-border-color);\n padding: 0.8125rem;\n margin-left: -1px;\n margin-top: -1px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item img {\n max-width: 100%;\n margin-bottom: 0.8125rem;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-content {\n display: flex;\n flex-direction: row;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column {\n align-items: center;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column.stretch {\n width: 100%;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column:not(:first-child) {\n padding-left: 0.609375rem;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column.quarter {\n flex-basis: 25%;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column.three-quarters {\n flex-basis: 75%;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-footer {\n margin-top: 1.015625rem;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item.no-border {\n border: none;\n}\n\n.sn-component .sk-modal {\n position: fixed;\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 10000;\n width: 100vw;\n height: 100vh;\n background-color: transparent;\n color: var(--sn-stylekit-contrast-foreground-color);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sn-component .sk-modal .sn-component {\n height: 100%;\n}\n\n.sn-component .sk-modal .sn-component .sk-panel {\n height: 100%;\n}\n\n.sn-component .sk-modal.auto-height > .sk-modal-content {\n height: auto !important;\n}\n\n.sn-component .sk-modal.large > .sk-modal-content {\n width: 900px;\n height: 600px;\n}\n\n.sn-component .sk-modal.medium > .sk-modal-content {\n width: 700px;\n height: 500px;\n}\n\n.sn-component .sk-modal.small > .sk-modal-content {\n width: 700px;\n height: 344px;\n}\n\n.sn-component .sk-modal .sk-modal-background {\n position: absolute;\n z-index: -1;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-contrast-background-color);\n opacity: 0.7;\n}\n\n.sn-component .sk-modal > .sk-modal-content {\n overflow-y: auto;\n width: auto;\n padding: 0;\n padding-bottom: 0;\n min-width: 300px;\n -webkit-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.19);\n -moz-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.19);\n box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.19);\n}\n\n@keyframes slide-down {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.sn-component .slide-down-animation, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-popover {\n animation: slide-down 0.2s ease;\n}\n\n@keyframes slide-in-right {\n 0% {\n opacity: 0;\n transform: translateX(10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.sn-component .slide-in-right-animation {\n animation: slide-in-right 0.2s ease;\n}\n\n@keyframes slide-out-left {\n 0% {\n opacity: 1;\n transform: translateX(0);\n }\n 100% {\n opacity: 0;\n transform: translateX(-10px);\n }\n}\n\n.sn-component .slide-out-left-animation {\n animation: slide-out-left 0.2s ease;\n}\n\n@keyframes fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.sn-component .fade-out-animation {\n animation: fade-out 0.2s ease;\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.sn-component .fade-in-animation {\n animation: fade-in 0.2s ease;\n}\n\n.sn-component .animation-fill-forwards {\n animation-fill-mode: forwards;\n}\n\n.sn-component .no-border {\n border: none;\n}\n\n.sn-component .border-0, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-select-popover {\n border-width: 0px;\n}\n\n.sn-component .border-1, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-icon-button {\n border-width: 1px;\n}\n\n.sn-component .border-2 {\n border-width: 2px;\n}\n\n.sn-component .border-b-1 {\n border-bottom-width: 1px;\n}\n\n.sn-component .border-main, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list, .sn-component .sn-select-popover, .sn-component .sn-icon-button {\n border-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .border-background {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .border-transparent {\n border-color: transparent;\n}\n\n.sn-component .border-info {\n border-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .border-neutral {\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .border-rounded-md {\n border-radius: 0.375rem;\n}\n\n.sn-component .rounded, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list, .sn-component .sn-select-popover {\n border-radius: 0.25rem;\n}\n\n.sn-component .rounded-full, .sn-component .sn-icon-button {\n border-radius: 9999px;\n}\n\n.sn-component .border-solid, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-icon-button {\n border-style: solid;\n}\n\n.sn-component .border-bottom-solid {\n border-bottom-style: solid;\n}\n\n.sn-component .border-box, .sn-component .sn-select {\n box-sizing: border-box;\n}\n\n.sn-component .ring-info, .sn-component .focus\\:ring-info:focus, .sn-component .sn-icon-button:focus, .sn-component .focus-within\\:ring-info:focus-within {\n box-shadow: 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.sn-component .inner-ring-info, .sn-component .focus\\:inner-ring-info:focus {\n box-shadow: inset 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.sn-component .shadow-overlay {\n box-shadow: 0px 4px 24px 0px #00000029;\n}\n\n.sn-component .border-dark-red {\n border-color: var(--sn-stylekit-dark-red);\n}\n\n.sn-component .border-bottom-1-gray {\n border-bottom-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .bg-default, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list {\n background-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .bg-contrast, .sn-component .hover\\:bg-contrast:hover, .sn-component .sn-icon-button:hover, .sn-component .focus\\:bg-contrast:focus, .sn-component .sn-icon-button:focus {\n background-color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .bg-border {\n background-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .bg-secondary-contrast, .sn-component .hover\\:bg-secondary-contrast:hover, .sn-component .focus\\:bg-secondary-contrast:focus {\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.sn-component .bg-clip-padding, .sn-component .sn-icon-button {\n background-clip: padding-box;\n}\n\n.sn-component .bg-transparent, .sn-component .sn-icon-button {\n background-color: transparent;\n}\n\n.sn-component .bg-neutral {\n background-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .color-neutral, .sn-component .sn-icon-button {\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .bg-text {\n background-color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component .color-text, .sn-component .hover\\:color-text:hover, .sn-component .sn-icon-button:hover, .sn-component .focus\\:color-text:focus, .sn-component .sn-icon-button:focus, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component .bg-foreground {\n background-color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component .color-foreground {\n color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component .bg-danger {\n background-color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .color-danger {\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .bg-info, .sn-component .sn-button.info, .sn-component .sn-icon-button.info {\n background-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .color-info {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .bg-info-contrast {\n background-color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component .color-info-contrast, .sn-component .sn-button.info, .sn-component .sn-icon-button.info, .sn-component .sn-icon-button.info:hover, .sn-component .sn-icon-button.info:focus {\n color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component .bg-info-dark, .sn-component .hover\\:bg-info-dark:hover, .sn-component .focus\\:bg-info-dark:focus, .sn-component .sn-icon-button.info:hover, .sn-component .sn-icon-button.info:focus {\n background-color: var(--sn-stylekit-info-color-darkened);\n}\n\n.sn-component .color-info-dark {\n color: var(--sn-stylekit-info-color-darkened);\n}\n\n.sn-component .bg-success {\n background-color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .color-success {\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .bg-grey-0 {\n background-color: var(--sn-stylekit-grey-0);\n}\n\n.sn-component .color-grey-0 {\n color: var(--sn-stylekit-grey-0);\n}\n\n.sn-component .bg-grey-1 {\n background-color: var(--sn-stylekit-grey-1);\n}\n\n.sn-component .color-grey-1 {\n color: var(--sn-stylekit-grey-1);\n}\n\n.sn-component .bg-grey-2 {\n background-color: var(--sn-stylekit-grey-2);\n}\n\n.sn-component .color-grey-2 {\n color: var(--sn-stylekit-grey-2);\n}\n\n.sn-component .bg-grey-3 {\n background-color: var(--sn-stylekit-grey-3);\n}\n\n.sn-component .color-grey-3 {\n color: var(--sn-stylekit-grey-3);\n}\n\n.sn-component .bg-grey-4 {\n background-color: var(--sn-stylekit-grey-4);\n}\n\n.sn-component .color-grey-4 {\n color: var(--sn-stylekit-grey-4);\n}\n\n.sn-component .bg-grey-4-opacity-variant {\n background-color: var(--sn-stylekit-grey-4-opacity-variant);\n}\n\n.sn-component .color-grey-4-opacity-variant {\n color: var(--sn-stylekit-grey-4-opacity-variant);\n}\n\n.sn-component .bg-grey-5 {\n background-color: var(--sn-stylekit-grey-5);\n}\n\n.sn-component .color-grey-5 {\n color: var(--sn-stylekit-grey-5);\n}\n\n.sn-component .bg-grey-6 {\n background-color: var(--sn-stylekit-grey-6);\n}\n\n.sn-component .color-grey-6 {\n color: var(--sn-stylekit-grey-6);\n}\n\n.sn-component .bg-grey-super-light {\n background-color: var(--sn-stylekit-grey-super-light);\n}\n\n.sn-component .color-grey-super-light {\n color: var(--sn-stylekit-grey-super-light);\n}\n\n.sn-component .bg-black {\n background-color: var(--sn-stylekit-black);\n}\n\n.sn-component .color-black {\n color: var(--sn-stylekit-black);\n}\n\n.sn-component .bg-white {\n background-color: var(--sn-stylekit-white);\n}\n\n.sn-component .color-white {\n color: var(--sn-stylekit-white);\n}\n\n.sn-component .bg-dark-red {\n background-color: var(--sn-stylekit-dark-red);\n}\n\n.sn-component .color-dark-red {\n color: var(--sn-stylekit-dark-red);\n}\n\n.sn-component .bg-accessory-tint-1 {\n background-color: var(--sn-stylekit-accessory-tint-color-1);\n}\n\n.sn-component .color-accessory-tint-1 {\n color: var(--sn-stylekit-accessory-tint-color-1);\n}\n\n.sn-component .bg-accessory-tint-2 {\n background-color: var(--sn-stylekit-accessory-tint-color-2);\n}\n\n.sn-component .color-accessory-tint-2 {\n color: var(--sn-stylekit-accessory-tint-color-2);\n}\n\n.sn-component .bg-accessory-tint-3 {\n background-color: var(--sn-stylekit-accessory-tint-color-3);\n}\n\n.sn-component .color-accessory-tint-3 {\n color: var(--sn-stylekit-accessory-tint-color-3);\n}\n\n.sn-component .bg-accessory-tint-4 {\n background-color: var(--sn-stylekit-accessory-tint-color-4);\n}\n\n.sn-component .color-accessory-tint-4 {\n color: var(--sn-stylekit-accessory-tint-color-4);\n}\n\n.sn-component .bg-accessory-tint-5 {\n background-color: var(--sn-stylekit-accessory-tint-color-5);\n}\n\n.sn-component .color-accessory-tint-5 {\n color: var(--sn-stylekit-accessory-tint-color-5);\n}\n\n.sn-component .bg-accessory-tint-6 {\n background-color: var(--sn-stylekit-accessory-tint-color-6);\n}\n\n.sn-component .color-accessory-tint-6 {\n color: var(--sn-stylekit-accessory-tint-color-6);\n}\n\n.sn-component .selected\\:bg-color[data-selected], .sn-component .sn-dropdown-menu-list-item[data-selected], .sn-component .sn-select-list-option[data-selected],\n.sn-component .selected\\:bg-color[aria-selected='true'],\n.sn-component .sn-dropdown-menu-list-item[aria-selected='true'],\n.sn-component .sn-select-list-option[aria-selected='true'] {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.sn-component .selected\\:fg-color[data-selected], .sn-component .sn-dropdown-menu-list-item[data-selected], .sn-component .sn-select-list-option[data-selected],\n.sn-component .selected\\:fg-color[aria-selected='true'],\n.sn-component .sn-dropdown-menu-list-item[aria-selected='true'],\n.sn-component .sn-select-list-option[aria-selected='true'] {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component .fill-current, .sn-component .sn-icon {\n fill: currentColor;\n}\n\n.sn-component .inline-flex, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-select-button {\n display: inline-flex;\n}\n\n.sn-component .block {\n display: block;\n}\n\n.sn-component .flex, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-icon-button {\n display: flex;\n}\n\n.sn-component .flex-col {\n flex-direction: column;\n}\n\n.sn-component .flex-row {\n flex-direction: row;\n}\n\n.sn-component .flex-grow {\n flex-grow: 1;\n}\n\n.sn-component .flex-shrink {\n flex-shrink: 1;\n}\n\n.sn-component .flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.sn-component .flex-wrap {\n flex-wrap: wrap;\n}\n\n.sn-component .grid {\n display: grid;\n}\n\n.sn-component .items-center, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-icon-button {\n align-items: center;\n}\n\n.sn-component .items-start {\n align-items: flex-start;\n}\n\n.sn-component .items-end {\n align-items: flex-end;\n}\n\n.sn-component .items-stretch {\n align-items: stretch;\n}\n\n.sn-component .justify-center, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-icon-button {\n justify-content: center;\n}\n\n.sn-component .justify-between {\n justify-content: space-between;\n}\n\n.sn-component .justify-start {\n justify-content: flex-start;\n}\n\n.sn-component .justify-end {\n justify-content: flex-end;\n}\n\n.sn-component .gap-1 {\n grid-gap: 0.25rem;\n gap: 0.25rem;\n}\n\n.sn-component .gap-2 {\n grid-gap: 0.5rem;\n gap: 0.5rem;\n}\n\n.sn-component .gap-3 {\n grid-gap: 0.75rem;\n gap: 0.75rem;\n}\n\n.sn-component .gap-4 {\n grid-gap: 1rem;\n gap: 1rem;\n}\n\n.sn-component .absolute, .sn-component .sn-dropdown-menu-list, .sn-component .sn-full-screen {\n position: absolute;\n}\n\n.sn-component .fixed {\n position: fixed;\n}\n\n.sn-component .cursor-pointer, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-select-list-option, .sn-component .sn-icon-button {\n cursor: pointer;\n}\n\n.sn-component .origin-top-right, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-list {\n transform-origin: top right;\n}\n\n.sn-component .overflow-auto {\n overflow: auto;\n}\n\n.sn-component .overflow-y-auto {\n overflow-y: auto;\n}\n\n.sn-component .overflow-hidden {\n overflow: hidden;\n}\n\n.sn-component .overflow-ellipsis {\n text-overflow: ellipsis;\n}\n\n.sn-component .flex-basis-55 {\n flex-basis: 13.75rem;\n}\n\n.sn-component .opacity-0 {\n opacity: 0;\n}\n\n.sn-component .hover\\:bg-grey-3:hover {\n background-color: var(--sn-stylekit-grey-3);\n}\n\n.sn-component .hover\\:brightness-130:hover, .sn-component .sn-button:hover {\n filter: brightness(130%);\n}\n\n.sn-component .focus\\:brightness-130:focus, .sn-component .sn-button:focus {\n filter: brightness(130%);\n}\n\n.sn-component .hover\\:bg-highlight:hover, .sn-component .sn-button.outlined:hover, .sn-component .sn-dropdown-menu:hover, .sn-component .sn-dropdown-menu-list-item:hover, .sn-component .sn-select:hover {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.sn-component .focus\\:bg-highlight:focus, .sn-component .sn-button.outlined:focus {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.sn-component .focus\\:padded-ring-info:focus {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color), 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.sn-component .focus\\:border-bottom:focus {\n border-bottom: 2px solid var(--sn-stylekit-info-color);\n}\n\n.sn-component .focus-within\\:padded-ring-info:focus-within {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color), 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.sn-component .focus-within\\:border-background:focus-within {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .box-shadow, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-popover, .sn-component .box-shadow:focus, .sn-component .sn-dropdown-menu-list:focus, .sn-component .sn-select-popover:focus, .sn-component .box-shadow:focus-within, .sn-component .sn-dropdown-menu-list:focus-within, .sn-component .sn-select-popover:focus-within {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n.sn-component .focus\\:outline-none:focus, .sn-component .sn-button:focus, .sn-component .sn-dropdown-menu:focus, .sn-component .sn-dropdown-menu-list:focus, .sn-component .sn-dropdown-menu-list-item:focus, .sn-component .sn-select:focus, .sn-component .sn-select-button:focus, .sn-component .sn-select-list:focus, .sn-component .sn-select-popover:focus, .sn-component .sn-icon-button:focus {\n outline: none;\n}\n\n.sn-component .focus\\:shadow-none:focus, .sn-component .sn-button.outlined:focus, .sn-component .sn-dropdown-menu:focus, .sn-component .sn-dropdown-menu-list-item:focus, .sn-component .sn-select:focus, .sn-component .sn-select-button:focus, .sn-component .sn-select-list:focus, .sn-component .sn-select-popover:focus {\n box-shadow: none;\n}\n\n.sn-component .focus-within\\:outline-none:focus-within {\n outline: none;\n}\n\n.sn-component .focus-within\\:shadow-none:focus-within {\n box-shadow: none;\n}\n\n.sn-component .capitalize, .sn-component .sn-button {\n text-transform: capitalize;\n}\n\n.sn-component .font-normal, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list-option {\n font-weight: 300;\n}\n\n.sn-component .font-semibold {\n font-weight: 600;\n}\n\n.sn-component .font-bold, .sn-component .sn-button {\n font-weight: 700;\n}\n\n.sn-component .text-left {\n text-align: left;\n}\n\n.sn-component .text-center {\n text-align: center;\n}\n\n.sn-component .text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.sn-component .text-sm, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-list, .sn-component .sn-select-list-option {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.sn-component .text-input {\n font-size: 0.875rem;\n line-height: 1.125rem;\n}\n\n.sn-component .text-base {\n font-size: 1rem;\n}\n\n.sn-component .text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.sn-component .text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.sn-component .text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.sn-component .font-medium {\n font-weight: 500;\n}\n\n.sn-component .leading-4, .sn-component .sn-dropdown-menu, .sn-component .sn-select {\n line-height: 1rem;\n}\n\n.sn-component .whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n.sn-component .whitespace-nowrap {\n white-space: nowrap;\n}\n\n.sn-component .h-auto {\n height: auto;\n}\n\n.sn-component .h-full {\n height: 100%;\n}\n\n.sn-component .h-100vh, .sn-component .sn-full-screen {\n height: 100vh;\n}\n\n.sn-component .h-90vh {\n height: 90vh;\n}\n\n.sn-component .h-0 {\n height: 0;\n}\n\n.sn-component .h-2 {\n height: 0.5rem;\n}\n\n.sn-component .h-3\\.5, .sn-component .sn-icon.sn-icon--small {\n height: 0.875rem;\n}\n\n.sn-component .h-4, .sn-component .sn-icon.sn-icon--mid {\n height: 1rem;\n}\n\n.sn-component .h-4\\.5 {\n height: 1.125rem;\n}\n\n.sn-component .h-5, .sn-component .sn-icon {\n height: 1.25rem;\n}\n\n.sn-component .h-6 {\n height: 1.5rem;\n}\n\n.sn-component .h-7 {\n height: 1.75rem;\n}\n\n.sn-component .h-8, .sn-component .sn-icon-button {\n height: 2rem;\n}\n\n.sn-component .h-9 {\n height: 2.25rem;\n}\n\n.sn-component .h-10 {\n height: 2.5rem;\n}\n\n.sn-component .h-14 {\n height: 3.5rem;\n}\n\n.sn-component .h-18 {\n height: 4.5rem;\n}\n\n.sn-component .h-25 {\n height: 6.25rem;\n}\n\n.sn-component .h-1px {\n height: 1px;\n}\n\n.sn-component .h-20px {\n height: 20px;\n}\n\n.sn-component .min-h-0 {\n min-height: 0;\n}\n\n.sn-component .min-h-5 {\n min-height: 1.25rem;\n}\n\n.sn-component .m-h-32, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select {\n min-height: 2rem;\n}\n\n.sn-component .min-h-20px {\n height: 20px;\n}\n\n.sn-component .max-h-120 {\n max-height: 30rem;\n}\n\n.sn-component .m-0, .sn-component .sn-icon-button {\n margin: 0;\n}\n\n.sn-component .my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.sn-component .my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.sn-component .my-3 {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.sn-component .-mt-1 {\n margin-top: -0.25rem;\n}\n\n.sn-component .mt-1 {\n margin-top: 0.25rem;\n}\n\n.sn-component .mt-2, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-popover {\n margin-top: 0.5rem;\n}\n\n.sn-component .mt-3 {\n margin-top: 0.75rem;\n}\n\n.sn-component .mt-4 {\n margin-top: 1rem;\n}\n\n.sn-component .mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.sn-component .mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.sn-component .-mr-2 {\n margin-right: -0.5rem;\n}\n\n.sn-component .mr-1 {\n margin-right: 0.25rem;\n}\n\n.sn-component .mr-1\\.5 {\n margin-right: 0.375rem;\n}\n\n.sn-component .mr-2, .sn-component .sn-dropdown-menu > .sn-icon:first-child, .sn-component .sn-dropdown-menu-list-item > .sn-icon {\n margin-right: 0.5rem;\n}\n\n.sn-component .mr-10 {\n margin-right: 2.5rem;\n}\n\n.sn-component .ml-1 {\n margin-left: 0.25rem;\n}\n\n.sn-component .ml-1\\.5 {\n margin-left: 0.375rem;\n}\n\n.sn-component .ml-2, .sn-component .sn-dropdown-menu > .sn-icon:last-child, .sn-component .sn-select-button > .sn-icon:last-child {\n margin-left: 0.5rem;\n}\n\n.sn-component .ml-4 {\n margin-left: 1rem;\n}\n\n.sn-component .ml-6 {\n margin-left: 1.5rem;\n}\n\n.sn-component .p-0, .sn-component .sn-icon-button {\n padding-top: 0;\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n}\n\n.sn-component .p-2 {\n padding: 0.5rem;\n}\n\n.sn-component .p-3 {\n padding: 0.75rem;\n}\n\n.sn-component .py-1, .sn-component .sn-dropdown-menu, .sn-component .sn-select-button {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.sn-component .py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n.sn-component .py-1\\.75 {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n}\n\n.sn-component .py-2, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-list-option {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.sn-component .py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.sn-component .py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.sn-component .py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.sn-component .py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.sn-component .px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.sn-component .px-2, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.sn-component .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.sn-component .px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n\n.sn-component .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.sn-component .px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.sn-component .pt-4 {\n padding-top: 1rem;\n}\n\n.sn-component .pb-3 {\n padding-bottom: 0.75rem;\n}\n\n.sn-component .pr-2 {\n padding-right: 0.5rem;\n}\n\n.sn-component .pl-1 {\n padding-left: 0.25rem;\n}\n\n.sn-component .pl-3 {\n padding-left: 0.75rem;\n}\n\n.sn-component .w-auto, .sn-component .sn-dropdown-menu, .sn-component .sn-select {\n width: auto;\n}\n\n.sn-component .w-full {\n width: 100%;\n}\n\n.sn-component .w-100vw, .sn-component .sn-full-screen {\n width: 100vw;\n}\n\n.sn-component .fit-content {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.sn-component .w-0 {\n width: 0;\n}\n\n.sn-component .w-2 {\n width: 0.5rem;\n}\n\n.sn-component .w-3\\.5, .sn-component .sn-icon.sn-icon--small {\n width: 0.875rem;\n}\n\n.sn-component .w-4, .sn-component .sn-icon.sn-icon--mid {\n width: 1rem;\n}\n\n.sn-component .w-5, .sn-component .sn-icon {\n width: 1.25rem;\n}\n\n.sn-component .w-8 {\n width: 2rem;\n}\n\n.sn-component .w-25 {\n width: 6.25rem;\n}\n\n.sn-component .w-30 {\n width: 7.5rem;\n}\n\n.sn-component .w-55 {\n width: 13.75rem;\n}\n\n.sn-component .w-56, .sn-component .sn-dropdown-menu-list {\n width: 14rem;\n}\n\n.sn-component .w-70 {\n width: 17.5rem;\n}\n\n.sn-component .w-80 {\n width: 20rem;\n}\n\n.sn-component .w-103 {\n width: 25.75rem;\n}\n\n.sn-component .w-125 {\n width: 31.25rem;\n}\n\n.sn-component .w-160 {\n width: 40rem;\n}\n\n.sn-component .w-20px {\n width: 20px;\n}\n\n.sn-component .min-w-265px, .sn-component .sn-dropdown-menu-list {\n min-width: 265px;\n}\n\n.sn-component .min-w-20px {\n min-width: 20px;\n}\n\n.sn-component .min-w-0 {\n min-width: 0;\n}\n\n.sn-component .min-w-4 {\n min-width: 1rem;\n}\n\n.sn-component .min-w-5 {\n min-width: 1.25rem;\n}\n\n.sn-component .min-w-8, .sn-component .sn-icon-button {\n min-width: 2rem;\n}\n\n.sn-component .min-w-20 {\n min-width: 5rem;\n}\n\n.sn-component .min-w-40 {\n min-width: 10rem;\n}\n\n.sn-component .min-w-42 {\n min-width: 10.5rem;\n}\n\n.sn-component .min-w-55 {\n min-width: 13.75rem;\n}\n\n.sn-component .min-w-80 {\n min-width: 20rem;\n}\n\n.sn-component .min-w-max {\n min-width: max-content;\n}\n\n.sn-component .max-w-xs {\n max-width: 20rem;\n}\n\n.sn-component .max-w-md {\n max-width: 28rem;\n}\n\n.sn-component .max-w-40 {\n max-width: 10rem;\n}\n\n.sn-component .max-w-80 {\n max-width: 20rem;\n}\n\n.sn-component .max-w-125 {\n max-width: 31.25rem;\n}\n\n.sn-component .max-w-290px {\n max-width: 290px;\n}\n\n.sn-component .duration-150 {\n transition-duration: 150ms;\n}\n\n.sn-component .ease-out {\n transition-timing-function: ease-out;\n}\n\n.sn-component .transition-background {\n transition-property: background;\n}\n\n.sn-component .transition-transform {\n transition-property: transform;\n}\n\n.sn-component .cursor-pointer, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-select-list-option, .sn-component .sn-icon-button {\n cursor: pointer;\n}\n\n.sn-component .top-0, .sn-component .top-left-0, .sn-component .sn-full-screen {\n top: 0;\n}\n\n.sn-component .left-0, .sn-component .top-left-0, .sn-component .sn-full-screen {\n left: 0;\n}\n\n.sn-component .bottom-0 {\n bottom: 0;\n}\n\n.sn-component .bottom-6 {\n bottom: 1.5rem;\n}\n\n.sn-component .right-0 {\n right: 0;\n}\n\n.sn-component .right-6 {\n right: 1.5rem;\n}\n\n.sn-component .-top-10 {\n top: -2.5rem;\n}\n\n.sn-component .-left-51 {\n left: -12.75rem;\n}\n\n.sn-component .z-index-toast {\n z-index: 11000;\n}\n\n.sn-component .sn-button {\n font-size: 0.8125rem;\n padding: 0.609375rem;\n min-height: 1.8125rem;\n}\n\n.sn-component .sn-button.small {\n font-size: 0.7109375rem;\n padding: 0.40625rem 0.609375rem;\n}\n\n.sn-component .sn-button.contrast {\n background-color: var(--sn-stylekit-contrast-foreground-color);\n color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .sn-button.neutral {\n background-color: var(--sn-stylekit-neutral-color);\n color: var(--sn-stylekit-neutral-contrast-color);\n}\n\n.sn-component .sn-button.warning {\n background-color: var(--sn-stylekit-warning-color);\n color: var(--sn-stylekit-warning-contrast-color);\n}\n\n.sn-component .sn-button.danger {\n background-color: var(--sn-stylekit-danger-color);\n color: var(--sn-stylekit-danger-contrast-color);\n}\n\n.sn-component .sn-button.success {\n background-color: var(--sn-stylekit-success-color);\n color: var(--sn-stylekit-success-contrast-color);\n}\n\n.sn-component [data-reach-custom-checkbox-container] {\n margin: 0;\n}\n\n.sn-component.no-select,\n.sn-component .select-none {\n user-select: none;\n}\n\n/* Goes outside of .sn-component declaration, as following properties are global */\ninput,\ntextarea,\n[contenteditable] {\n caret-color: var(--sn-stylekit-editor-foreground-color);\n}\n\n.windows-web,\n.windows-desktop,\n.linux-web,\n.linux-desktop {\n scrollbar-width: thin;\n}\n\n.windows-web ::-webkit-scrollbar,\n.windows-desktop ::-webkit-scrollbar,\n.linux-web ::-webkit-scrollbar,\n.linux-desktop ::-webkit-scrollbar {\n width: 17px;\n height: 18px;\n border-left: none;\n}\n\n.windows-web ::-webkit-scrollbar-thumb,\n.windows-desktop ::-webkit-scrollbar-thumb,\n.linux-web ::-webkit-scrollbar-thumb,\n.linux-desktop ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n -webkit-border-radius: 10px;\n background-color: var(--sn-stylekit-scrollbar-thumb-color);\n -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);\n}\n\n.windows-web ::-webkit-scrollbar-button,\n.windows-desktop ::-webkit-scrollbar-button,\n.linux-web ::-webkit-scrollbar-button,\n.linux-desktop ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n}\n\n.windows-web ::-webkit-scrollbar-corner,\n.windows-desktop ::-webkit-scrollbar-corner,\n.linux-web ::-webkit-scrollbar-corner,\n.linux-desktop ::-webkit-scrollbar-corner {\n background-color: transparent;\n}\n\n:root {\n --reach-listbox: 1;\n}\n\n[data-reach-listbox-popover] {\n display: block;\n position: absolute;\n min-width: -moz-fit-content;\n min-width: -webkit-min-content;\n min-width: min-content;\n padding: 0.25rem 0;\n background: white;\n outline: none;\n border: solid 1px rgba(0, 0, 0, 0.25);\n}\n\n[data-reach-listbox-popover]:focus-within {\n box-shadow: 0 0 4px Highlight;\n outline: -webkit-focus-ring-color auto 4px;\n}\n\n[data-reach-listbox-popover][hidden] {\n display: none;\n}\n\n[data-reach-listbox-list] {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n[data-reach-listbox-list]:focus {\n box-shadow: none;\n outline: none;\n}\n\n[data-reach-listbox-option] {\n display: block;\n margin: 0;\n padding: 0.25rem 0.5rem;\n white-space: nowrap;\n user-select: none;\n}\n\n[data-reach-listbox-option][data-current-nav] {\n background: #1672d4;\n color: white;\n}\n\n[data-reach-listbox-option][data-current-selected] {\n font-weight: bolder;\n}\n\n[data-reach-listbox-option][data-current-selected][data-confirming] {\n animation: flash 100ms;\n animation-iteration-count: 1;\n}\n\n[data-reach-listbox-option][aria-disabled=\"true\"] {\n opacity: 0.5;\n}\n\n[data-reach-listbox-button] {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n padding: 1px 10px 2px;\n border: 1px solid;\n border-color: #d8d8d8 #d1d1d1 #bababa;\n cursor: default;\n user-select: none;\n}\n\n[data-reach-listbox-button][aria-disabled=\"true\"] {\n opacity: 0.5;\n}\n\n[data-reach-listbox-arrow] {\n margin-left: 0.5rem;\n display: block;\n font-size: 0.5em;\n}\n\n[data-reach-listbox-group-label] {\n display: block;\n margin: 0;\n padding: 0.25rem 0.5rem;\n white-space: nowrap;\n user-select: none;\n font-weight: bolder;\n}\n\n@keyframes flash {\n 0% {\n background: #1159a6;\n color: white;\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n background: inherit;\n color: inherit;\n }\n 100% {\n background: #1159a6;\n color: white;\n opacity: 1;\n }\n}\n\n","@import '~@standardnotes/stylekit/dist/stylekit.css';\n\nbody,\nhtml {\n background-color: var(--sn-stylekit-secondary-background-color);\n padding: 0 !important;\n}\n\n* {\n // To prevent gray flash when focusing input on mobile Safari\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n font-family: var(--sn-stylekit-sans-serif-font);\n}\n\n.sn-component {\n display: flex;\n flex-direction: column;\n\n @media screen and (max-width: 420px) {\n min-height: -webkit-fill-available;\n }\n\n .ml-3 {\n margin-left: 0.75rem;\n }\n\n .mr-3 {\n margin-right: 0.75rem;\n }\n\n .sn-icon.sm {\n height: 0.875rem;\n width: 0.875rem;\n }\n\n .no-fill {\n fill: none;\n }\n\n .stroke-info-color {\n stroke: var(--sn-stylekit-info-color);\n }\n\n .stroke-neutral-color {\n stroke: var(--sn-stylekit-neutral-color);\n }\n\n .fill-info-color {\n fill: var(--sn-stylekit-info-color);\n }\n\n .sn-icon-button {\n border-width: 0;\n\n &:hover {\n background-color: inherit;\n border-width: 1px;\n }\n }\n\n .pt-1px {\n padding-top: 1px;\n }\n}\n\n:root {\n --reach-menu-button: 1;\n}\n\nreach-portal {\n @import '~@standardnotes/stylekit/src/css/utils';\n @import '~@standardnotes/stylekit/src/css/sn';\n\n div[data-reach-menu-list] {\n @extend .bg-default;\n @extend .border-main;\n @extend .rounded;\n @extend .box-shadow;\n @extend .min-w-55;\n @extend .mt-2;\n @extend .focus\\:outline-none;\n @extend .origin-top-right;\n @extend .py-2;\n @extend .slide-down-animation;\n @extend .color-text;\n @extend .w-auto;\n }\n\n div[data-reach-menu-item] {\n @extend .items-center;\n @extend .cursor-pointer;\n @extend .flex;\n @extend .hover\\:bg-highlight;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .px-2;\n @extend .selected\\:bg-color;\n @extend .selected\\:fg-color;\n @extend .m-h-32;\n }\n\n div[data-reach-menu-item] > .sn-icon {\n @extend .mr-2;\n }\n\n div[data-selected][data-reach-menu-item] {\n background-color: var(--sn-stylekit-contrast-background-color);\n }\n\n div[data-reach-dialog-overlay] {\n align-items: center;\n background: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: unset;\n z-index: 1001;\n }\n\n div[data-reach-dialog-overlay]::before {\n background-color: var(--sn-stylekit-contrast-background-color);\n bottom: 0px;\n content: '';\n left: 0px;\n opacity: 0.75;\n position: fixed;\n right: 0px;\n top: 0px;\n }\n\n div[data-reach-dialog-content] {\n background: none;\n flex-basis: 0;\n margin: 0;\n max-width: 600px;\n min-width: 400px;\n overflow: unset;\n padding: 0;\n position: relative;\n width: auto;\n }\n\n div[data-reach-dialog-content] .sk-modal-content,\n div[data-reach-dialog-content] .sn-component,\n div[data-reach-dialog-content] .sk-panel {\n height: 100%;\n }\n\n div[data-reach-alert-dialog-content] {\n width: auto;\n }\n\n fieldset {\n border: 0;\n padding-left: 0;\n }\n}\n","@keyframes slide-down {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.slide-down-animation {\n animation: slide-down 0.2s ease;\n}\n\n@keyframes slide-in-right {\n 0% {\n opacity: 0;\n transform: translateX(10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.slide-in-right-animation {\n animation: slide-in-right 0.2s ease;\n}\n\n@keyframes slide-out-left {\n 0% {\n opacity: 1;\n transform: translateX(0);\n }\n 100% {\n opacity: 0;\n transform: translateX(-10px);\n }\n}\n\n.slide-out-left-animation {\n animation: slide-out-left 0.2s ease;\n}\n\n@keyframes fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.fade-out-animation {\n animation: fade-out 0.2s ease;\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.fade-in-animation {\n animation: fade-in 0.2s ease;\n}\n\n.animation-fill-forwards {\n animation-fill-mode: forwards;\n}\n",".no-border {\n border: none;\n}\n\n.border-0 {\n border-width: 0px;\n}\n.border-1 {\n border-width: 1px;\n}\n.border-2 {\n border-width: 2px;\n}\n\n.border-b-1 {\n border-bottom-width: 1px;\n}\n\n.border-main {\n border-color: var(--sn-stylekit-border-color);\n}\n\n.border-background {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.border-transparent {\n border-color: transparent;\n}\n\n.border-info {\n border-color: var(--sn-stylekit-info-color);\n}\n\n.border-neutral {\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.border-rounded-md {\n border-radius: 0.375rem;\n}\n\n.rounded {\n border-radius: 0.25rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.border-solid {\n border-style: solid;\n}\n\n.border-bottom-solid {\n border-bottom-style: solid;\n}\n\n.border-box {\n box-sizing: border-box;\n}\n\n.ring-info {\n box-shadow: 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.inner-ring-info {\n box-shadow: inset 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.shadow-overlay {\n box-shadow: 0px 4px 24px 0px #00000029;\n}\n\n.border-dark-red {\n border-color: var(--sn-stylekit-dark-red);\n}\n\n.border-bottom-1-gray {\n border-bottom-color: var(--sn-stylekit-border-color);\n}\n",".bg-default {\n background-color: var(--sn-stylekit-background-color);\n}\n\n.bg-contrast {\n background-color: var(--sn-stylekit-contrast-background-color);\n}\n\n.bg-border {\n background-color: var(--sn-stylekit-border-color);\n}\n\n.bg-secondary-contrast {\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.bg-clip-padding {\n background-clip: padding-box;\n}\n\n.bg-transparent {\n background-color: transparent;\n}\n\n@mixin define-color($name, $source: null) {\n .bg-#{$name} {\n background-color: var(--sn-stylekit-#{if($source, $source, $name)});\n }\n\n .color-#{$name} {\n color: var(--sn-stylekit-#{if($source, $source, $name)});\n }\n}\n\n@include define-color(\"neutral\", \"neutral-color\");\n@include define-color(\"text\", \"contrast-foreground-color\");\n@include define-color(\"foreground\", \"foreground-color\");\n@include define-color(\"danger\", \"danger-color\");\n@include define-color(\"info\", \"info-color\");\n@include define-color(\"info-contrast\", \"info-contrast-color\");\n@include define-color(\"info-dark\", \"info-color-darkened\");\n@include define-color(\"success\", \"success-color\");\n\n@include define-color(\"grey-0\");\n@include define-color(\"grey-1\");\n@include define-color(\"grey-2\");\n@include define-color(\"grey-3\");\n@include define-color(\"grey-4\");\n@include define-color(\"grey-4-opacity-variant\");\n@include define-color(\"grey-5\");\n@include define-color(\"grey-6\");\n@include define-color(\"grey-super-light\");\n\n@include define-color(\"black\");\n@include define-color(\"white\");\n@include define-color(\"dark-red\");\n\n@for $i from 1 to 7 {\n @include define-color(\"accessory-tint-#{$i}\", \"accessory-tint-color-#{$i}\");\n}\n\n.selected\\:bg-color[data-selected],\n.selected\\:bg-color[aria-selected='true'] {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.selected\\:fg-color[data-selected],\n.selected\\:fg-color[aria-selected='true'] {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.fill-current {\n fill: currentColor;\n}\n",".inline-flex {\n display: inline-flex;\n}\n\n.block {\n display: block;\n}\n\n.flex {\n display: flex;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.flex-row {\n flex-direction: row;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.grid {\n display: grid;\n}\n\n.items-center {\n align-items: center;\n}\n.items-start {\n align-items: flex-start;\n}\n.items-end {\n align-items: flex-end;\n}\n.items-stretch {\n align-items: stretch;\n}\n\n.justify-center {\n justify-content: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-start {\n justify-content: flex-start;\n}\n.justify-end {\n justify-content: flex-end;\n}\n\n.gap-1 {\n grid-gap: 0.25rem;\n gap: 0.25rem;\n}\n.gap-2 {\n grid-gap: 0.5rem;\n gap: 0.5rem;\n}\n.gap-3 {\n grid-gap: 0.75rem;\n gap: 0.75rem;\n}\n.gap-4 {\n grid-gap: 1rem;\n gap: 1rem;\n}\n\n.absolute {\n position: absolute;\n}\n.fixed {\n position: fixed;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.origin-top-right {\n transform-origin: top right;\n}\n\n.overflow-auto {\n overflow: auto;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-ellipsis {\n text-overflow: ellipsis;\n}\n\n.flex-basis-55 {\n flex-basis: 13.75rem;\n}\n\n.opacity-0 {\n opacity: 0;\n}\n",".hover\\:bg-grey-3:hover {\n background-color: var(--sn-stylekit-grey-3);\n}\n\n.hover\\:brightness-130:hover {\n filter: brightness(130%);\n}\n\n.focus\\:brightness-130:focus {\n filter: brightness(130%);\n}\n\n.hover\\:bg-highlight:hover {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.focus\\:bg-highlight:focus {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.hover\\:bg-contrast:hover {\n @extend .bg-contrast;\n}\n\n.hover\\:bg-info-dark:hover {\n @extend .bg-info-dark;\n}\n.focus\\:bg-info-dark:focus {\n @extend .bg-info-dark;\n}\n\n.focus\\:padded-ring-info:focus {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color),\n 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.focus\\:border-bottom:focus {\n border-bottom: 2px solid var(--sn-stylekit-info-color);\n}\n\n.focus-within\\:padded-ring-info:focus-within {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color),\n 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.focus-within\\:border-background:focus-within {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.box-shadow, .box-shadow:focus, .box-shadow:focus-within {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n.focus\\:bg-contrast:focus {\n @extend .bg-contrast;\n}\n\n.hover\\:color-text:hover {\n @extend .color-text;\n}\n\n.focus\\:color-text:focus {\n @extend .color-text;\n}\n\n.hover\\:bg-secondary-contrast:hover {\n @extend .bg-secondary-contrast;\n}\n\n.focus\\:bg-secondary-contrast:focus {\n @extend .bg-secondary-contrast;\n}\n\n.focus\\:inner-ring-info:focus {\n @extend .inner-ring-info;\n}\n\n.focus\\:ring-info:focus {\n @extend .ring-info;\n}\n\n.focus-within\\:ring-info:focus-within {\n @extend .ring-info;\n}\n\n/**\n * Do not use these rules without explicitly handling focus in a different\n * way, otherwise keyboard focus will break.\n */\n.focus\\:outline-none:focus {\n outline: none;\n}\n.focus\\:shadow-none:focus {\n box-shadow: none;\n}\n.focus-within\\:outline-none:focus-within {\n outline: none;\n}\n.focus-within\\:shadow-none:focus-within {\n box-shadow: none;\n}\n",".capitalize {\n text-transform: capitalize;\n}\n\n.font-normal {\n font-weight: 300;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.text-input {\n font-size: 0.875rem;\n line-height: 1.125rem;\n}\n\n.text-base {\n font-size: 1rem;\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.leading-4 {\n line-height: 1rem;\n}\n\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n",".h-auto {\n height: auto;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-100vh {\n height: 100vh;\n}\n\n.h-90vh {\n height: 90vh;\n}\n\n.h-0 {\n height: 0;\n}\n.h-2 {\n height: 0.5rem;\n}\n.h-3\\.5 {\n height: 0.875rem;\n}\n.h-4 {\n height: 1rem;\n}\n.h-4\\.5 {\n height: 1.125rem;\n}\n.h-5 {\n height: 1.25rem;\n}\n.h-6 {\n height: 1.5rem;\n}\n.h-7 {\n height: 1.75rem;\n}\n.h-8 {\n height: 2rem;\n}\n.h-9 {\n height: 2.25rem;\n}\n.h-10 {\n height: 2.5rem;\n}\n.h-14 {\n height: 3.5rem;\n}\n.h-18 {\n height: 4.5rem;\n}\n.h-25 {\n height: 6.25rem;\n}\n\n.h-1px {\n height: 1px;\n}\n.h-20px {\n height: 20px;\n}\n\n.min-h-0 {\n min-height: 0;\n}\n\n.min-h-5 {\n min-height: 1.25rem;\n}\n.m-h-32 {\n min-height: 2rem;\n}\n\n.min-h-20px {\n height: 20px;\n}\n\n.max-h-120 {\n max-height: 30rem;\n}\n",".m-0 {\n margin: 0;\n}\n\n.my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.my-3 {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.-mt-1 {\n margin-top: -0.25rem;\n}\n\n.mt-1 {\n margin-top: 0.25rem;\n}\n\n.mt-2 {\n margin-top: 0.5rem;\n}\n\n.mt-3 {\n margin-top: 0.75rem;\n}\n\n.mt-4 {\n margin-top: 1rem;\n}\n\n.mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.-mr-2 {\n margin-right: -0.5rem;\n}\n\n.mr-1 {\n margin-right: 0.25rem;\n}\n\n.mr-1\\.5 {\n margin-right: 0.375rem;\n}\n\n.mr-2 {\n margin-right: 0.5rem;\n}\n\n.mr-10 {\n margin-right: 2.5rem;\n}\n\n.ml-1 {\n margin-left: 0.25rem;\n}\n\n.ml-1\\.5 {\n margin-left: 0.375rem;\n}\n\n.ml-2 {\n margin-left: 0.5rem;\n}\n\n.ml-4 {\n margin-left: 1rem;\n}\n\n.ml-6 {\n margin-left: 1.5rem;\n}\n",".p-0 {\n padding-top: 0;\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n}\n\n.p-2 {\n padding: 0.5rem;\n}\n\n.p-3 {\n padding: 0.75rem;\n}\n\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n.py-1\\.75 {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.pt-4 {\n padding-top: 1rem;\n}\n\n.pb-3 {\n padding-bottom: 0.75rem;\n}\n\n.pr-2 {\n padding-right: 0.5rem;\n}\n\n.pl-1 {\n padding-left: 0.25rem;\n}\n\n.pl-3 {\n padding-left: 0.75rem;\n}\n",".w-auto {\n width: auto;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-100vw {\n width: 100vw;\n}\n\n.fit-content {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.w-0 {\n width: 0;\n}\n.w-2 {\n width: 0.5rem;\n}\n.w-3\\.5 {\n width: 0.875rem;\n}\n.w-4 {\n width: 1rem;\n}\n.w-5 {\n width: 1.25rem;\n}\n.w-8 {\n width: 2rem;\n}\n.w-25 {\n width: 6.25rem;\n}\n.w-30 {\n width: 7.5rem;\n}\n.w-55 {\n width: 13.75rem;\n}\n.w-56 {\n width: 14rem;\n}\n.w-70 {\n width: 17.5rem;\n}\n.w-80 {\n width: 20rem;\n}\n.w-103 {\n width: 25.75rem;\n}\n.w-125 {\n width: 31.25rem;\n}\n.w-160 {\n width: 40rem;\n}\n\n.w-20px {\n width: 20px;\n}\n\n.min-w-265px {\n min-width: 265px;\n}\n\n.min-w-20px {\n min-width: 20px;\n}\n\n.min-w-0 {\n min-width: 0;\n}\n.min-w-4 {\n min-width: 1rem;\n}\n.min-w-5 {\n min-width: 1.25rem;\n}\n.min-w-8 {\n min-width: 2rem;\n}\n.min-w-20 {\n min-width: 5rem;\n}\n.min-w-40 {\n min-width: 10rem;\n}\n.min-w-42 {\n min-width: 10.5rem;\n}\n.min-w-55 {\n min-width: 13.75rem;\n}\n.min-w-80 {\n min-width: 20rem;\n}\n.min-w-max {\n min-width: max-content;\n}\n\n.max-w-xs {\n max-width: 20rem;\n}\n.max-w-md {\n max-width: 28rem;\n}\n\n.max-w-40 {\n max-width: 10rem;\n}\n\n.max-w-80 {\n max-width: 20rem;\n}\n\n.max-w-125 {\n max-width: 31.25rem;\n}\n\n.max-w-290px {\n max-width: 290px;\n}\n",".duration-150 {\n transition-duration: 150ms;\n}\n\n.ease-out {\n transition-timing-function: ease-out;\n}\n\n.transition-background {\n transition-property: background;\n}\n\n.transition-transform {\n transition-property: transform;\n}\n",".cursor-pointer {\n cursor: pointer;\n}\n",".top-0 {\n top: 0;\n}\n\n.left-0 {\n left: 0;\n}\n\n.bottom-0 {\n bottom: 0;\n}\n\n.bottom-6 {\n bottom: 1.5rem;\n}\n\n.right-0 {\n right: 0;\n}\n\n.right-6 {\n right: 1.5rem;\n}\n\n.top-left-0 {\n @extend .top-0;\n @extend .left-0;\n}\n\n.-top-10 {\n top: -2.5rem;\n}\n\n.-left-51 {\n left: -12.75rem;\n}\n\n.z-index-toast {\n z-index: 11000;\n}\n",".sn-button {\n font-size: 0.8125rem;\n padding: 0.609375rem;\n min-height: 1.8125rem;\n @extend .border-0;\n @extend .rounded;\n @extend .border-solid;\n @extend .cursor-pointer;\n @extend .capitalize;\n @extend .font-bold;\n\n @extend .hover\\:brightness-130;\n @extend .focus\\:brightness-130;\n @extend .focus\\:outline-none;\n}\n\n.sn-button.small {\n font-size: 0.7109375rem;\n padding: 0.40625rem 0.609375rem;\n}\n\n.sn-button.outlined {\n @extend .bg-default;\n @extend .border-1;\n @extend .border-main;\n @extend .color-text;\n @extend .hover\\:bg-highlight;\n @extend .focus\\:bg-highlight;\n @extend .focus\\:shadow-none;\n @extend .focus\\:outline-none;\n}\n\n.sn-button.contrast {\n @extend .hover\\:brightness-130;\n background-color: var(--sn-stylekit-contrast-foreground-color);\n color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-button.neutral {\n @extend .hover\\:brightness-130;\n @extend .focus\\:brightness-130;\n background-color: var(--sn-stylekit-neutral-color);\n color: var(--sn-stylekit-neutral-contrast-color);\n}\n\n.sn-button.info {\n @extend .bg-info;\n @extend .color-info-contrast;\n}\n\n.sn-button.warning {\n background-color: var(--sn-stylekit-warning-color);\n color: var(--sn-stylekit-warning-contrast-color);\n}\n\n.sn-button.danger {\n background-color: var(--sn-stylekit-danger-color);\n color: var(--sn-stylekit-danger-contrast-color);\n}\n\n.sn-button.success {\n background-color: var(--sn-stylekit-success-color);\n color: var(--sn-stylekit-success-contrast-color);\n}\n\n.sn-dropdown-menu {\n @extend .items-center;\n @extend .bg-default;\n @extend .border-0;\n @extend .border-main;\n @extend .rounded;\n @extend .border-solid;\n @extend .border-1;\n @extend .cursor-pointer;\n @extend .font-normal;\n @extend .m-h-32;\n @extend .hover\\:bg-highlight;\n @extend .inline-flex;\n @extend .justify-center;\n @extend .leading-4;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .px-2;\n @extend .py-1;\n @extend .color-text;\n @extend .text-sm;\n @extend .w-auto;\n}\n\n.sn-dropdown-menu > .sn-icon:first-child {\n @extend .mr-2;\n}\n\n.sn-dropdown-menu > .sn-icon:last-child {\n @extend .ml-2;\n}\n\n.sn-dropdown-menu-list {\n @extend .absolute;\n @extend .bg-default;\n @extend .border-main;\n @extend .rounded;\n @extend .box-shadow;\n @extend .font-normal;\n @extend .min-w-265px;\n @extend .mt-2;\n @extend .focus\\:outline-none;\n @extend .origin-top-right;\n @extend .py-2;\n @extend .slide-down-animation;\n @extend .color-text;\n @extend .w-56;\n}\n\n.sn-dropdown-menu-list-item {\n @extend .items-center;\n @extend .cursor-pointer;\n @extend .flex;\n @extend .hover\\:bg-highlight;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .px-2;\n @extend .selected\\:bg-color;\n @extend .selected\\:fg-color;\n @extend .text-sm;\n @extend .m-h-32;\n}\n\n.sn-dropdown-menu-list-item > .sn-icon {\n @extend .mr-2;\n}\n\n.sn-select {\n @extend .items-center;\n @extend .bg-default;\n @extend .border-0;\n @extend .border-main;\n @extend .border-solid;\n @extend .border-1;\n @extend .border-box;\n @extend .rounded;\n @extend .cursor-pointer;\n @extend .font-normal;\n @extend .m-h-32;\n @extend .hover\\:bg-highlight;\n @extend .inline-flex;\n @extend .justify-center;\n @extend .leading-4;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .color-text;\n @extend .text-sm;\n @extend .w-auto;\n}\n\n.sn-select-button {\n @extend .items-center;\n @extend .border-0;\n @extend .cursor-pointer;\n @extend .inline-flex;\n @extend .justify-center;\n @extend .py-1;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n}\n\n.sn-select-button > .sn-icon:last-child {\n @extend .ml-2;\n}\n\n.sn-select-list {\n @extend .bg-default;\n @extend .border-main;\n @extend .rounded;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .origin-top-right;\n @extend .color-text;\n @extend .text-sm;\n}\n\n.sn-select-list-option {\n @extend .cursor-pointer;\n @extend .selected\\:bg-color;\n @extend .selected\\:fg-color;\n @extend .font-normal;\n @extend .text-sm;\n @extend .py-2;\n}\n\n.sn-select-popover {\n @extend .border-main;\n @extend .rounded;\n @extend .box-shadow;\n @extend .mt-2;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .border-0;\n @extend .slide-down-animation;\n}\n\n/**\n * A button that is just an icon. Separated from .sn-button because there\n * is almost no style overlap.\n */\n.sn-icon-button {\n @extend .color-neutral;\n @extend .min-w-8;\n @extend .h-8;\n @extend .flex;\n @extend .justify-center;\n @extend .items-center;\n @extend .border-solid;\n @extend .border-1;\n @extend .border-main;\n @extend .bg-clip-padding;\n @extend .m-0;\n @extend .p-0;\n @extend .bg-transparent;\n @extend .cursor-pointer;\n @extend .rounded-full;\n @extend .hover\\:color-text;\n @extend .focus\\:color-text;\n @extend .hover\\:bg-contrast;\n @extend .focus\\:bg-contrast;\n @extend .focus\\:outline-none;\n @extend .focus\\:ring-info;\n}\n\n.sn-icon {\n @extend .h-5;\n @extend .w-5;\n @extend .fill-current;\n\n &.sn-icon--small {\n @extend .h-3\\.5;\n @extend .w-3\\.5;\n }\n\n &.sn-icon--mid {\n @extend .w-4;\n @extend .h-4;\n }\n}\n\n.sn-icon-button.info {\n @extend .bg-info;\n @extend .color-info-contrast;\n\n &:hover,\n &:focus {\n @extend .color-info-contrast;\n @extend .bg-info-dark;\n }\n}\n\n.sn-full-screen {\n @extend .h-100vh;\n @extend .w-100vw;\n\n @extend .absolute;\n @extend .top-left-0;\n}\n","/* This code is subject to LICENSE in root of this repository */\n\n/* Used to detect in JavaScript if apps have loaded styles or not. */\n:root {\n --reach-dialog: 1;\n}\n\n[data-reach-dialog-overlay] {\n background: hsla(0, 0%, 0%, 0.33);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n}\n\n[data-reach-dialog-content] {\n width: 50vw;\n margin: 10vh auto;\n background: white;\n padding: 2rem;\n outline: none;\n}\n","$transition-duration: 750ms;\n\n@keyframes strike {\n from {\n text-decoration: line-through 1px solid transparent;\n }\n to {\n text-decoration: line-through 1px solid var(--sn-stylekit-info-color);\n }\n}\n\n.cross-out {\n animation-duration: $transition-duration;\n animation-fill-mode: forwards;\n animation-name: strike;\n animation-timing-function: linear;\n}\n\n.no-text-decoration {\n text-decoration: none !important;\n}\n",".completed-tasks-container {\n .task-item .checkbox-button * {\n stroke: var(--sn-stylekit-neutral-color) !important;\n }\n\n .task-item .text-area-input {\n color: var(--sn-stylekit-neutral-color) !important;\n text-decoration: line-through 1px solid var(--sn-stylekit-neutral-color);\n }\n}\n","$transition-duration: 750ms;\n\n@keyframes fadeOut {\n 100% {\n opacity: 0;\n max-height: 0;\n }\n 0% {\n opacity: 1;\n max-height: 25px;\n }\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 100% {\n opacity: 1;\n max-height: 25px;\n }\n}\n\n.task-item.fade-out {\n animation: fadeOut ease $transition-duration;\n animation-delay: $transition-duration;\n animation-fill-mode: forwards;\n}\n\n.task-item.fade-in {\n animation: fadeIn ease $transition-duration;\n animation-delay: 0s;\n animation-fill-mode: forwards;\n}\n","$transition-duration: 750ms;\n\n.checkbox-container {\n display: block;\n padding-left: 20px;\n position: relative;\n\n &:last-child {\n border-bottom: none;\n }\n}\n\n.checkbox-state {\n height: 0;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n width: 0;\n}\n\n.checkbox-button {\n bottom: 0;\n cursor: pointer;\n fill: none;\n height: 22px;\n left: 0;\n margin: auto;\n position: absolute;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n stroke: var(--sn-stylekit-neutral-color);\n top: 0;\n width: 22px;\n}\n\n.checkbox-square,\n.checkbox-mark {\n cursor: pointer;\n transition: stroke-dashoffset $transition-duration cubic-bezier(0.9, 0, 0.5, 1);\n}\n\n.checkbox-circle {\n animation-delay: 1s;\n animation: none $transition-duration linear;\n stroke-dasharray: 1 6;\n stroke-width: 0;\n stroke: var(--sn-stylekit-neutral-color);\n transform-origin: 13.5px 12.5px;\n transform: scale(0.4) rotate(0deg);\n}\n\n.checkbox-square {\n stroke-dasharray: 56.1053, 56.1053;\n stroke-dashoffset: 0;\n stroke: var(--sn-stylekit-neutral-color);\n transition-delay: $transition-duration * 0.2;\n}\n\n.checkbox-mark {\n stroke-dasharray: 9.8995, 9.8995;\n stroke-dashoffset: 9.8995;\n stroke: var(--sn-stylekit-neutral-color);\n transition-duration: $transition-duration * 0.4;\n}\n\n.checkbox-circle {\n animation-delay: $transition-duration * 0.7;\n animation-duration: $transition-duration * 0.7;\n}\n\n.checkbox-state:checked {\n ~ .checkbox-button .checkbox-square {\n stroke-dashoffset: 56.1053;\n stroke: var(--sn-stylekit-info-color);\n transition-delay: 0s;\n }\n\n ~ .checkbox-button .checkbox-mark {\n stroke-dashoffset: 0;\n stroke: var(--sn-stylekit-info-color);\n transition-delay: $transition-duration * 0.6;\n }\n}\n\n@keyframes explode {\n 30% {\n stroke: var(--sn-stylekit-info-color);\n stroke-opacity: 1;\n stroke-width: 3;\n transform: scale(0.8) rotate(40deg);\n }\n 100% {\n stroke: var(--sn-stylekit-neutral-color);\n stroke-opacity: 0;\n stroke-width: 0;\n transform: scale(1.1) rotate(60deg);\n }\n}\n\n.explode {\n .checkbox-circle {\n animation: explode ease $transition-duration;\n animation-delay: $transition-duration;\n animation-fill-mode: forwards;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"static/css/main.ef534668.css","mappings":"AAAA,2EACA,CAAC,KAQC,8BADF,gBAGE,MASF,QACE,MAMF,aACE,IAOF,aACE,eACA,IASF,sBACE,SAEA,iBAEA,KAQF,+BACE,cAEA,GASF,4BACE,aAOF,kBACE,0BAEA,0EAEA,UAOF,kBAEE,eAOF,+BAGE,cAEA,OAOF,aACE,SAOF,aAEE,cACA,kBACA,wBACA,KAGF,aACE,KAGF,SACE,KAQF,iBACE,uCASF,mBAKE,eAEA,iBAEA,SAEA,cAQF,gBAGE,eAOF,mBAGE,iDAMF,yBAIE,yHAMF,iBAIE,UACA,6GAMF,6BAIE,UAMF,0BACE,QASF,qBACE,cAEA,cAEA,eAEA,UAEA,mBAEA,UAOF,uBACE,UAMF,aACE,8BAOF,qBAEE,UAEA,mFAOF,WAEE,eAOF,4BACE,oBAEA,0CAOF,uBACE,8BAOF,yBACE,aAEA,SASF,aACE,SAMF,iBACE,CASA,kBAMF,YACE,OAGF,sCACE,oCACA,2CACA,mCACA,sCACA,qCACA,sCACA,oCACA,sCACA,yBACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,+CACA,6BACA,6BACA,uCACA,+BACA,oCACA,0CACA,iCACA,0CACA,uCACA,4CACA,oCACA,0CACA,oCACA,0CACA,mCACA,yCACA,mCACA,oCACA,mCACA,oCACA,gDACA,gDACA,4CACA,iDACA,iDACA,6CACA,0DACA,0DACA,sDACA,0EACA,0EACA,2CACA,8CACA,yCACA,4CACA,mDACA,+BACA,wCACA,kEACA,gEACA,qHACA,iNAEA,oEAGA,+BACA,kCACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,eAYA,kCACA,sDAVF,yJASE,CATF,8CAWE,yBAIA,qBACA,CADA,oDACA,yBACA,CADA,gDACA,kBACA,CADA,sDACA,CAJF,4BACE,CADF,oDACE,CAGA,YACA,sBACA,CACA,YADA,aAEA,iCAGF,yBACE,gCAIA,WACA,iBAFF,eAGE,0CAWA,mBAFA,wBACA,CADA,6DACA,CAFA,+BACA,CADA,gEACA,CACA,aACA,CADA,kDACA,CAPA,YAEA,CAHF,aACE,CAEA,6BACA,2BAKA,iEAGF,oBACE,CADF,yCACE,gBACA,wDAGF,eACE,6EAKA,4BACA,CADA,oDACA,uBAHF,yBAIE,yGAGF,gBAEE,yFAKA,cAFF,eAGE,2FAKA,cAFF,gBAGE,2CAKA,WACA,CACA,WACA,CAFA,eACA,CAEA,0BADA,yBACA,CALA,yBAMA,kGAGF,aAEE,CAFF,6CAEE,gBACA,iCAIA,YACA,uBAFF,qBAGE,+CAGF,iBACE,kDAGF,eACE,kDAIA,wFADF,wBAEE,4DAGF,kBACE,4CAGF,mBACE,+CAIA,gBADF,gBAEE,yDAKA,8DADA,eACA,CAFF,uBAGE,+DAGF,+BACE,CADF,uDACE,CAGA,8DADA,kBACA,CAFA,qBACA,CAFA,wBAIA,4DAGF,mBACE,CADF,yCACE,kBACA,mEAGF,eACE,WACA,qDAGF,sBACE,6DAGF,oBACE,6BAKA,kBACA,CAHF,YACE,8BACA,CACA,mBACA,sCAGF,sBACE,2CAGF,wBACE,0CAGF,0BACE,uCAGF,sBACE,sDAGF,UACE,0FAGF,sBACE,uCAIA,wBADF,oBAEE,mCAGF,QACE,UACA,8BAGF,wBACE,CADF,gDACE,kBACA,UACA,8BAGF,UACE,mCAGF,SACE,2CAGF,qBACE,8BAGF,wBACE,iBACA,8BAGF,qBACE,CADF,oDACE,yBACA,CADA,yDACA,kBACA,CADA,sDACA,gBACA,CAEA,0BADA,yBACA,CAFA,wBACA,CADA,qBACA,CADA,gBAGA,oDASA,mBAJA,wBACA,CADA,6DACA,CAFA,+BACA,CADA,gEACA,CACA,aACA,CADA,kDACA,aACA,8BACA,CANF,uBAOE,0DAIA,6DADF,eAEE,6DAGF,mBACE,WACA,iDAQA,wFAJA,cACA,aACA,mBACA,8BACA,CALF,gBAME,uDAGF,wBACE,CADF,6DACE,CACA,2EADA,aACA,CADA,kDAEA,uEAGF,YACE,CACA,sBADA,sBAEA,yFAIF,iBACE,yBACA,+EAGF,UACE,8FAGF,mBACE,sLAGF,wBAEE,CAFF,yDAEE,gBACA,kMAGF,0EAEE,6EAGF,YACE,kiBAGF,gBACE,CADF,yCACE,gBACA,qPAGF,kBACE,CADF,wCACE,gBACA,8DAGF,mBACE,CADF,yCACE,oBACA,WACA,oBAGF,mDACE,uBAGF,iDACE,2BAGF,0BACE,+BACA,gCACA,mCACA,0GASA,gBANF,QAKE,UAEA,sBAIA,oBACA,CADA,yCACA,CAFF,eACE,CACA,sBACA,sBAGF,iBACE,CADF,yCACE,sBACA,sBAGF,mBACE,CADF,yCACE,uBACA,sBAGF,kBACE,CADF,wCACE,sBACA,sBAGF,6DACE,wBAGF,eACE,8BAGF,6DACE,+BAGF,2DACE,8BAGF,6DACE,sBAGF,cACE,gEACA,+BAGF,aACE,CADF,sCACE,WACA,4BAGF,iBACE,CADF,sDACE,0BACA,kCAGF,oBACE,oCAGF,wBACE,CADF,iDACE,2DACA,iCAGF,wBACE,CADF,8CACE,wDACA,oCAGF,wBACE,CADF,iDACE,2DACA,mCAGF,wBACE,CADF,gDACE,0DACA,oCAGF,wBACE,CADF,iDACE,2DACA,qBAGF,oBACE,wBAGF,oDACE,yBAGF,gEACE,wBAGF,oDACE,qBAGF,iDACE,8BAGF,uDACE,wBAGF,oDACE,uBAGF,mDACE,wBAGF,oDACE,uBAGF,qEACE,0BAGF,wEACE,yBAGF,uEACE,0BAGF,wEACE,sBAGF,4BACE,YACA,4BAIA,iCADF,2BAEE,sBAGF,kBACE,8BAMA,WACA,CAJF,qBACE,CAGA,mBACA,CADA,yCACA,CAHA,kBACA,CAGA,SACA,CANA,wBACA,CAKA,YAFA,UAGA,oCAIA,4BACA,aAFF,UACE,CADF,yCAGE,wCAGF,WACE,oFAGF,eACE,oGAGF,eACE,8FAIA,cADF,kBAEE,wKAKA,uBACA,uBAHF,UAKE,sEAGF,oBACE,sBACA,wGAGF,qBACE,iCAGF,uFACE,kCAIA,yBADF,qBAEE,kCAGF,8DAEE,CALA,4BAGF,8DAEE,sCAGF,8DAEE,uCAGF,8DAEE,wCAGF,YACE,WACA,kGAGF,aACE,YACA,kBACA,kFAGF,oBACE,sBACA,oHAGF,gBACE,sIAGF,gBACE,qCAGF,YACE,mBACA,4FAGF,eACE,CACA,QACA,wBACA,0BAHA,kBAIA,8HAIA,gBADF,iBAEE,oHAIA,6BACA,CADA,kEACA,CAEA,6BAFA,iBACA,CAHF,0BACE,CADF,+DACE,CAEA,yBAEA,kHAOA,4BAHA,8BACA,CADA,mEACA,iBACA,yBACA,CAJF,2BACE,CADF,gEAKE,qCAGF,oBACE,sDAGF,gBACE,4BAGF,oBACE,gDAMA,cACA,CAJF,aACE,CACA,mBACA,CADA,yCACA,CAFA,2BACA,CAEA,iBACA,gEACA,4FAGF,2BACE,0DAGF,4BACE,6MAIA,aACA,CAFF,eACE,CACA,iBACA,wDAGF,mBACE,CADF,yCACE,6BACA,uBAGF,6BACE,+HAYA,qBACA,CADA,oDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,yCAQE,CAEA,eACA,CAHA,iBASA,uIAGF,iBAGE,2JAWA,qBACA,CADA,oDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,uJAYA,iBACA,CADA,sDACA,CACA,0BACA,sDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,mLAGF,uBAGE,uJAGF,4BAGE,mLAGF,YAGE,mKAGF,WAGE,CACA,8DADA,8BAEA,+LAGF,SAGE,mIAYA,wBACA,CADA,6DACA,CAEA,+EADA,iBACA,CADA,sDACA,CAZF,aAQE,CARF,kDAQE,CAEA,eACA,CAHA,iBASA,2IAGF,iBAGE,+JAWA,wBACA,CADA,6DACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,2JAYA,iBACA,CADA,sDACA,CACA,0BACA,kEAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,uLAGF,uBAGE,2JAGF,4BAGE,uLAGF,YAGE,uKAGF,WAGE,CACA,8DADA,8BAEA,mMAGF,SAGE,mJAYA,wBACA,CADA,8DACA,CAEA,gFADA,iBACA,CADA,sDACA,CAZF,aAQE,CARF,mDAQE,CAEA,eACA,CAHA,iBASA,2JAGF,iBAGE,+KAWA,wBACA,CADA,8DACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,2KAYA,iBACA,CADA,sDACA,CACA,0BACA,mEAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,uMAGF,uBAGE,2KAGF,4BAGE,uMAGF,YAGE,uLAGF,WAGE,CACA,8DADA,8BAEA,mNAGF,SAGE,uLAYA,wBACA,CADA,uEACA,CAEA,yFADA,iBACA,CADA,sDACA,CAZF,aAQE,CARF,4DAQE,CAEA,eACA,CAHA,iBASA,+LAGF,iBAGE,mNAWA,wBACA,CADA,uEACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,+MAYA,iBACA,CADA,sDACA,CACA,0BACA,4EAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,2OAGF,uBAGE,+MAGF,4BAGE,2OAGF,YAGE,2NAGF,WAGE,CACA,8DADA,8BAEA,uPAGF,SAGE,+HAYA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,+CAQE,CAEA,eACA,CAHA,iBASA,uIAGF,iBAGE,2JAWA,wBACA,CADA,iDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,uJAYA,iBACA,CADA,sDACA,CACA,0BACA,sDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,mLAGF,uBAGE,uJAGF,4BAGE,mLAGF,YAGE,mKAGF,WAGE,CACA,8DADA,8BAEA,+LAGF,SAGE,mHAYA,wBACA,CADA,8CACA,CAEA,gEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,4CAQE,CAEA,eACA,CAHA,iBASA,2HAGF,iBAGE,+IAWA,wBACA,CADA,8CACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,2IAYA,iBACA,CADA,sDACA,CACA,0BACA,mDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,uKAGF,uBAGE,2IAGF,4BAGE,uKAGF,YAGE,uJAGF,WAGE,CACA,8DADA,8BAEA,mLAGF,SAGE,+HAYA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,+CAQE,CAEA,eACA,CAHA,iBASA,uIAGF,iBAGE,2JAWA,wBACA,CADA,iDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,uJAYA,iBACA,CADA,sDACA,CACA,0BACA,sDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,mLAGF,uBAGE,uJAGF,4BAGE,mLAGF,YAGE,mKAGF,WAGE,CACA,8DADA,8BAEA,+LAGF,SAGE,2HAYA,wBACA,CADA,gDACA,CAEA,kEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,8CAQE,CAEA,eACA,CAHA,iBASA,mIAGF,iBAGE,uJAWA,wBACA,CADA,gDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,mJAYA,iBACA,CADA,sDACA,CACA,0BACA,qDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,+KAGF,uBAGE,mJAGF,4BAGE,+KAGF,YAGE,+JAGF,WAGE,CACA,8DADA,8BAEA,2LAGF,SAGE,+HAYA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAZF,UAQE,CARF,+CAQE,CAEA,eACA,CAHA,iBASA,uIAGF,iBAGE,2JAWA,wBACA,CADA,iDACA,CACA,yEAVF,UAGE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,uJAYA,iBACA,CADA,sDACA,CACA,0BACA,sDAZF,UAGE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,mLAGF,uBAGE,uJAGF,4BAGE,mLAGF,YAGE,mKAGF,WAGE,CACA,8DADA,8BAEA,+LAGF,SAGE,0EAWA,wBACA,CADA,6DACA,CAOA,mFANA,iBACA,CADA,sDACA,CAXF,aAOE,CAPF,kDAOE,CAEA,eACA,CAHA,iBAUA,8EAGF,iBAEE,wFAUA,wBACA,CADA,6DACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,sFAcA,2EAHA,iBACA,CADA,sDACA,CACA,aACA,CADA,8CACA,CAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,sFAGF,4BAEE,oGAGF,YAEE,4FAGF,WAEE,CACA,8DADA,8BAEA,0GAGF,SAEE,kFAWA,wBACA,CADA,8DACA,CAOA,oFANA,iBACA,CADA,sDACA,CAXF,aAOE,CAPF,mDAOE,CAEA,eACA,CAHA,iBAUA,sFAGF,iBAEE,gGAUA,wBACA,CADA,8DACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,8FAcA,4EAHA,iBACA,CADA,sDACA,CACA,aACA,CADA,+CACA,CAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,8FAGF,4BAEE,4GAGF,YAEE,oGAGF,WAEE,CACA,8DADA,8BAEA,kHAGF,SAEE,oGAWA,wBACA,CADA,uEACA,CAOA,6FANA,iBACA,CADA,sDACA,CAXF,aAOE,CAPF,4DAOE,CAEA,eACA,CAHA,iBAUA,wGAGF,iBAEE,kHAUA,wBACA,CADA,uEACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,gHAcA,qFAHA,iBACA,CADA,sDACA,CACA,aACA,CADA,wDACA,CAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,gHAGF,4BAEE,8HAGF,YAEE,sHAGF,WAEE,CACA,8DADA,8BAEA,oIAGF,SAEE,wEAWA,qBACA,CADA,oDACA,CAOA,0EANA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,yCAOE,CAEA,eACA,CAHA,iBAUA,4EAGF,iBAEE,sFAUA,qBACA,CADA,oDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,oFAcA,kEAHA,iBACA,CADA,sDACA,CACA,aACA,CADA,qCACA,CAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,oFAGF,4BAEE,kGAGF,YAEE,0FAGF,WAEE,CACA,8DADA,8BAEA,wGAGF,SAEE,wEAWA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,+CAOE,CAEA,eACA,CAHA,iBASA,4EAGF,iBAEE,sFAUA,wBACA,CADA,iDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,oFAWA,iBACA,CADA,sDACA,CACA,0BACA,sDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,oFAGF,4BAEE,kGAGF,YAEE,0FAGF,WAEE,CACA,8DADA,8BAEA,wGAGF,SAEE,kEAWA,wBACA,CADA,8CACA,CAEA,gEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,4CAOE,CAEA,eACA,CAHA,iBASA,sEAGF,iBAEE,gFAUA,wBACA,CADA,8CACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,8EAWA,iBACA,CADA,sDACA,CACA,0BACA,mDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,8EAGF,4BAEE,4FAGF,YAEE,oFAGF,WAEE,CACA,8DADA,8BAEA,kGAGF,SAEE,wEAWA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,+CAOE,CAEA,eACA,CAHA,iBASA,4EAGF,iBAEE,sFAUA,wBACA,CADA,iDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,oFAWA,iBACA,CADA,sDACA,CACA,0BACA,sDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,oFAGF,4BAEE,kGAGF,YAEE,0FAGF,WAEE,CACA,8DADA,8BAEA,wGAGF,SAEE,sEAWA,wBACA,CADA,gDACA,CAEA,kEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,8CAOE,CAEA,eACA,CAHA,iBASA,0EAGF,iBAEE,oFAUA,wBACA,CADA,gDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,kFAWA,iBACA,CADA,sDACA,CACA,0BACA,qDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,kFAGF,4BAEE,gGAGF,YAEE,wFAGF,WAEE,CACA,8DADA,8BAEA,sGAGF,SAEE,wEAWA,wBACA,CADA,iDACA,CAEA,mEADA,iBACA,CADA,sDACA,CAXF,UAOE,CAPF,+CAOE,CAEA,eACA,CAHA,iBASA,4EAGF,iBAEE,sFAUA,wBACA,CADA,iDACA,CACA,yEATF,UAEE,CAIA,WACA,CAHA,MACA,CAGA,SACA,CAPA,iBACA,MACA,CACA,UAKA,oFAWA,iBACA,CADA,sDACA,CACA,0BACA,sDAXF,UAEE,cACA,YACA,CAEA,MACA,CAEA,mBACA,CANA,iBACA,MACA,CACA,UAKA,oFAGF,4BAEE,kGAGF,YAEE,0FAGF,WAEE,CACA,8DADA,8BAEA,wGAGF,SAEE,gCAMA,eAFA,kBACA,CAFF,0BACE,CACA,eAEA,yCAGF,iBACE,wCAGF,UACE,uCAGF,mBACE,iBACA,6CAGF,eACE,uDAGF,oBACE,CADF,yCACE,gBACA,uBACA,sDAIA,kBACA,CADA,wCACA,CACA,gBAHF,sBACE,CACA,eAEA,0BAMA,wBACA,CADA,6DACA,CAFA,wBACA,CADA,yDACA,CAFA,cACA,CAIA,cAFA,SAGA,CAIA,wFAGF,2BACE,gCAIA,YADF,UAEE,2BAKA,4CACA,CADA,oCACA,CAHF,wBACE,CAEA,kDAFA,iBACA,CACA,kCACA,iCAIA,YADF,UAEE,yCAGF,iBACE,CADF,mDACE,+BACA,gCAGF,oBACE,CADF,0CACE,+BACA,mCAGF,oBACE,CADF,6CACE,+BACA,kCAGF,oBACE,CADF,4CACE,+BACA,mCAGF,oBACE,CADF,6CACE,+BACA,6BAGF,oBACE,CADF,0CACE,+BACA,2BAGF,GACE,sBACE,IAEF,uBACE,EARF,kBAGF,GACE,sBACE,IAEF,uBACE,4BAWF,kBACA,CAJA,wBACA,CADA,6DACA,CAGA,wBACA,CADA,yDACA,CAJA,aACA,CADA,kDACA,CANF,YACE,CACA,eACA,CAGA,6BACA,CAJA,gBACA,CAKA,gEARA,UASA,oCAGF,aACE,eACA,0CAGF,eACE,kEAGF,YAEE,YACA,4CAMA,kBACA,CAHA,cACA,aACA,CAHF,WACE,CAGA,sBACA,8DAGF,oBACE,mDAGF,4FACE,oEAKA,mBADA,YACA,CAFF,WAGE,sFAGF,qBACE,8EAGF,qFACE,uDAGF,cACE,mzBAGF,iDAME,mhBAOA,mBACA,CADA,yCACA,CALF,eAIE,CACA,kBACA,yIAGF,mBAEE,CAFF,yCAEE,gBACA,mBACA,oDAGF,eACE,WACA,+BAGF,YACE,eACA,iBACA,gBACA,oDAKA,wBACA,CADA,gDACA,CAGA,YACA,CAPF,UACE,eACA,CAKA,qBACA,+BAJA,gBACA,gBACA,CAHA,gBAMA,wDAIA,uBADF,cAEE,iFAGF,YACE,mBACA,gFAGF,kBACE,wFAGF,UACE,kGAGF,uBACE,wFAGF,cACE,+FAGF,cACE,gFAGF,sBACE,8DAGF,WACE,yBAgBA,kBACA,CAJA,4BACA,CALA,QACA,CAIA,aACA,CADA,kDACA,aACA,CAJA,YACA,CAIA,uBAXA,MACA,CAHA,gBACA,kBACA,CAHF,cACE,CAGA,OACA,MACA,CAEA,WACA,CAFA,aAQA,CAIA,sFAGF,WACE,uDAGF,qBACE,iDAIA,aADF,WAEE,kDAIA,aADF,WAEE,iDAIA,aADF,WAEE,8CAOA,wBACA,CADA,6DACA,CAFA,WACA,CACA,WALF,iBACE,CACA,UACA,CAFA,UAKA,2CAUA,wCAHA,eACA,CALF,eACE,CAEA,SACA,CAHA,UAOA,CAUE,0GAIJ,mEACE,CAUE,wCAIJ,2EACE,CAUE,wCAIJ,2EACE,CAQE,kCAIJ,+DACE,CAQE,iCAIJ,6DACE,wCAGF,iEACE,0BAGF,WACE,4KAGF,cACE,kJAGF,gBACE,yBAGF,gBACE,2BAGF,uBACE,yPAGF,iEACE,kCAGF,kEACE,mCAGF,wBACE,4BAGF,+DACE,+BAGF,kEACE,kCAGF,qBACE,8MAGF,oBACE,2DAGF,oBACE,6IAGF,kBACE,oCAGF,yBACE,oDAGF,qBACE,wJAGF,+EACE,4EAGF,2FACE,+BAGF,wCACE,gCAGF,6DACE,qCAGF,+EACE,yLAGF,0EACE,oLAGF,sFACE,0BAGF,yEACE,0IAGF,gGACE,8DAGF,2BACE,6DAGF,4BACE,2BAGF,0EACE,4DAGF,oDACE,wBAGF,sFACE,+UAGF,gEACE,8BAGF,0EACE,iCAGF,oDACE,0BAGF,yEACE,6BAGF,mDACE,yFAGF,uEACE,2BAGF,iDACE,iCAGF,6EACE,uLAGF,uDACE,iMAGF,gFACE,gCAGF,0DACE,2BAGF,0EACE,8BAGF,oDACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0CAGF,qFACE,6CAGF,+DACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,oCAGF,6EACE,uCAGF,uDACE,yBAGF,kEACE,4BAGF,4CACE,yBAGF,+DACE,4BAGF,yCACE,4BAGF,qEACE,+BAGF,+CACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,4UAGF,sFAIE,4UAGF,gEAIE,oDAGF,iBACE,qHAGF,mBACE,sBAGF,aACE,6FAGF,YACE,yBAGF,qBACE,yBAGF,kBACE,0BAGF,WACE,4BAGF,aACE,8BAGF,aACE,0BAGF,cACE,qBAGF,YACE,8LAGF,kBACE,4BAGF,sBACE,0BAGF,oBACE,8BAGF,mBACE,sJAGF,sBACE,gCAGF,6BACE,8BAGF,0BACE,4BAGF,wBACE,sBAGF,eACE,WACA,sBAGF,cACE,UACA,sBAGF,eACE,WACA,sBAGF,aACE,SACA,4FAGF,iBACE,sBAGF,cACE,CAIA,mGAGF,0BACE,8BAGF,aACE,gCAGF,eACE,gCAGF,eACE,kCAGF,sBACE,8BAGF,mBACE,0BAGF,SACE,uCAGF,mEACE,CAIA,oJAGF,uBACE,CAIA,uRAGF,sFACE,8CAGF,4IACE,2CAGF,qFACE,4DAGF,4IACE,6DAGF,kEACE,0VAGF,8DACE,8XAGF,YACE,uTAGF,eACE,wDAGF,YACE,uDAGF,eACE,oDAGF,yBACE,+JAGF,eACE,8BAGF,eACE,mDAGF,eACE,0BAGF,eACE,4BAGF,iBACE,wBAGF,gBACE,iBACA,8LAGF,iBACE,oBACA,2BAGF,iBACE,qBACA,0BAGF,cACE,wBAGF,kBACE,oBACA,yBAGF,gBACE,iBACA,yBAGF,kBACE,oBACA,4BAGF,eACE,mFAGF,gBACE,oCAGF,oBACE,kCAGF,kBACE,uBAGF,WACE,uBAGF,WACE,sDAGF,YACE,uBAGF,WACE,oBAGF,QACE,oBAGF,YACE,6DAGF,cACE,wDAGF,WACE,uBAGF,eACE,2CAGF,cACE,oBAGF,aACE,oBAGF,cACE,kDAGF,WACE,oBAGF,cACE,qBAGF,aACE,qBAGF,aACE,qBAGF,aACE,qBAGF,cACE,sBAGF,UACE,uBAGF,WACE,wBAGF,YACE,wBAGF,kBACE,0HAGF,eACE,2BAGF,WACE,0BAGF,gBACE,kDAGF,QACE,qBAIA,qBADF,iBAEE,qBAIA,oBADF,gBAEE,qBAIA,qBADF,iBAEE,sBAGF,kBACE,qBAGF,iBACE,2FAGF,gBACE,qBAGF,iBACE,qBAGF,eACE,qBAGF,oBACE,qBAGF,oBACE,sBAGF,mBACE,qBAGF,mBACE,wBAGF,oBACE,6HAGF,kBACE,sBAGF,mBACE,qBAGF,kBACE,wBAGF,mBACE,6HAGF,iBACE,qBAGF,gBACE,qBAGF,kBACE,kDAMA,SACA,oBAGF,aACE,oBAGF,cACE,qFAIA,sBADF,kBAEE,wBAIA,uBADF,mBAEE,yBAIA,wBADF,oBAEE,+FAIA,qBADF,iBAEE,qBAIA,sBADF,kBAEE,qBAIA,oBADF,gBAEE,qBAIA,sBADF,kBAEE,qBAIA,oBADF,gBAEE,qBAGF,mBACE,qBACA,+FAGF,kBACE,oBACA,qBAGF,mBACE,qBACA,wBAGF,oBACE,sBACA,qBAGF,iBACE,mBACA,qBAGF,mBACE,qBACA,qBAGF,gBACE,qBAGF,qBACE,qBAGF,mBACE,qBAGF,mBACE,qBAGF,mBACE,gFAGF,UACE,uBAGF,UACE,sDAGF,WACE,4BAGF,sBACE,4CACA,oBAGF,OACE,oBAGF,WACE,6DAGF,aACE,wDAGF,UACE,2CAGF,aACE,oBAGF,UACE,qBAGF,aACE,qBAGF,YACE,qBAGF,cACE,0DAGF,WACE,qBAGF,aACE,qBAGF,WACE,sBAGF,cACE,sBAGF,cACE,sBAGF,WACE,uBAGF,UACE,iEAGF,eACE,2BAGF,cACE,wBAGF,WACE,wBAGF,cACE,wBAGF,iBACE,sDAGF,cACE,yBAGF,cACE,yBAGF,eACE,yBAGF,iBACE,yBAGF,kBACE,yBAGF,eACE,0BAGF,8EACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,0BAGF,kBACE,4BAGF,eACE,6BAGF,wBACE,yBAGF,mCACE,sCAGF,8BACE,qCAGF,6BACE,8PAGF,cACE,8EAGF,KACE,+EAGF,MACE,yBAGF,QACE,yBAGF,aACE,wBAGF,OACE,wBAGF,YACE,wBAGF,WACE,yBAGF,cACE,8BAGF,aACE,0BAGF,kBACE,CACA,qBADA,kBAEA,gCAGF,qBACE,6BACA,mCAGF,wBACE,CADF,6DACE,iEACA,kCAGF,wBACE,CADF,iDACE,2DACA,kCAGF,wBACE,CADF,iDACE,2DACA,iCAGF,wBACE,CADF,gDACE,0DACA,kCAGF,wBACE,CADF,iDACE,2DACA,sDAGF,QACE,oDAGF,+DAEE,kCAIF,uEAGE,yDAGF,oBAIE,yIAQA,iBADA,WACA,CALF,UAME,iKAOA,2BACA,CACA,wBACA,CADA,yDACA,CAPF,4BAIE,CACA,0BACA,CACA,oFACA,qKAQA,aADA,QACA,CALF,OAME,qKAGF,4BAIE,OAGF,iBACE,8BASA,eACA,CACA,iCARF,aACE,CACA,0BACA,8BACA,2BACA,CADA,qBACA,CAEA,YACA,CAHA,gBACA,CALA,iBAQA,2CAGF,4BACE,0CACA,sCAGF,YACE,2BAKA,gBAFF,QACE,UAEA,iCAGF,eACE,aACA,6BAGF,aACE,SACA,qBACA,CACA,gEADA,kBAEA,+CAGF,kBACE,WACA,oDAGF,kBACE,qEAGF,2BACE,CADF,mBACE,gEACA,iDAGF,UACE,6BAIA,kBACA,CAGA,oCACA,CADA,kBACA,CADA,gBACA,eACA,CAPF,mBACE,CACA,6BACA,qBACA,CAGA,+DACA,iDAGF,UACE,4BAIA,aACA,gBAFF,iBAGE,kCAGF,aACE,CAIA,mBAJA,QACA,qBACA,CACA,wBACA,CADA,qBACA,CADA,gBACA,CAFA,kBAGA,0BAGF,GACE,kBACE,WACA,UACA,KAGA,kBACA,eAFF,UAGE,IAEF,kBACE,WACA,UACA,EAjBF,iBAGF,GACE,kBACE,WACA,UACA,KAGA,kBACA,eAFF,UAGE,IAEF,kBACE,WACA,UACA,ECrpIJ,UAEE,+DACA,oBAGF,EAEE,0CACA,+CAGF,cACE,aACA,sBAEA,oCAJF,cAKI,mCAGF,oBACE,mBAGF,oBACE,oBAGF,0BACE,eACA,cAGF,uBACE,UAGF,iCACE,qCAGF,oCACE,wCAGF,+BACE,mCAGF,8BACE,eAEA,oCACE,yBACA,iBAIJ,sBACE,gBAIJ,MACE,qBAAsB,CClExB,8BACE,GACE,UACA,gEAEF,GACE,UACA,yDAPJ,sBACE,GACE,UACA,gEAEF,GACE,UACA,yDAIJ,8IACE,oEAGF,kCACE,GACE,UACA,8DAEF,GACE,UACA,yDAPJ,0BACE,GACE,UACA,8DAEF,GACE,UACA,yDAIJ,uCACE,4EAGF,kCACE,GACE,UACA,wDAEF,GACE,UACA,iEAPJ,0BACE,GACE,UACA,wDAEF,GACE,UACA,iEAIJ,uCACE,4EAGF,4BACE,GACE,UAEF,GACE,WALJ,oBACE,GACE,UAEF,GACE,WAIJ,iCACE,gEAGF,2BACE,GACE,UAEF,GACE,WALJ,mBACE,GACE,UAEF,GACE,WAIJ,gCACE,8DAGF,sCACE,kECxEF,wBACE,YAGF,qKACE,eAEF,4IACE,iBAEF,uBACE,iBAGF,yBACE,wBAGF,uRACE,6CAGF,gCACE,iDAGF,iCACE,yBAGF,0BACE,2CAGF,6BACE,8CAGF,gCACE,sBAGF,6OACE,qBAGF,wDACE,qBAGF,uIACE,mBAGF,kCACE,0BAGF,iDACE,sBAGF,mJACE,mDAGF,yEACE,yDAGF,6BACE,yCAGF,8BACE,yCAGF,mCACE,oDC/EF,yNACE,qDAGF,8KACE,8DAGF,wBACE,iDAGF,sIACE,wEAGF,2DACE,4BAGF,0DACE,6BAIA,yBACE,kDAGF,yDACE,uCALF,sBACE,8DAGF,2WACE,mDALF,4BACE,qDAGF,+BACE,0CALF,wBACE,iDAGF,2BACE,sCALF,qFACE,+CAGF,yBACE,oCALF,+BACE,wDAGF,iLACE,6CALF,2LACE,wDAGF,8BACE,6CALF,yBACE,kDAGF,4BACE,uCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wCACE,2DAGF,2CACE,gDALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,kCACE,qDAGF,qCACE,0CALF,uBACE,0CAGF,0BACE,+BALF,uBACE,0CAGF,0BACE,+BALF,0BACE,6CAGF,6BACE,kCALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDA+BJ,sbAEE,8DAGF,sbAEE,mDAGF,iDACE,kBCxEF,gHACE,oBAGF,oBACE,cAGF,gIACE,aAGF,uBACE,sBAGF,uBACE,mBAGF,wBACE,YAGF,0BACE,cAGF,4BACE,cAGF,wBACE,eAGF,mBACE,aAGF,8NACE,mBAEF,0BACE,uBAEF,wBACE,qBAEF,4BACE,oBAGF,gJACE,uBAEF,8BACE,8BAEF,4BACE,2BAEF,0BACE,yBAGF,oBACE,gBACA,WAEF,oBACE,eACA,UAEF,oBACE,gBACA,WAEF,oBACE,cACA,SAGF,wFACE,kBAEF,oBACE,eAOF,uIACE,8DAGF,4BACE,cAEF,8BACE,gBAEF,8BACE,gBAEF,gCACE,uBAGF,4BACE,oBAGF,wBACE,UCpHF,qCACE,2CAOF,gJACE,wDAOF,6TACE,8DAcF,4CACE,iGAIF,yCACE,sDAGF,0DACE,iGAIF,2DACE,iDAGF,wdACE,+DAuCF,6cACE,aAEF,2VACE,gBAEF,sDACE,aAEF,qDACE,gBCnGF,iDACE,0BAGF,yJACE,gBAGF,4BACE,gBAGF,gDACE,gBAGF,wBACE,gBAGF,0BACE,kBAGF,sBACE,iBACA,iBAGF,uLACE,kBACA,oBAGF,yBACE,kBACA,qBAGF,wBACE,eAGF,sBACE,mBACA,oBAGF,uBACE,iBACA,iBAGF,uBACE,mBACA,oBAGF,0BACE,gBAGF,+EACE,iBAGF,kCACE,qBAGF,gCACE,mBCvEF,qBACE,YAGF,qBACE,YAGF,mDACE,aAGF,qBACE,YAGF,kBACE,SAEF,kBACE,aAEF,0DACE,eAEF,qDACE,YAEF,qBACE,gBAEF,wCACE,eAEF,kBACE,cAEF,kBACE,eAEF,+CACE,YAEF,kBACE,eAEF,mBACE,cAEF,mBACE,cAEF,mBACE,cAEF,mBACE,eAGF,oBACE,WAEF,qBACE,YAGF,sBACE,aAGF,sBACE,mBAEF,4JACE,gBAGF,yBACE,YAGF,wBACE,iBClFF,+CACE,SAGF,mBAEE,qBADA,iBACA,CAGF,mBAEE,oBADA,gBACA,CAGF,mBAEE,qBADA,iBACA,CAGF,oBACE,mBAGF,mBACE,kBAGF,8HACE,iBAGF,mBACE,kBAGF,mBACE,gBAGF,mBACE,qBAGF,mBACE,qBAGF,oBACE,oBAGF,mBACE,oBAGF,sBACE,qBAGF,yKACE,mBAGF,oBACE,oBAGF,mBACE,mBAGF,sBACE,oBAGF,yHACE,kBAGF,mBACE,iBAGF,mBACE,mBCpFF,+CAIE,UAGF,kBACE,cAGF,kBACE,eAGF,iFAEE,sBADA,kBACA,CAGF,sBAEE,uBADA,mBACA,CAGF,uBAEE,wBADA,oBACA,CAGF,kIAEE,qBADA,iBACA,CAGF,mBAEE,sBADA,kBACA,CAEF,mBAEE,oBADA,gBACA,CAGF,mBAEE,sBADA,kBACA,CAGF,mBAEE,oBADA,gBACA,CAGF,mBACE,oBACA,qBAGF,kIACE,mBACA,oBAGF,mBACE,oBACA,qBAGF,sBACE,qBACA,sBAGF,mBACE,kBACA,mBAGF,mBACE,oBACA,qBAGF,mBACE,iBAGF,mBACE,sBAGF,mBACE,oBAGF,mBACE,oBAGF,mBACE,oBCrGF,mHACE,WAGF,qBACE,WAGF,mDACE,YAGF,0BACE,uBACA,4CAGF,kBACE,QAEF,kBACE,YAEF,0DACE,cAEF,qDACE,WAEF,wCACE,cAEF,kBACE,WAEF,mBACE,cAEF,mBACE,aAEF,mBACE,eAEF,uDACE,YAEF,mBACE,cAEF,mBACE,YAEF,oBACE,eAEF,oBACE,eAEF,oBACE,YAGF,qBACE,WAGF,8DACE,gBAGF,yBACE,eAGF,sBACE,YAEF,sBACE,eAEF,sBACE,kBAEF,mDACE,eAEF,uBACE,eAEF,uBACE,gBAEF,uBACE,kBAEF,8DACE,mBAEF,uBACE,gBAEF,wBACE,oDAGF,uBACE,gBAEF,uBACE,gBAGF,uBACE,gBAGF,uBACE,gBAGF,wBACE,mBAGF,0BACE,gBC9HF,2BACE,yBAGF,uBACE,oCAGF,oCACE,+BAGF,mCACE,oHCbF,4RACE,eCDF,0EACE,MAGF,2EACE,OAGF,uBACE,SAGF,uBACE,cAGF,sBACE,QAGF,sBACE,aAQF,sBACE,YAGF,uBACE,eAGF,4BACE,cCtCF,wBACE,mBAEA,qBADA,kBACA,CAaF,8BACE,sBACA,6BAcF,iCAEE,8DACA,mDAGF,gCAGE,kDACA,gDAQF,gCACE,kDACA,gDAGF,+BACE,iDACA,+CAGF,gCACE,kDACA,gDd2CA,sDACE,8DAGF,4CACE,mBACA,gBACA,aACA,sBACA,uBACA,iBACA,aAGF,mDACE,8DACA,SACA,WACA,OACA,YACA,eACA,QACA,MAGF,4CACE,gBACA,aACA,SACA,gBACA,gBACA,iBACA,UACA,kBACA,WAGF,8KAGE,YAGF,kDACE,WAGF,sBACE,SACA,eevJJ,MACE,gBACF,CAEA,4BACE,0BAAiC,CAIjC,QAAS,CACT,MAAO,CACP,aAAc,CALd,cAAe,CAEf,OAAQ,CADR,KAKF,CAEA,4BAGE,eAAiB,CADjB,gBAAiB,CAGjB,YAAa,CADb,YAAa,CAHb,UAKF,CCrBA,0BACE,GACE,8GAEF,GACE,mJALJ,kBACE,GACE,8GAEF,GACE,mJAIJ,WACE,+BAZoB,CAYpB,uBAZoB,CAapB,kEACA,oDACA,0EAGF,oBACE,+BClBA,yDACE,kDAGF,uDACE,iDACA,wJCLJ,2BACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,gBADA,SACA,EAPJ,mBACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,gBADA,SACA,EAIJ,0BACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,gBADA,SACA,EAPJ,kBACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,gBADA,SACA,EAIJ,oBACE,gEACA,4BA1BoB,CA0BpB,oBA1BoB,CA2BpB,kEAGF,mBACE,8DACA,8CACA,kEC/BF,oBACE,cACA,kBACA,kBAEA,+BACE,mBAIJ,gBACE,SACA,OACA,UACA,kBACA,MACA,QAGF,iBAGE,UAKA,qBACA,sBACA,eACA,wCAVA,SACA,eAEA,YACA,OACA,YACA,kBAKA,MACA,WAGF,gCAEE,eACA,0DAGF,iBAGE,qBACA,eACA,wCAJA,8CACA,8DAKA,0EADA,qEACA,CAGF,iBACE,iCACA,oBACA,wCACA,sBAGF,eACE,+BACA,yBACA,wCACA,wBAGF,iBACE,oDACA,0DAIA,0DACE,0BACA,qCACA,oBAGF,wDACE,oBACA,qCACA,sBAIJ,2BACE,IACE,qCACA,iBACA,eACA,4EAEF,GACE,wCACA,iBACA,eACA,+EAXJ,mBACE,IACE,qCACA,iBACA,eACA,4EAEF,GACE,wCACA,iBACA,eACA,+EAKF,0BACE,gEACA,4BAxGkB,CAwGlB,oBAxGkB,CAyGlB","sources":["../../../../../../../node_modules/@standardnotes/stylekit/dist/stylekit.css","stylesheets/main.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_animation.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_border.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_color.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_display.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_hover_focus.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_typography.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_height.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_margin.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_padding.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_width.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_transition.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_cursor.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/utils/_position.scss","../../../../../../../node_modules/@standardnotes/stylekit/src/css/_sn.scss","../node_modules/@reach/dialog/styles.css","common/components/TextInput.scss","features/tasks/TasksContainer.scss","features/tasks/TaskItem.scss","common/components/svg/CheckBoxElementsDefs.scss"],"sourcesContent":["@charset \"UTF-8\";\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none;\n}\n\n:root {\n --sn-stylekit-base-font-size: 0.8125rem;\n --sn-stylekit-font-size-p: 0.8125rem;\n --sn-stylekit-font-size-editor: 0.983125rem;\n --sn-stylekit-font-size-h6: 0.65rem;\n --sn-stylekit-font-size-h5: 0.73125rem;\n --sn-stylekit-font-size-h4: 0.8125rem;\n --sn-stylekit-font-size-h3: 0.89375rem;\n --sn-stylekit-font-size-h2: 0.975rem;\n --sn-stylekit-font-size-h1: 1.05625rem;\n --sn-stylekit-white: #ffffff;\n --sn-stylekit-black: #19191c;\n --sn-stylekit-grey-0: #515357;\n --sn-stylekit-grey-1: #72767e;\n --sn-stylekit-grey-2: #bbbec4;\n --sn-stylekit-grey-3: #dfe1e4;\n --sn-stylekit-grey-4: #eeeff1;\n --sn-stylekit-grey-4-opacity-variant: #bbbec43d;\n --sn-stylekit-grey-5: #f4f5f7;\n --sn-stylekit-grey-6: #e5e5e5;\n --sn-stylekit-grey-super-light: #f9f9f9;\n --sn-stylekit-dark-red: #cc2128;\n --sn-stylekit-neutral-color: #989898;\n --sn-stylekit-neutral-contrast-color: #ffffff;\n --sn-stylekit-info-color: #086dd6;\n --sn-stylekit-info-color-darkened: #065cb5;\n --sn-stylekit-info-contrast-color: #ffffff;\n --sn-stylekit-info-backdrop-color: #2b6fcf0f;\n --sn-stylekit-success-color: #2b9612;\n --sn-stylekit-success-contrast-color: #ffffff;\n --sn-stylekit-warning-color: #f6a200;\n --sn-stylekit-warning-contrast-color: #ffffff;\n --sn-stylekit-danger-color: #f80324;\n --sn-stylekit-danger-contrast-color: #ffffff;\n --sn-stylekit-shadow-color: #c8c8c8;\n --sn-stylekit-background-color: #ffffff;\n --sn-stylekit-border-color: #dfe1e4;\n --sn-stylekit-foreground-color: #000000;\n --sn-stylekit-contrast-background-color: #f6f6f6;\n --sn-stylekit-contrast-foreground-color: #2e2e2e;\n --sn-stylekit-contrast-border-color: #e3e3e3;\n --sn-stylekit-secondary-background-color: #f6f6f6;\n --sn-stylekit-secondary-foreground-color: #2e2e2e;\n --sn-stylekit-secondary-border-color: #e3e3e3;\n --sn-stylekit-secondary-contrast-background-color: #e3e3e3;\n --sn-stylekit-secondary-contrast-foreground-color: #2e2e2e;\n --sn-stylekit-secondary-contrast-border-color: #a2a2a2;\n --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);\n --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);\n --sn-stylekit-paragraph-text-color: #454545;\n --sn-stylekit-input-placeholder-color: #a8a8a8;\n --sn-stylekit-input-border-color: #e3e3e3;\n --sn-stylekit-scrollbar-thumb-color: #dfdfdf;\n --sn-stylekit-scrollbar-track-border-color: #e7e7e7;\n --sn-stylekit-menu-border: none;\n --sn-stylekit-general-border-radius: 2px;\n --sn-stylekit-list-item-highlight-color: var(--sn-stylekit-grey-5);\n --sn-stylekit-simplified-chinese-font: 'Microsoft Yahei', '微软雅黑体';\n --sn-stylekit-monospace-font: 'SFMono-Regular', Consolas, 'Liberation Mono',\n Menlo, 'Ubuntu Mono', 'Courier New', monospace;\n --sn-stylekit-sans-serif-font: -apple-system, BlinkMacSystemFont, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', var(--sn-stylekit-simplified-chinese-font), sans-serif;\n --sn-stylekit-editor-font-family: var(--sn-stylekit-sans-serif-font);\n --sn-stylekit-theme-type: light;\n --sn-stylekit-theme-name: sn-light;\n --sn-stylekit-accessory-tint-color-1: #086dd6;\n --sn-stylekit-accessory-tint-color-2: #ea6595;\n --sn-stylekit-accessory-tint-color-3: #ebad00;\n --sn-stylekit-accessory-tint-color-4: #7049cf;\n --sn-stylekit-accessory-tint-color-5: #1aa772;\n --sn-stylekit-accessory-tint-color-6: #f28c52;\n}\n\n.sn-component {\n /**\n * Do not use these rules without explicitly handling focus in a different\n * way, otherwise keyboard focus will break.\n */\n /**\n * A button that is just an icon. Separated from .sn-button because there\n * is almost no style overlap.\n */\n font-family: var(--sn-stylekit-sans-serif-font);\n -webkit-font-smoothing: antialiased;\n color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component .sk-panel {\n box-shadow: 0px 2px 5px var(--sn-stylekit-shadow-color);\n background-color: var(--sn-stylekit-background-color);\n border: 1px solid var(--sn-stylekit-border-color);\n border-radius: var(--sn-stylekit-general-border-radius);\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-grow: 1;\n}\n\n.sn-component .sk-panel a:hover {\n text-decoration: underline;\n}\n\n.sn-component .sk-panel.static {\n box-shadow: none;\n border: none;\n border-radius: 0;\n}\n\n.sn-component .sk-panel .sk-panel-header {\n flex-shrink: 0;\n /* Don't allow to condense in height */\n display: flex;\n justify-content: space-between;\n padding: 0.89375rem 1.625rem;\n border-bottom: 1px solid var(--sn-stylekit-contrast-border-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n align-items: center;\n}\n\n.sn-component .sk-panel .sk-panel-header .sk-panel-header-title {\n font-size: var(--sn-stylekit-font-size-h1);\n font-weight: 500;\n}\n\n.sn-component .sk-panel .sk-panel-header .close-button {\n font-weight: bold;\n}\n\n.sn-component .sk-panel .sk-footer,\n.sn-component .sk-panel .sk-panel-footer {\n padding: 0.8125rem 1.625rem;\n border-top: 1px solid var(--sn-stylekit-border-color);\n box-sizing: border-box;\n}\n\n.sn-component .sk-panel .sk-footer.extra-padding,\n.sn-component .sk-panel .sk-panel-footer.extra-padding {\n padding: 1.625rem 1.625rem;\n}\n\n.sn-component .sk-panel .sk-footer .left,\n.sn-component .sk-panel .sk-panel-footer .left {\n text-align: left;\n display: block;\n}\n\n.sn-component .sk-panel .sk-footer .right,\n.sn-component .sk-panel .sk-panel-footer .right {\n text-align: right;\n display: block;\n}\n\n.sn-component .sk-panel .sk-panel-content {\n padding: 1.3rem 1.625rem;\n padding-bottom: 0;\n flex-grow: 1;\n overflow: scroll;\n height: 100%;\n overflow-y: auto !important;\n overflow-x: auto !important;\n}\n\n.sn-component .sk-panel .sk-panel-content .sk-p,\n.sn-component .sk-panel .sk-panel-content .sk-li {\n color: var(--sn-stylekit-paragraph-text-color);\n line-height: 1.3;\n}\n\n.sn-component .sk-panel-section {\n padding-bottom: 1.3rem;\n display: flex;\n flex-direction: column;\n}\n\n.sn-component .sk-panel-section.sk-panel-hero {\n text-align: center;\n}\n\n.sn-component .sk-panel-section .sk-p:last-child {\n margin-bottom: 0;\n}\n\n.sn-component .sk-panel-section:not(:last-child) {\n margin-bottom: 1.21875rem;\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-panel-section:not(:last-child).no-border {\n border-bottom: none;\n}\n\n.sn-component .sk-panel-section:last-child {\n margin-bottom: 0.5rem;\n}\n\n.sn-component .sk-panel-section.no-bottom-pad {\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n.sn-component .sk-panel-section .sk-panel-section-title {\n margin-bottom: 0.40625rem;\n font-weight: bold;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-panel-section .sk-panel-section-outer-title {\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n padding-bottom: 0.73125rem;\n margin-top: 1.70625rem;\n margin-bottom: 15px;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-panel-section .sk-panel-section-subtitle {\n font-size: var(--sn-stylekit-font-size-h5);\n margin-bottom: 2px;\n}\n\n.sn-component .sk-panel-section .sk-panel-section-subtitle.subtle {\n font-weight: normal;\n opacity: 0.6;\n}\n\n.sn-component .sk-panel-section .text-content .sk-p {\n margin-bottom: 0.8175rem;\n}\n\n.sn-component .sk-panel-section .text-content p:first-child {\n margin-top: 0.24375rem;\n}\n\n.sn-component .sk-panel-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 0.325rem;\n}\n\n.sn-component .sk-panel-row.centered {\n justify-content: center;\n}\n\n.sn-component .sk-panel-row.justify-right {\n justify-content: flex-end;\n}\n\n.sn-component .sk-panel-row.justify-left {\n justify-content: flex-start;\n}\n\n.sn-component .sk-panel-row.align-top {\n align-items: flex-start;\n}\n\n.sn-component .sk-panel-row .sk-panel-column.stretch {\n width: 100%;\n}\n\n.sn-component .sk-panel-row.default-padding, .sn-component .sk-panel-row:not(:last-child) {\n padding-bottom: 0.325rem;\n}\n\n.sn-component .sk-panel-row.condensed {\n padding-top: 0.1625rem;\n padding-bottom: 0.1625rem;\n}\n\n.sn-component .sk-panel-row .sk-p {\n margin: 0;\n padding: 0;\n}\n\n.sn-component .vertical-rule {\n background-color: var(--sn-stylekit-border-color);\n height: 1.21875rem;\n width: 1px;\n}\n\n.sn-component .sk-panel-form {\n width: 100%;\n}\n\n.sn-component .sk-panel-form.half {\n width: 50%;\n}\n\n.sn-component .sk-panel-form .form-submit {\n margin-top: 0.121875rem;\n}\n\n.sn-component .right-aligned {\n justify-content: flex-end;\n text-align: right;\n}\n\n.sn-component .sk-menu-panel {\n background-color: var(--sn-stylekit-background-color);\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n border-radius: var(--sn-stylekit-general-border-radius);\n overflow: scroll;\n user-select: none;\n overflow-y: auto !important;\n overflow-x: auto !important;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-header {\n padding: 0.65rem 0.8125rem;\n border-bottom: 1px solid var(--sn-stylekit-contrast-border-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-header-title {\n font-weight: bold;\n font-size: var(--sn-stylekit-font-size-h4);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-header-subtitle {\n margin-top: 0.1625rem;\n opacity: 0.6;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row {\n padding: 0.8125rem 0.8125rem;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row:hover {\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n border-color: var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column {\n display: flex;\n justify-content: center;\n flex-direction: column;\n /* Nested row */\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column:not(:first-child) {\n padding-left: 1rem;\n padding-right: 0.121875rem;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column.stretch {\n width: 100%;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-subrows {\n margin-top: 0.8125rem;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-row,\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-subrow {\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n margin-top: -1px;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-row:hover,\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-subrow:hover {\n background-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .left {\n display: flex;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-button .sk-label, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-box .sk-label, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-button .sk-panel-section .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-menu-panel .sk-menu-panel-row .sk-button .sk-panel-section-subtitle, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-box .sk-panel-section .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-menu-panel .sk-menu-panel-row .sk-box .sk-panel-section-subtitle {\n font-size: var(--sn-stylekit-font-size-h6);\n font-weight: normal;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-label, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-panel-section .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-menu-panel .sk-menu-panel-row .sk-panel-section-subtitle {\n font-size: var(--sn-stylekit-font-size-p);\n font-weight: bold;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-sublabel {\n font-size: var(--sn-stylekit-font-size-h5);\n margin-top: 0.1625rem;\n opacity: 0.6;\n}\n\n.sn-component .red {\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .tinted {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .selectable {\n user-select: text !important;\n -ms-user-select: text !important;\n -moz-user-select: text !important;\n -webkit-user-select: text !important;\n}\n\n.sn-component .sk-h1,\n.sn-component .sk-h2,\n.sn-component .sk-h3,\n.sn-component .sk-h4,\n.sn-component .sk-h5 {\n margin: 0;\n padding: 0;\n font-weight: normal;\n}\n\n.sn-component .sk-h1 {\n font-weight: 500;\n font-size: var(--sn-stylekit-font-size-h1);\n line-height: 1.54375rem;\n}\n\n.sn-component .sk-h2 {\n font-size: var(--sn-stylekit-font-size-h2);\n line-height: 1.4625rem;\n}\n\n.sn-component .sk-h3 {\n font-size: var(--sn-stylekit-font-size-h3);\n line-height: 1.38125rem;\n}\n\n.sn-component .sk-h4 {\n font-size: var(--sn-stylekit-font-size-p);\n line-height: 1.1375rem;\n}\n\n.sn-component .sk-h5 {\n font-size: var(--sn-stylekit-font-size-h5);\n}\n\n.sn-component .sk-bold {\n font-weight: bold;\n}\n\n.sn-component .sk-font-small {\n font-size: var(--sn-stylekit-font-size-h5);\n}\n\n.sn-component .sk-font-normal {\n font-size: var(--sn-stylekit-font-size-p);\n}\n\n.sn-component .sk-font-large {\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component a.sk-a {\n cursor: pointer;\n user-select: none;\n}\n\n.sn-component a.sk-a.disabled {\n color: var(--sn-stylekit-neutral-color);\n opacity: 0.6;\n}\n\n.sn-component a.sk-a.boxed {\n border-radius: var(--sn-stylekit-general-border-radius);\n padding: 0.24375rem 0.325rem;\n}\n\n.sn-component a.sk-a.boxed:hover {\n text-decoration: none;\n}\n\n.sn-component a.sk-a.boxed.neutral {\n background-color: var(--sn-stylekit-neutral-color);\n color: var(--sn-stylekit-neutral-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.info {\n background-color: var(--sn-stylekit-info-color);\n color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.warning {\n background-color: var(--sn-stylekit-warning-color);\n color: var(--sn-stylekit-warning-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.danger {\n background-color: var(--sn-stylekit-danger-color);\n color: var(--sn-stylekit-danger-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.success {\n background-color: var(--sn-stylekit-success-color);\n color: var(--sn-stylekit-success-contrast-color);\n}\n\n.sn-component .wrap {\n word-wrap: break-word;\n}\n\n.sn-component *.sk-base {\n color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component *.contrast {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component *.neutral {\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component *.info {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component *.info-contrast {\n color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component *.warning {\n color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component *.danger {\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component *.success {\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component *.info-i {\n color: var(--sn-stylekit-info-color) !important;\n}\n\n.sn-component *.warning-i {\n color: var(--sn-stylekit-warning-color) !important;\n}\n\n.sn-component *.danger-i {\n color: var(--sn-stylekit-danger-color) !important;\n}\n\n.sn-component *.success-i {\n color: var(--sn-stylekit-success-color) !important;\n}\n\n.sn-component *.clear {\n background-color: transparent;\n border: none;\n}\n\n.sn-component .center-text {\n text-align: center !important;\n justify-content: center !important;\n}\n\n.sn-component p.sk-p {\n margin: 0.40625rem 0;\n}\n\n.sn-component input.sk-input {\n box-sizing: border-box;\n padding: 0.56875rem 0.65rem;\n margin: 0.24375rem 0;\n border: none;\n font-size: var(--sn-stylekit-font-size-h3);\n width: 100%;\n outline: 0;\n resize: none;\n}\n\n.sn-component input.sk-input.clear {\n color: var(--sn-stylekit-foreground-color);\n background-color: transparent;\n border: none;\n}\n\n.sn-component input.sk-input.no-border {\n border: none;\n}\n\n.sn-component .sk-label, .sn-component .sk-panel-section .sk-panel-section-subtitle {\n font-weight: bold;\n}\n\n.sn-component .sk-label.no-bold, .sn-component .sk-panel-section .no-bold.sk-panel-section-subtitle {\n font-weight: normal;\n}\n\n.sn-component label.sk-label, .sn-component .sk-panel-section label.sk-panel-section-subtitle {\n margin: 0.56875rem 0;\n display: block;\n}\n\n.sn-component label.sk-label input[type='checkbox'], .sn-component .sk-panel-section label.sk-panel-section-subtitle input[type='checkbox'],\n.sn-component input[type='radio'] {\n width: auto;\n margin-right: 0.365625rem;\n /* Space after checkbox */\n vertical-align: middle;\n}\n\n.sn-component .sk-horizontal-group > *, .sn-component .sk-input-group > * {\n display: inline-block;\n vertical-align: middle;\n}\n\n.sn-component .sk-horizontal-group > *:not(:first-child), .sn-component .sk-input-group > *:not(:first-child) {\n margin-left: 0.73125rem;\n}\n\n.sn-component .sk-border-bottom {\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-checkbox-group {\n padding-top: 0.40625rem;\n padding-bottom: 0.24375rem;\n}\n\n.sn-component ::placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: var(--sn-stylekit-input-placeholder-color);\n}\n\n.sn-component :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: var(--sn-stylekit-input-placeholder-color);\n}\n\n.sn-component ::-ms-input-placeholder {\n /* Microsoft Edge */\n color: var(--sn-stylekit-input-placeholder-color);\n}\n\n.sn-component .sk-button-group.stretch {\n display: flex;\n width: 100%;\n}\n\n.sn-component .sk-button-group.stretch .sk-button, .sn-component .sk-button-group.stretch .sk-box {\n display: block;\n flex-grow: 1;\n text-align: center;\n}\n\n.sn-component .sk-button-group .sk-button, .sn-component .sk-button-group .sk-box {\n display: inline-block;\n vertical-align: middle;\n}\n\n.sn-component .sk-button-group .sk-button:not(:last-child), .sn-component .sk-button-group .sk-box:not(:last-child) {\n margin-right: 5px;\n}\n\n.sn-component .sk-button-group .sk-button:not(:last-child).featured, .sn-component .sk-button-group .sk-box:not(:last-child).featured {\n margin-right: 8px;\n}\n\n.sn-component .sk-segmented-buttons {\n display: flex;\n flex-direction: row;\n}\n\n.sn-component .sk-segmented-buttons .sk-button, .sn-component .sk-segmented-buttons .sk-box {\n border-radius: 0;\n white-space: nowrap;\n margin: 0;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.sn-component .sk-segmented-buttons .sk-button:not(:last-child), .sn-component .sk-segmented-buttons .sk-box:not(:last-child) {\n border-right: none;\n border-radius: 0;\n}\n\n.sn-component .sk-segmented-buttons .sk-button:first-child, .sn-component .sk-segmented-buttons .sk-box:first-child {\n border-top-left-radius: var(--sn-stylekit-general-border-radius);\n border-bottom-left-radius: var(--sn-stylekit-general-border-radius);\n border-right: none;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.sn-component .sk-segmented-buttons .sk-button:last-child, .sn-component .sk-segmented-buttons .sk-box:last-child {\n border-top-right-radius: var(--sn-stylekit-general-border-radius);\n border-bottom-right-radius: var(--sn-stylekit-general-border-radius);\n border-left: none;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.sn-component .sk-box-group .sk-box {\n display: inline-block;\n}\n\n.sn-component .sk-box-group .sk-box:not(:last-child) {\n margin-right: 5px;\n}\n\n.sn-component .sk-a.button {\n text-decoration: none;\n}\n\n.sn-component .sk-button, .sn-component .sk-box {\n display: table;\n padding: 0.40625rem 0.56875rem;\n font-size: var(--sn-stylekit-font-size-h5);\n cursor: pointer;\n text-align: center;\n user-select: none;\n}\n\n.sn-component .sk-button.no-hover-border:after, .sn-component .no-hover-border.sk-box:after {\n color: transparent !important;\n}\n\n.sn-component .sk-button.wide, .sn-component .wide.sk-box {\n padding: 0.24375rem 1.38125rem;\n}\n\n.sn-component .sk-button > .sk-label, .sn-component .sk-box > .sk-label, .sn-component .sk-panel-section .sk-button > .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-box > .sk-panel-section-subtitle {\n font-weight: bold;\n display: block;\n text-align: center;\n}\n\n.sn-component .sk-button.big, .sn-component .big.sk-box {\n font-size: var(--sn-stylekit-font-size-h3);\n padding: 0.56875rem 2.03125rem;\n}\n\n.sn-component .sk-box {\n padding: 2.03125rem 1.21875rem;\n}\n\n.sn-component .sk-button.sk-base, .sn-component .sk-base.sk-box,\n.sn-component .sk-box.sk-base,\n.sn-component .sk-circle.sk-base {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .sk-button.sk-base *, .sn-component .sk-base.sk-box *,\n.sn-component .sk-box.sk-base *,\n.sn-component .sk-circle.sk-base * {\n position: relative;\n}\n\n.sn-component .sk-button.sk-base:before, .sn-component .sk-base.sk-box:before,\n.sn-component .sk-box.sk-base:before,\n.sn-component .sk-circle.sk-base:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.sk-base:after, .sn-component .sk-base.sk-box:after,\n.sn-component .sk-box.sk-base:after,\n.sn-component .sk-circle.sk-base:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .sk-button.sk-base:hover:before, .sn-component .sk-base.sk-box:hover:before,\n.sn-component .sk-box.sk-base:hover:before,\n.sn-component .sk-circle.sk-base:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.sk-base.no-bg, .sn-component .sk-base.no-bg.sk-box,\n.sn-component .sk-box.sk-base.no-bg,\n.sn-component .sk-circle.sk-base.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.sk-base.no-bg:before, .sn-component .sk-base.no-bg.sk-box:before,\n.sn-component .sk-box.sk-base.no-bg:before,\n.sn-component .sk-circle.sk-base.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.sk-base.featured, .sn-component .sk-base.featured.sk-box,\n.sn-component .sk-box.sk-base.featured,\n.sn-component .sk-circle.sk-base.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.sk-base.featured:before, .sn-component .sk-base.featured.sk-box:before,\n.sn-component .sk-box.sk-base.featured:before,\n.sn-component .sk-circle.sk-base.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.contrast, .sn-component .contrast.sk-box,\n.sn-component .sk-box.contrast,\n.sn-component .sk-circle.contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .sk-button.contrast *, .sn-component .contrast.sk-box *,\n.sn-component .sk-box.contrast *,\n.sn-component .sk-circle.contrast * {\n position: relative;\n}\n\n.sn-component .sk-button.contrast:before, .sn-component .contrast.sk-box:before,\n.sn-component .sk-box.contrast:before,\n.sn-component .sk-circle.contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.contrast:after, .sn-component .contrast.sk-box:after,\n.sn-component .sk-box.contrast:after,\n.sn-component .sk-circle.contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .sk-button.contrast:hover:before, .sn-component .contrast.sk-box:hover:before,\n.sn-component .sk-box.contrast:hover:before,\n.sn-component .sk-circle.contrast:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.contrast.no-bg, .sn-component .contrast.no-bg.sk-box,\n.sn-component .sk-box.contrast.no-bg,\n.sn-component .sk-circle.contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.contrast.no-bg:before, .sn-component .contrast.no-bg.sk-box:before,\n.sn-component .sk-box.contrast.no-bg:before,\n.sn-component .sk-circle.contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.contrast.featured, .sn-component .contrast.featured.sk-box,\n.sn-component .sk-box.contrast.featured,\n.sn-component .sk-circle.contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.contrast.featured:before, .sn-component .contrast.featured.sk-box:before,\n.sn-component .sk-box.contrast.featured:before,\n.sn-component .sk-circle.contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.sk-secondary, .sn-component .sk-secondary.sk-box,\n.sn-component .sk-box.sk-secondary,\n.sn-component .sk-circle.sk-secondary {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-background-color);\n}\n\n.sn-component .sk-button.sk-secondary *, .sn-component .sk-secondary.sk-box *,\n.sn-component .sk-box.sk-secondary *,\n.sn-component .sk-circle.sk-secondary * {\n position: relative;\n}\n\n.sn-component .sk-button.sk-secondary:before, .sn-component .sk-secondary.sk-box:before,\n.sn-component .sk-box.sk-secondary:before,\n.sn-component .sk-circle.sk-secondary:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.sk-secondary:after, .sn-component .sk-secondary.sk-box:after,\n.sn-component .sk-box.sk-secondary:after,\n.sn-component .sk-circle.sk-secondary:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-secondary-background-color);\n}\n\n.sn-component .sk-button.sk-secondary:hover:before, .sn-component .sk-secondary.sk-box:hover:before,\n.sn-component .sk-box.sk-secondary:hover:before,\n.sn-component .sk-circle.sk-secondary:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.sk-secondary.no-bg, .sn-component .sk-secondary.no-bg.sk-box,\n.sn-component .sk-box.sk-secondary.no-bg,\n.sn-component .sk-circle.sk-secondary.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.sk-secondary.no-bg:before, .sn-component .sk-secondary.no-bg.sk-box:before,\n.sn-component .sk-box.sk-secondary.no-bg:before,\n.sn-component .sk-circle.sk-secondary.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.sk-secondary.featured, .sn-component .sk-secondary.featured.sk-box,\n.sn-component .sk-box.sk-secondary.featured,\n.sn-component .sk-circle.sk-secondary.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.sk-secondary.featured:before, .sn-component .sk-secondary.featured.sk-box:before,\n.sn-component .sk-box.sk-secondary.featured:before,\n.sn-component .sk-circle.sk-secondary.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.sk-secondary-contrast, .sn-component .sk-secondary-contrast.sk-box,\n.sn-component .sk-box.sk-secondary-contrast,\n.sn-component .sk-circle.sk-secondary-contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.sn-component .sk-button.sk-secondary-contrast *, .sn-component .sk-secondary-contrast.sk-box *,\n.sn-component .sk-box.sk-secondary-contrast *,\n.sn-component .sk-circle.sk-secondary-contrast * {\n position: relative;\n}\n\n.sn-component .sk-button.sk-secondary-contrast:before, .sn-component .sk-secondary-contrast.sk-box:before,\n.sn-component .sk-box.sk-secondary-contrast:before,\n.sn-component .sk-circle.sk-secondary-contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.sk-secondary-contrast:after, .sn-component .sk-secondary-contrast.sk-box:after,\n.sn-component .sk-box.sk-secondary-contrast:after,\n.sn-component .sk-circle.sk-secondary-contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.sn-component .sk-button.sk-secondary-contrast:hover:before, .sn-component .sk-secondary-contrast.sk-box:hover:before,\n.sn-component .sk-box.sk-secondary-contrast:hover:before,\n.sn-component .sk-circle.sk-secondary-contrast:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.sk-secondary-contrast.no-bg, .sn-component .sk-secondary-contrast.no-bg.sk-box,\n.sn-component .sk-box.sk-secondary-contrast.no-bg,\n.sn-component .sk-circle.sk-secondary-contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.sk-secondary-contrast.no-bg:before, .sn-component .sk-secondary-contrast.no-bg.sk-box:before,\n.sn-component .sk-box.sk-secondary-contrast.no-bg:before,\n.sn-component .sk-circle.sk-secondary-contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.sk-secondary-contrast.featured, .sn-component .sk-secondary-contrast.featured.sk-box,\n.sn-component .sk-box.sk-secondary-contrast.featured,\n.sn-component .sk-circle.sk-secondary-contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.sk-secondary-contrast.featured:before, .sn-component .sk-secondary-contrast.featured.sk-box:before,\n.sn-component .sk-box.sk-secondary-contrast.featured:before,\n.sn-component .sk-circle.sk-secondary-contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.neutral, .sn-component .neutral.sk-box,\n.sn-component .sk-box.neutral,\n.sn-component .sk-circle.neutral {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-neutral-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-neutral-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-button.neutral *, .sn-component .neutral.sk-box *,\n.sn-component .sk-box.neutral *,\n.sn-component .sk-circle.neutral * {\n position: relative;\n}\n\n.sn-component .sk-button.neutral:before, .sn-component .neutral.sk-box:before,\n.sn-component .sk-box.neutral:before,\n.sn-component .sk-circle.neutral:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-neutral-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.neutral:after, .sn-component .neutral.sk-box:after,\n.sn-component .sk-box.neutral:after,\n.sn-component .sk-circle.neutral:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-button.neutral:hover:before, .sn-component .neutral.sk-box:hover:before,\n.sn-component .sk-box.neutral:hover:before,\n.sn-component .sk-circle.neutral:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.neutral.no-bg, .sn-component .neutral.no-bg.sk-box,\n.sn-component .sk-box.neutral.no-bg,\n.sn-component .sk-circle.neutral.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.neutral.no-bg:before, .sn-component .neutral.no-bg.sk-box:before,\n.sn-component .sk-box.neutral.no-bg:before,\n.sn-component .sk-circle.neutral.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.neutral.featured, .sn-component .neutral.featured.sk-box,\n.sn-component .sk-box.neutral.featured,\n.sn-component .sk-circle.neutral.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.neutral.featured:before, .sn-component .neutral.featured.sk-box:before,\n.sn-component .sk-box.neutral.featured:before,\n.sn-component .sk-circle.neutral.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.info, .sn-component .info.sk-box,\n.sn-component .sk-box.info,\n.sn-component .sk-circle.info {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-info-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-info-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-button.info *, .sn-component .info.sk-box *,\n.sn-component .sk-box.info *,\n.sn-component .sk-circle.info * {\n position: relative;\n}\n\n.sn-component .sk-button.info:before, .sn-component .info.sk-box:before,\n.sn-component .sk-box.info:before,\n.sn-component .sk-circle.info:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-info-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.info:after, .sn-component .info.sk-box:after,\n.sn-component .sk-box.info:after,\n.sn-component .sk-circle.info:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-button.info:hover:before, .sn-component .info.sk-box:hover:before,\n.sn-component .sk-box.info:hover:before,\n.sn-component .sk-circle.info:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.info.no-bg, .sn-component .info.no-bg.sk-box,\n.sn-component .sk-box.info.no-bg,\n.sn-component .sk-circle.info.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.info.no-bg:before, .sn-component .info.no-bg.sk-box:before,\n.sn-component .sk-box.info.no-bg:before,\n.sn-component .sk-circle.info.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.info.featured, .sn-component .info.featured.sk-box,\n.sn-component .sk-box.info.featured,\n.sn-component .sk-circle.info.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.info.featured:before, .sn-component .info.featured.sk-box:before,\n.sn-component .sk-box.info.featured:before,\n.sn-component .sk-circle.info.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.warning, .sn-component .warning.sk-box,\n.sn-component .sk-box.warning,\n.sn-component .sk-circle.warning {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-warning-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-warning-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-button.warning *, .sn-component .warning.sk-box *,\n.sn-component .sk-box.warning *,\n.sn-component .sk-circle.warning * {\n position: relative;\n}\n\n.sn-component .sk-button.warning:before, .sn-component .warning.sk-box:before,\n.sn-component .sk-box.warning:before,\n.sn-component .sk-circle.warning:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-warning-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.warning:after, .sn-component .warning.sk-box:after,\n.sn-component .sk-box.warning:after,\n.sn-component .sk-circle.warning:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-button.warning:hover:before, .sn-component .warning.sk-box:hover:before,\n.sn-component .sk-box.warning:hover:before,\n.sn-component .sk-circle.warning:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.warning.no-bg, .sn-component .warning.no-bg.sk-box,\n.sn-component .sk-box.warning.no-bg,\n.sn-component .sk-circle.warning.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.warning.no-bg:before, .sn-component .warning.no-bg.sk-box:before,\n.sn-component .sk-box.warning.no-bg:before,\n.sn-component .sk-circle.warning.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.warning.featured, .sn-component .warning.featured.sk-box,\n.sn-component .sk-box.warning.featured,\n.sn-component .sk-circle.warning.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.warning.featured:before, .sn-component .warning.featured.sk-box:before,\n.sn-component .sk-box.warning.featured:before,\n.sn-component .sk-circle.warning.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.danger, .sn-component .danger.sk-box,\n.sn-component .sk-box.danger,\n.sn-component .sk-circle.danger {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-danger-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-danger-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-button.danger *, .sn-component .danger.sk-box *,\n.sn-component .sk-box.danger *,\n.sn-component .sk-circle.danger * {\n position: relative;\n}\n\n.sn-component .sk-button.danger:before, .sn-component .danger.sk-box:before,\n.sn-component .sk-box.danger:before,\n.sn-component .sk-circle.danger:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-danger-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.danger:after, .sn-component .danger.sk-box:after,\n.sn-component .sk-box.danger:after,\n.sn-component .sk-circle.danger:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-button.danger:hover:before, .sn-component .danger.sk-box:hover:before,\n.sn-component .sk-box.danger:hover:before,\n.sn-component .sk-circle.danger:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.danger.no-bg, .sn-component .danger.no-bg.sk-box,\n.sn-component .sk-box.danger.no-bg,\n.sn-component .sk-circle.danger.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.danger.no-bg:before, .sn-component .danger.no-bg.sk-box:before,\n.sn-component .sk-box.danger.no-bg:before,\n.sn-component .sk-circle.danger.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.danger.featured, .sn-component .danger.featured.sk-box,\n.sn-component .sk-box.danger.featured,\n.sn-component .sk-circle.danger.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.danger.featured:before, .sn-component .danger.featured.sk-box:before,\n.sn-component .sk-box.danger.featured:before,\n.sn-component .sk-circle.danger.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.success, .sn-component .success.sk-box,\n.sn-component .sk-box.success,\n.sn-component .sk-circle.success {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-success-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-success-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-button.success *, .sn-component .success.sk-box *,\n.sn-component .sk-box.success *,\n.sn-component .sk-circle.success * {\n position: relative;\n}\n\n.sn-component .sk-button.success:before, .sn-component .success.sk-box:before,\n.sn-component .sk-box.success:before,\n.sn-component .sk-circle.success:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-success-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.success:after, .sn-component .success.sk-box:after,\n.sn-component .sk-box.success:after,\n.sn-component .sk-circle.success:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-button.success:hover:before, .sn-component .success.sk-box:hover:before,\n.sn-component .sk-box.success:hover:before,\n.sn-component .sk-circle.success:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.success.no-bg, .sn-component .success.no-bg.sk-box,\n.sn-component .sk-box.success.no-bg,\n.sn-component .sk-circle.success.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.success.no-bg:before, .sn-component .success.no-bg.sk-box:before,\n.sn-component .sk-box.success.no-bg:before,\n.sn-component .sk-circle.success.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.success.featured, .sn-component .success.featured.sk-box,\n.sn-component .sk-box.success.featured,\n.sn-component .sk-circle.success.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.success.featured:before, .sn-component .success.featured.sk-box:before,\n.sn-component .sk-box.success.featured:before,\n.sn-component .sk-circle.success.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.contrast,\n.sn-component .sk-input.contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-contrast-border-color);\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-notification.contrast *,\n.sn-component .sk-input.contrast * {\n position: relative;\n}\n\n.sn-component .sk-notification.contrast:before,\n.sn-component .sk-input.contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.contrast:after,\n.sn-component .sk-input.contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-contrast-border-color);\n border-color: var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-notification.contrast.no-bg,\n.sn-component .sk-input.contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.contrast.no-bg:before,\n.sn-component .sk-input.contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.contrast.featured,\n.sn-component .sk-input.contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.contrast.featured:before,\n.sn-component .sk-input.contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.sk-secondary,\n.sn-component .sk-input.sk-secondary {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-border-color);\n border: 1px solid var(--sn-stylekit-secondary-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary *,\n.sn-component .sk-input.sk-secondary * {\n position: relative;\n}\n\n.sn-component .sk-notification.sk-secondary:before,\n.sn-component .sk-input.sk-secondary:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.sk-secondary:after,\n.sn-component .sk-input.sk-secondary:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-secondary-border-color);\n border-color: var(--sn-stylekit-secondary-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary.no-bg,\n.sn-component .sk-input.sk-secondary.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.sk-secondary.no-bg:before,\n.sn-component .sk-input.sk-secondary.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.sk-secondary.featured,\n.sn-component .sk-input.sk-secondary.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.sk-secondary.featured:before,\n.sn-component .sk-input.sk-secondary.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast,\n.sn-component .sk-input.sk-secondary-contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-contrast-border-color);\n border: 1px solid var(--sn-stylekit-secondary-contrast-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast *,\n.sn-component .sk-input.sk-secondary-contrast * {\n position: relative;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast:before,\n.sn-component .sk-input.sk-secondary-contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast:after,\n.sn-component .sk-input.sk-secondary-contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-secondary-contrast-border-color);\n border-color: var(--sn-stylekit-secondary-contrast-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.no-bg,\n.sn-component .sk-input.sk-secondary-contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.no-bg:before,\n.sn-component .sk-input.sk-secondary-contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.featured,\n.sn-component .sk-input.sk-secondary-contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.featured:before,\n.sn-component .sk-input.sk-secondary-contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.sk-base,\n.sn-component .sk-input.sk-base {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-border-color);\n border: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-notification.sk-base *,\n.sn-component .sk-input.sk-base * {\n position: relative;\n}\n\n.sn-component .sk-notification.sk-base:before,\n.sn-component .sk-input.sk-base:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.sk-base:after,\n.sn-component .sk-input.sk-base:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-border-color);\n border-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-notification.sk-base.no-bg,\n.sn-component .sk-input.sk-base.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.sk-base.no-bg:before,\n.sn-component .sk-input.sk-base.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.sk-base.featured,\n.sn-component .sk-input.sk-base.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.sk-base.featured:before,\n.sn-component .sk-input.sk-base.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.neutral,\n.sn-component .sk-input.neutral {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-neutral-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-neutral-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-notification.neutral *,\n.sn-component .sk-input.neutral * {\n position: relative;\n}\n\n.sn-component .sk-notification.neutral:before,\n.sn-component .sk-input.neutral:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-neutral-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.neutral:after,\n.sn-component .sk-input.neutral:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-notification.neutral.no-bg,\n.sn-component .sk-input.neutral.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.neutral.no-bg:before,\n.sn-component .sk-input.neutral.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.neutral.featured,\n.sn-component .sk-input.neutral.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.neutral.featured:before,\n.sn-component .sk-input.neutral.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.info,\n.sn-component .sk-input.info {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-info-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-info-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-notification.info *,\n.sn-component .sk-input.info * {\n position: relative;\n}\n\n.sn-component .sk-notification.info:before,\n.sn-component .sk-input.info:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-info-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.info:after,\n.sn-component .sk-input.info:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-notification.info.no-bg,\n.sn-component .sk-input.info.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.info.no-bg:before,\n.sn-component .sk-input.info.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.info.featured,\n.sn-component .sk-input.info.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.info.featured:before,\n.sn-component .sk-input.info.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.warning,\n.sn-component .sk-input.warning {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-warning-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-warning-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-notification.warning *,\n.sn-component .sk-input.warning * {\n position: relative;\n}\n\n.sn-component .sk-notification.warning:before,\n.sn-component .sk-input.warning:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-warning-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.warning:after,\n.sn-component .sk-input.warning:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-notification.warning.no-bg,\n.sn-component .sk-input.warning.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.warning.no-bg:before,\n.sn-component .sk-input.warning.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.warning.featured,\n.sn-component .sk-input.warning.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.warning.featured:before,\n.sn-component .sk-input.warning.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.danger,\n.sn-component .sk-input.danger {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-danger-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-danger-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-notification.danger *,\n.sn-component .sk-input.danger * {\n position: relative;\n}\n\n.sn-component .sk-notification.danger:before,\n.sn-component .sk-input.danger:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-danger-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.danger:after,\n.sn-component .sk-input.danger:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-notification.danger.no-bg,\n.sn-component .sk-input.danger.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.danger.no-bg:before,\n.sn-component .sk-input.danger.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.danger.featured,\n.sn-component .sk-input.danger.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.danger.featured:before,\n.sn-component .sk-input.danger.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.success,\n.sn-component .sk-input.success {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-success-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-success-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-notification.success *,\n.sn-component .sk-input.success * {\n position: relative;\n}\n\n.sn-component .sk-notification.success:before,\n.sn-component .sk-input.success:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-success-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.success:after,\n.sn-component .sk-input.success:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-notification.success.no-bg,\n.sn-component .sk-input.success.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.success.no-bg:before,\n.sn-component .sk-input.success.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.success.featured,\n.sn-component .sk-input.success.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.success.featured:before,\n.sn-component .sk-input.success.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification {\n padding: 0.89375rem 0.8125rem;\n margin: 1.1375rem 0;\n text-align: left;\n cursor: default;\n}\n\n.sn-component .sk-notification.one-line {\n padding: 0rem 0.325rem;\n}\n\n.sn-component .sk-notification.stretch {\n width: 100%;\n}\n\n.sn-component .sk-notification.dashed {\n border-style: dashed;\n border-width: 2px;\n}\n\n.sn-component .sk-notification.dashed:after {\n box-shadow: none;\n}\n\n.sn-component .sk-notification .sk-notification-title {\n font-size: var(--sn-stylekit-font-size-h1);\n font-weight: bold;\n line-height: 1.54375rem;\n}\n\n.sn-component .sk-notification .sk-notification-text {\n line-height: 1.21875rem;\n font-size: var(--sn-stylekit-font-size-p);\n text-align: left;\n font-weight: normal;\n}\n\n.sn-component .sk-circle {\n border: 1px solid;\n cursor: pointer;\n border-color: var(--sn-stylekit-contrast-foreground-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n padding: 0;\n border-radius: 50% !important;\n flex-shrink: 0;\n}\n\n.sn-component .sk-circle:before {\n border-radius: 50% !important;\n}\n\n.sn-component .sk-circle:after {\n border-radius: 50% !important;\n}\n\n.sn-component .sk-circle.small {\n width: 11px;\n height: 11px;\n}\n\n.sn-component .sk-spinner {\n border: 1px solid var(--sn-stylekit-neutral-color);\n border-radius: 50%;\n animation: rotate 0.8s infinite linear;\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.small {\n width: 12px;\n height: 12px;\n}\n\n.sn-component .sk-spinner.info-contrast {\n border-color: var(--sn-stylekit-info-contrast-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.info {\n border-color: var(--sn-stylekit-info-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.warning {\n border-color: var(--sn-stylekit-warning-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.danger {\n border-color: var(--sn-stylekit-danger-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.success {\n border-color: var(--sn-stylekit-success-color);\n border-right-color: transparent;\n}\n\n.sn-component .spinner-info {\n border-color: var(--sn-stylekit-info-color);\n border-right-color: transparent;\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.sn-component .sk-app-bar {\n display: flex;\n width: 100%;\n height: 1.625rem;\n padding: 0 0.65rem;\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n user-select: none;\n}\n\n.sn-component .sk-app-bar.no-edges {\n border-left: 0;\n border-right: 0;\n}\n\n.sn-component .sk-app-bar.no-bottom-edge {\n border-bottom: 0;\n}\n\n.sn-component .sk-app-bar .left,\n.sn-component .sk-app-bar .right {\n display: flex;\n height: 100%;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item {\n flex-grow: 1;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item:not(:first-child) {\n margin-left: 0.8125rem;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item.border {\n border-left: 1px solid var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column {\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column:not(:first-child) {\n margin-left: 0.40625rem;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column.underline {\n border-bottom: 2px solid var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item.no-pointer {\n cursor: default;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-label:not(.subtle), .sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item:hover > .sk-panel-section-subtitle:not(.subtle), .sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item:hover > .sk-panel-section-subtitle:not(.subtle),\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-sublabel:not(.subtle),\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-label:not(.subtle),\n.sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-panel-section-subtitle:not(.subtle),\n.sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-panel-section-subtitle:not(.subtle),\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-sublabel:not(.subtle) {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-label, .sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item > .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item > .sk-panel-section-subtitle,\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column > .sk-label,\n.sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item > .sk-app-bar-item-column > .sk-panel-section-subtitle,\n.sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column > .sk-panel-section-subtitle {\n font-weight: bold;\n font-size: var(--sn-stylekit-font-size-h5);\n white-space: nowrap;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-sublabel,\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column > .sk-sublabel {\n font-size: var(--sn-stylekit-font-size-h5);\n font-weight: normal;\n white-space: nowrap;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item .subtle {\n font-weight: normal;\n opacity: 0.6;\n}\n\n.sn-component .sk-panel-table {\n display: flex;\n flex-wrap: wrap;\n padding-left: 1px;\n padding-top: 1px;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item {\n flex: 45%;\n flex-flow: wrap;\n border: 1px solid var(--sn-stylekit-border-color);\n padding: 0.8125rem;\n margin-left: -1px;\n margin-top: -1px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item img {\n max-width: 100%;\n margin-bottom: 0.8125rem;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-content {\n display: flex;\n flex-direction: row;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column {\n align-items: center;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column.stretch {\n width: 100%;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column:not(:first-child) {\n padding-left: 0.609375rem;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column.quarter {\n flex-basis: 25%;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column.three-quarters {\n flex-basis: 75%;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-footer {\n margin-top: 1.015625rem;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item.no-border {\n border: none;\n}\n\n.sn-component .sk-modal {\n position: fixed;\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 10000;\n width: 100vw;\n height: 100vh;\n background-color: transparent;\n color: var(--sn-stylekit-contrast-foreground-color);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sn-component .sk-modal .sn-component {\n height: 100%;\n}\n\n.sn-component .sk-modal .sn-component .sk-panel {\n height: 100%;\n}\n\n.sn-component .sk-modal.auto-height > .sk-modal-content {\n height: auto !important;\n}\n\n.sn-component .sk-modal.large > .sk-modal-content {\n width: 900px;\n height: 600px;\n}\n\n.sn-component .sk-modal.medium > .sk-modal-content {\n width: 700px;\n height: 500px;\n}\n\n.sn-component .sk-modal.small > .sk-modal-content {\n width: 700px;\n height: 344px;\n}\n\n.sn-component .sk-modal .sk-modal-background {\n position: absolute;\n z-index: -1;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-contrast-background-color);\n opacity: 0.7;\n}\n\n.sn-component .sk-modal > .sk-modal-content {\n overflow-y: auto;\n width: auto;\n padding: 0;\n padding-bottom: 0;\n min-width: 300px;\n -webkit-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.19);\n -moz-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.19);\n box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.19);\n}\n\n@keyframes slide-down {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.sn-component .slide-down-animation, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-popover {\n animation: slide-down 0.2s ease;\n}\n\n@keyframes slide-in-right {\n 0% {\n opacity: 0;\n transform: translateX(10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.sn-component .slide-in-right-animation {\n animation: slide-in-right 0.2s ease;\n}\n\n@keyframes slide-out-left {\n 0% {\n opacity: 1;\n transform: translateX(0);\n }\n 100% {\n opacity: 0;\n transform: translateX(-10px);\n }\n}\n\n.sn-component .slide-out-left-animation {\n animation: slide-out-left 0.2s ease;\n}\n\n@keyframes fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.sn-component .fade-out-animation {\n animation: fade-out 0.2s ease;\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.sn-component .fade-in-animation {\n animation: fade-in 0.2s ease;\n}\n\n.sn-component .animation-fill-forwards {\n animation-fill-mode: forwards;\n}\n\n.sn-component .no-border {\n border: none;\n}\n\n.sn-component .border-0, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-select-popover {\n border-width: 0px;\n}\n\n.sn-component .border-1, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-icon-button {\n border-width: 1px;\n}\n\n.sn-component .border-2 {\n border-width: 2px;\n}\n\n.sn-component .border-b-1 {\n border-bottom-width: 1px;\n}\n\n.sn-component .border-main, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list, .sn-component .sn-select-popover, .sn-component .sn-icon-button {\n border-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .border-background {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .border-transparent {\n border-color: transparent;\n}\n\n.sn-component .border-info {\n border-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .border-neutral {\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .border-rounded-md {\n border-radius: 0.375rem;\n}\n\n.sn-component .rounded, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list, .sn-component .sn-select-popover {\n border-radius: 0.25rem;\n}\n\n.sn-component .rounded-full, .sn-component .sn-icon-button {\n border-radius: 9999px;\n}\n\n.sn-component .border-solid, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-icon-button {\n border-style: solid;\n}\n\n.sn-component .border-bottom-solid {\n border-bottom-style: solid;\n}\n\n.sn-component .border-box, .sn-component .sn-select {\n box-sizing: border-box;\n}\n\n.sn-component .ring-info, .sn-component .focus\\:ring-info:focus, .sn-component .sn-icon-button:focus, .sn-component .focus-within\\:ring-info:focus-within {\n box-shadow: 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.sn-component .inner-ring-info, .sn-component .focus\\:inner-ring-info:focus {\n box-shadow: inset 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.sn-component .shadow-overlay {\n box-shadow: 0px 4px 24px 0px #00000029;\n}\n\n.sn-component .border-dark-red {\n border-color: var(--sn-stylekit-dark-red);\n}\n\n.sn-component .border-bottom-1-gray {\n border-bottom-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .bg-default, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list {\n background-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .bg-contrast, .sn-component .hover\\:bg-contrast:hover, .sn-component .sn-icon-button:hover, .sn-component .focus\\:bg-contrast:focus, .sn-component .sn-icon-button:focus {\n background-color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .bg-border {\n background-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .bg-secondary-contrast, .sn-component .hover\\:bg-secondary-contrast:hover, .sn-component .focus\\:bg-secondary-contrast:focus {\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.sn-component .bg-clip-padding, .sn-component .sn-icon-button {\n background-clip: padding-box;\n}\n\n.sn-component .bg-transparent, .sn-component .sn-icon-button {\n background-color: transparent;\n}\n\n.sn-component .bg-neutral {\n background-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .color-neutral, .sn-component .sn-icon-button {\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .bg-text {\n background-color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component .color-text, .sn-component .hover\\:color-text:hover, .sn-component .sn-icon-button:hover, .sn-component .focus\\:color-text:focus, .sn-component .sn-icon-button:focus, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component .bg-foreground {\n background-color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component .color-foreground {\n color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component .bg-danger {\n background-color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .color-danger {\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .bg-info, .sn-component .sn-button.info, .sn-component .sn-icon-button.info {\n background-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .color-info {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .bg-info-contrast {\n background-color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component .color-info-contrast, .sn-component .sn-button.info, .sn-component .sn-icon-button.info, .sn-component .sn-icon-button.info:hover, .sn-component .sn-icon-button.info:focus {\n color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component .bg-info-dark, .sn-component .hover\\:bg-info-dark:hover, .sn-component .focus\\:bg-info-dark:focus, .sn-component .sn-icon-button.info:hover, .sn-component .sn-icon-button.info:focus {\n background-color: var(--sn-stylekit-info-color-darkened);\n}\n\n.sn-component .color-info-dark {\n color: var(--sn-stylekit-info-color-darkened);\n}\n\n.sn-component .bg-success {\n background-color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .color-success {\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .bg-grey-0 {\n background-color: var(--sn-stylekit-grey-0);\n}\n\n.sn-component .color-grey-0 {\n color: var(--sn-stylekit-grey-0);\n}\n\n.sn-component .bg-grey-1 {\n background-color: var(--sn-stylekit-grey-1);\n}\n\n.sn-component .color-grey-1 {\n color: var(--sn-stylekit-grey-1);\n}\n\n.sn-component .bg-grey-2 {\n background-color: var(--sn-stylekit-grey-2);\n}\n\n.sn-component .color-grey-2 {\n color: var(--sn-stylekit-grey-2);\n}\n\n.sn-component .bg-grey-3 {\n background-color: var(--sn-stylekit-grey-3);\n}\n\n.sn-component .color-grey-3 {\n color: var(--sn-stylekit-grey-3);\n}\n\n.sn-component .bg-grey-4 {\n background-color: var(--sn-stylekit-grey-4);\n}\n\n.sn-component .color-grey-4 {\n color: var(--sn-stylekit-grey-4);\n}\n\n.sn-component .bg-grey-4-opacity-variant {\n background-color: var(--sn-stylekit-grey-4-opacity-variant);\n}\n\n.sn-component .color-grey-4-opacity-variant {\n color: var(--sn-stylekit-grey-4-opacity-variant);\n}\n\n.sn-component .bg-grey-5 {\n background-color: var(--sn-stylekit-grey-5);\n}\n\n.sn-component .color-grey-5 {\n color: var(--sn-stylekit-grey-5);\n}\n\n.sn-component .bg-grey-6 {\n background-color: var(--sn-stylekit-grey-6);\n}\n\n.sn-component .color-grey-6 {\n color: var(--sn-stylekit-grey-6);\n}\n\n.sn-component .bg-grey-super-light {\n background-color: var(--sn-stylekit-grey-super-light);\n}\n\n.sn-component .color-grey-super-light {\n color: var(--sn-stylekit-grey-super-light);\n}\n\n.sn-component .bg-black {\n background-color: var(--sn-stylekit-black);\n}\n\n.sn-component .color-black {\n color: var(--sn-stylekit-black);\n}\n\n.sn-component .bg-white {\n background-color: var(--sn-stylekit-white);\n}\n\n.sn-component .color-white {\n color: var(--sn-stylekit-white);\n}\n\n.sn-component .bg-dark-red {\n background-color: var(--sn-stylekit-dark-red);\n}\n\n.sn-component .color-dark-red {\n color: var(--sn-stylekit-dark-red);\n}\n\n.sn-component .bg-accessory-tint-1 {\n background-color: var(--sn-stylekit-accessory-tint-color-1);\n}\n\n.sn-component .color-accessory-tint-1 {\n color: var(--sn-stylekit-accessory-tint-color-1);\n}\n\n.sn-component .bg-accessory-tint-2 {\n background-color: var(--sn-stylekit-accessory-tint-color-2);\n}\n\n.sn-component .color-accessory-tint-2 {\n color: var(--sn-stylekit-accessory-tint-color-2);\n}\n\n.sn-component .bg-accessory-tint-3 {\n background-color: var(--sn-stylekit-accessory-tint-color-3);\n}\n\n.sn-component .color-accessory-tint-3 {\n color: var(--sn-stylekit-accessory-tint-color-3);\n}\n\n.sn-component .bg-accessory-tint-4 {\n background-color: var(--sn-stylekit-accessory-tint-color-4);\n}\n\n.sn-component .color-accessory-tint-4 {\n color: var(--sn-stylekit-accessory-tint-color-4);\n}\n\n.sn-component .bg-accessory-tint-5 {\n background-color: var(--sn-stylekit-accessory-tint-color-5);\n}\n\n.sn-component .color-accessory-tint-5 {\n color: var(--sn-stylekit-accessory-tint-color-5);\n}\n\n.sn-component .bg-accessory-tint-6 {\n background-color: var(--sn-stylekit-accessory-tint-color-6);\n}\n\n.sn-component .color-accessory-tint-6 {\n color: var(--sn-stylekit-accessory-tint-color-6);\n}\n\n.sn-component .selected\\:bg-color[data-selected], .sn-component .sn-dropdown-menu-list-item[data-selected], .sn-component .sn-select-list-option[data-selected],\n.sn-component .selected\\:bg-color[aria-selected='true'],\n.sn-component .sn-dropdown-menu-list-item[aria-selected='true'],\n.sn-component .sn-select-list-option[aria-selected='true'] {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.sn-component .selected\\:fg-color[data-selected], .sn-component .sn-dropdown-menu-list-item[data-selected], .sn-component .sn-select-list-option[data-selected],\n.sn-component .selected\\:fg-color[aria-selected='true'],\n.sn-component .sn-dropdown-menu-list-item[aria-selected='true'],\n.sn-component .sn-select-list-option[aria-selected='true'] {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component .fill-current, .sn-component .sn-icon {\n fill: currentColor;\n}\n\n.sn-component .inline-flex, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-select-button {\n display: inline-flex;\n}\n\n.sn-component .block {\n display: block;\n}\n\n.sn-component .flex, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-icon-button {\n display: flex;\n}\n\n.sn-component .flex-col {\n flex-direction: column;\n}\n\n.sn-component .flex-row {\n flex-direction: row;\n}\n\n.sn-component .flex-grow {\n flex-grow: 1;\n}\n\n.sn-component .flex-shrink {\n flex-shrink: 1;\n}\n\n.sn-component .flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.sn-component .flex-wrap {\n flex-wrap: wrap;\n}\n\n.sn-component .grid {\n display: grid;\n}\n\n.sn-component .items-center, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-icon-button {\n align-items: center;\n}\n\n.sn-component .items-start {\n align-items: flex-start;\n}\n\n.sn-component .items-end {\n align-items: flex-end;\n}\n\n.sn-component .items-stretch {\n align-items: stretch;\n}\n\n.sn-component .justify-center, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-icon-button {\n justify-content: center;\n}\n\n.sn-component .justify-between {\n justify-content: space-between;\n}\n\n.sn-component .justify-start {\n justify-content: flex-start;\n}\n\n.sn-component .justify-end {\n justify-content: flex-end;\n}\n\n.sn-component .gap-1 {\n grid-gap: 0.25rem;\n gap: 0.25rem;\n}\n\n.sn-component .gap-2 {\n grid-gap: 0.5rem;\n gap: 0.5rem;\n}\n\n.sn-component .gap-3 {\n grid-gap: 0.75rem;\n gap: 0.75rem;\n}\n\n.sn-component .gap-4 {\n grid-gap: 1rem;\n gap: 1rem;\n}\n\n.sn-component .absolute, .sn-component .sn-dropdown-menu-list, .sn-component .sn-full-screen {\n position: absolute;\n}\n\n.sn-component .fixed {\n position: fixed;\n}\n\n.sn-component .cursor-pointer, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-select-list-option, .sn-component .sn-icon-button {\n cursor: pointer;\n}\n\n.sn-component .origin-top-right, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-list {\n transform-origin: top right;\n}\n\n.sn-component .overflow-auto {\n overflow: auto;\n}\n\n.sn-component .overflow-y-auto {\n overflow-y: auto;\n}\n\n.sn-component .overflow-hidden {\n overflow: hidden;\n}\n\n.sn-component .overflow-ellipsis {\n text-overflow: ellipsis;\n}\n\n.sn-component .flex-basis-55 {\n flex-basis: 13.75rem;\n}\n\n.sn-component .opacity-0 {\n opacity: 0;\n}\n\n.sn-component .hover\\:bg-grey-3:hover {\n background-color: var(--sn-stylekit-grey-3);\n}\n\n.sn-component .hover\\:brightness-130:hover, .sn-component .sn-button:hover {\n filter: brightness(130%);\n}\n\n.sn-component .focus\\:brightness-130:focus, .sn-component .sn-button:focus {\n filter: brightness(130%);\n}\n\n.sn-component .hover\\:bg-highlight:hover, .sn-component .sn-button.outlined:hover, .sn-component .sn-dropdown-menu:hover, .sn-component .sn-dropdown-menu-list-item:hover, .sn-component .sn-select:hover {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.sn-component .focus\\:bg-highlight:focus, .sn-component .sn-button.outlined:focus {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.sn-component .focus\\:padded-ring-info:focus {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color), 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.sn-component .focus\\:border-bottom:focus {\n border-bottom: 2px solid var(--sn-stylekit-info-color);\n}\n\n.sn-component .focus-within\\:padded-ring-info:focus-within {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color), 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.sn-component .focus-within\\:border-background:focus-within {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .box-shadow, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-popover, .sn-component .box-shadow:focus, .sn-component .sn-dropdown-menu-list:focus, .sn-component .sn-select-popover:focus, .sn-component .box-shadow:focus-within, .sn-component .sn-dropdown-menu-list:focus-within, .sn-component .sn-select-popover:focus-within {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n.sn-component .focus\\:outline-none:focus, .sn-component .sn-button:focus, .sn-component .sn-dropdown-menu:focus, .sn-component .sn-dropdown-menu-list:focus, .sn-component .sn-dropdown-menu-list-item:focus, .sn-component .sn-select:focus, .sn-component .sn-select-button:focus, .sn-component .sn-select-list:focus, .sn-component .sn-select-popover:focus, .sn-component .sn-icon-button:focus {\n outline: none;\n}\n\n.sn-component .focus\\:shadow-none:focus, .sn-component .sn-button.outlined:focus, .sn-component .sn-dropdown-menu:focus, .sn-component .sn-dropdown-menu-list-item:focus, .sn-component .sn-select:focus, .sn-component .sn-select-button:focus, .sn-component .sn-select-list:focus, .sn-component .sn-select-popover:focus {\n box-shadow: none;\n}\n\n.sn-component .focus-within\\:outline-none:focus-within {\n outline: none;\n}\n\n.sn-component .focus-within\\:shadow-none:focus-within {\n box-shadow: none;\n}\n\n.sn-component .capitalize, .sn-component .sn-button {\n text-transform: capitalize;\n}\n\n.sn-component .font-normal, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list-option {\n font-weight: 300;\n}\n\n.sn-component .font-semibold {\n font-weight: 600;\n}\n\n.sn-component .font-bold, .sn-component .sn-button {\n font-weight: 700;\n}\n\n.sn-component .text-left {\n text-align: left;\n}\n\n.sn-component .text-center {\n text-align: center;\n}\n\n.sn-component .text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.sn-component .text-sm, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-list, .sn-component .sn-select-list-option {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.sn-component .text-input {\n font-size: 0.875rem;\n line-height: 1.125rem;\n}\n\n.sn-component .text-base {\n font-size: 1rem;\n}\n\n.sn-component .text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.sn-component .text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.sn-component .text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.sn-component .font-medium {\n font-weight: 500;\n}\n\n.sn-component .leading-4, .sn-component .sn-dropdown-menu, .sn-component .sn-select {\n line-height: 1rem;\n}\n\n.sn-component .whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n.sn-component .whitespace-nowrap {\n white-space: nowrap;\n}\n\n.sn-component .h-auto {\n height: auto;\n}\n\n.sn-component .h-full {\n height: 100%;\n}\n\n.sn-component .h-100vh, .sn-component .sn-full-screen {\n height: 100vh;\n}\n\n.sn-component .h-90vh {\n height: 90vh;\n}\n\n.sn-component .h-0 {\n height: 0;\n}\n\n.sn-component .h-2 {\n height: 0.5rem;\n}\n\n.sn-component .h-3\\.5, .sn-component .sn-icon.sn-icon--small {\n height: 0.875rem;\n}\n\n.sn-component .h-4, .sn-component .sn-icon.sn-icon--mid {\n height: 1rem;\n}\n\n.sn-component .h-4\\.5 {\n height: 1.125rem;\n}\n\n.sn-component .h-5, .sn-component .sn-icon {\n height: 1.25rem;\n}\n\n.sn-component .h-6 {\n height: 1.5rem;\n}\n\n.sn-component .h-7 {\n height: 1.75rem;\n}\n\n.sn-component .h-8, .sn-component .sn-icon-button {\n height: 2rem;\n}\n\n.sn-component .h-9 {\n height: 2.25rem;\n}\n\n.sn-component .h-10 {\n height: 2.5rem;\n}\n\n.sn-component .h-14 {\n height: 3.5rem;\n}\n\n.sn-component .h-18 {\n height: 4.5rem;\n}\n\n.sn-component .h-25 {\n height: 6.25rem;\n}\n\n.sn-component .h-1px {\n height: 1px;\n}\n\n.sn-component .h-20px {\n height: 20px;\n}\n\n.sn-component .min-h-0 {\n min-height: 0;\n}\n\n.sn-component .min-h-5 {\n min-height: 1.25rem;\n}\n\n.sn-component .m-h-32, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select {\n min-height: 2rem;\n}\n\n.sn-component .min-h-20px {\n height: 20px;\n}\n\n.sn-component .max-h-120 {\n max-height: 30rem;\n}\n\n.sn-component .m-0, .sn-component .sn-icon-button {\n margin: 0;\n}\n\n.sn-component .my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.sn-component .my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.sn-component .my-3 {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.sn-component .-mt-1 {\n margin-top: -0.25rem;\n}\n\n.sn-component .mt-1 {\n margin-top: 0.25rem;\n}\n\n.sn-component .mt-2, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-popover {\n margin-top: 0.5rem;\n}\n\n.sn-component .mt-3 {\n margin-top: 0.75rem;\n}\n\n.sn-component .mt-4 {\n margin-top: 1rem;\n}\n\n.sn-component .mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.sn-component .mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.sn-component .-mr-2 {\n margin-right: -0.5rem;\n}\n\n.sn-component .mr-1 {\n margin-right: 0.25rem;\n}\n\n.sn-component .mr-1\\.5 {\n margin-right: 0.375rem;\n}\n\n.sn-component .mr-2, .sn-component .sn-dropdown-menu > .sn-icon:first-child, .sn-component .sn-dropdown-menu-list-item > .sn-icon {\n margin-right: 0.5rem;\n}\n\n.sn-component .mr-10 {\n margin-right: 2.5rem;\n}\n\n.sn-component .ml-1 {\n margin-left: 0.25rem;\n}\n\n.sn-component .ml-1\\.5 {\n margin-left: 0.375rem;\n}\n\n.sn-component .ml-2, .sn-component .sn-dropdown-menu > .sn-icon:last-child, .sn-component .sn-select-button > .sn-icon:last-child {\n margin-left: 0.5rem;\n}\n\n.sn-component .ml-4 {\n margin-left: 1rem;\n}\n\n.sn-component .ml-6 {\n margin-left: 1.5rem;\n}\n\n.sn-component .p-0, .sn-component .sn-icon-button {\n padding-top: 0;\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n}\n\n.sn-component .p-2 {\n padding: 0.5rem;\n}\n\n.sn-component .p-3 {\n padding: 0.75rem;\n}\n\n.sn-component .py-1, .sn-component .sn-dropdown-menu, .sn-component .sn-select-button {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.sn-component .py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n.sn-component .py-1\\.75 {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n}\n\n.sn-component .py-2, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-list-option {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.sn-component .py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.sn-component .py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.sn-component .py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.sn-component .py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.sn-component .px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.sn-component .px-2, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.sn-component .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.sn-component .px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n\n.sn-component .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.sn-component .px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.sn-component .pt-4 {\n padding-top: 1rem;\n}\n\n.sn-component .pb-3 {\n padding-bottom: 0.75rem;\n}\n\n.sn-component .pr-2 {\n padding-right: 0.5rem;\n}\n\n.sn-component .pl-1 {\n padding-left: 0.25rem;\n}\n\n.sn-component .pl-3 {\n padding-left: 0.75rem;\n}\n\n.sn-component .w-auto, .sn-component .sn-dropdown-menu, .sn-component .sn-select {\n width: auto;\n}\n\n.sn-component .w-full {\n width: 100%;\n}\n\n.sn-component .w-100vw, .sn-component .sn-full-screen {\n width: 100vw;\n}\n\n.sn-component .fit-content {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.sn-component .w-0 {\n width: 0;\n}\n\n.sn-component .w-2 {\n width: 0.5rem;\n}\n\n.sn-component .w-3\\.5, .sn-component .sn-icon.sn-icon--small {\n width: 0.875rem;\n}\n\n.sn-component .w-4, .sn-component .sn-icon.sn-icon--mid {\n width: 1rem;\n}\n\n.sn-component .w-5, .sn-component .sn-icon {\n width: 1.25rem;\n}\n\n.sn-component .w-8 {\n width: 2rem;\n}\n\n.sn-component .w-25 {\n width: 6.25rem;\n}\n\n.sn-component .w-30 {\n width: 7.5rem;\n}\n\n.sn-component .w-55 {\n width: 13.75rem;\n}\n\n.sn-component .w-56, .sn-component .sn-dropdown-menu-list {\n width: 14rem;\n}\n\n.sn-component .w-70 {\n width: 17.5rem;\n}\n\n.sn-component .w-80 {\n width: 20rem;\n}\n\n.sn-component .w-103 {\n width: 25.75rem;\n}\n\n.sn-component .w-125 {\n width: 31.25rem;\n}\n\n.sn-component .w-160 {\n width: 40rem;\n}\n\n.sn-component .w-20px {\n width: 20px;\n}\n\n.sn-component .min-w-265px, .sn-component .sn-dropdown-menu-list {\n min-width: 265px;\n}\n\n.sn-component .min-w-20px {\n min-width: 20px;\n}\n\n.sn-component .min-w-0 {\n min-width: 0;\n}\n\n.sn-component .min-w-4 {\n min-width: 1rem;\n}\n\n.sn-component .min-w-5 {\n min-width: 1.25rem;\n}\n\n.sn-component .min-w-8, .sn-component .sn-icon-button {\n min-width: 2rem;\n}\n\n.sn-component .min-w-20 {\n min-width: 5rem;\n}\n\n.sn-component .min-w-40 {\n min-width: 10rem;\n}\n\n.sn-component .min-w-42 {\n min-width: 10.5rem;\n}\n\n.sn-component .min-w-55 {\n min-width: 13.75rem;\n}\n\n.sn-component .min-w-80 {\n min-width: 20rem;\n}\n\n.sn-component .min-w-max {\n min-width: max-content;\n}\n\n.sn-component .max-w-xs {\n max-width: 20rem;\n}\n\n.sn-component .max-w-md {\n max-width: 28rem;\n}\n\n.sn-component .max-w-40 {\n max-width: 10rem;\n}\n\n.sn-component .max-w-80 {\n max-width: 20rem;\n}\n\n.sn-component .max-w-125 {\n max-width: 31.25rem;\n}\n\n.sn-component .max-w-290px {\n max-width: 290px;\n}\n\n.sn-component .duration-150 {\n transition-duration: 150ms;\n}\n\n.sn-component .ease-out {\n transition-timing-function: ease-out;\n}\n\n.sn-component .transition-background {\n transition-property: background;\n}\n\n.sn-component .transition-transform {\n transition-property: transform;\n}\n\n.sn-component .cursor-pointer, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-select-list-option, .sn-component .sn-icon-button {\n cursor: pointer;\n}\n\n.sn-component .top-0, .sn-component .top-left-0, .sn-component .sn-full-screen {\n top: 0;\n}\n\n.sn-component .left-0, .sn-component .top-left-0, .sn-component .sn-full-screen {\n left: 0;\n}\n\n.sn-component .bottom-0 {\n bottom: 0;\n}\n\n.sn-component .bottom-6 {\n bottom: 1.5rem;\n}\n\n.sn-component .right-0 {\n right: 0;\n}\n\n.sn-component .right-6 {\n right: 1.5rem;\n}\n\n.sn-component .-top-10 {\n top: -2.5rem;\n}\n\n.sn-component .-left-51 {\n left: -12.75rem;\n}\n\n.sn-component .z-index-toast {\n z-index: 11000;\n}\n\n.sn-component .sn-button {\n font-size: 0.8125rem;\n padding: 0.609375rem;\n min-height: 1.8125rem;\n}\n\n.sn-component .sn-button.small {\n font-size: 0.7109375rem;\n padding: 0.40625rem 0.609375rem;\n}\n\n.sn-component .sn-button.contrast {\n background-color: var(--sn-stylekit-contrast-foreground-color);\n color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .sn-button.neutral {\n background-color: var(--sn-stylekit-neutral-color);\n color: var(--sn-stylekit-neutral-contrast-color);\n}\n\n.sn-component .sn-button.warning {\n background-color: var(--sn-stylekit-warning-color);\n color: var(--sn-stylekit-warning-contrast-color);\n}\n\n.sn-component .sn-button.danger {\n background-color: var(--sn-stylekit-danger-color);\n color: var(--sn-stylekit-danger-contrast-color);\n}\n\n.sn-component .sn-button.success {\n background-color: var(--sn-stylekit-success-color);\n color: var(--sn-stylekit-success-contrast-color);\n}\n\n.sn-component [data-reach-custom-checkbox-container] {\n margin: 0;\n}\n\n.sn-component.no-select,\n.sn-component .select-none {\n user-select: none;\n}\n\n/* Goes outside of .sn-component declaration, as following properties are global */\ninput,\ntextarea,\n[contenteditable] {\n caret-color: var(--sn-stylekit-editor-foreground-color);\n}\n\n.windows-web,\n.windows-desktop,\n.linux-web,\n.linux-desktop {\n scrollbar-width: thin;\n}\n\n.windows-web ::-webkit-scrollbar,\n.windows-desktop ::-webkit-scrollbar,\n.linux-web ::-webkit-scrollbar,\n.linux-desktop ::-webkit-scrollbar {\n width: 17px;\n height: 18px;\n border-left: none;\n}\n\n.windows-web ::-webkit-scrollbar-thumb,\n.windows-desktop ::-webkit-scrollbar-thumb,\n.linux-web ::-webkit-scrollbar-thumb,\n.linux-desktop ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n -webkit-border-radius: 10px;\n background-color: var(--sn-stylekit-scrollbar-thumb-color);\n -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);\n}\n\n.windows-web ::-webkit-scrollbar-button,\n.windows-desktop ::-webkit-scrollbar-button,\n.linux-web ::-webkit-scrollbar-button,\n.linux-desktop ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n}\n\n.windows-web ::-webkit-scrollbar-corner,\n.windows-desktop ::-webkit-scrollbar-corner,\n.linux-web ::-webkit-scrollbar-corner,\n.linux-desktop ::-webkit-scrollbar-corner {\n background-color: transparent;\n}\n\n:root {\n --reach-listbox: 1;\n}\n\n[data-reach-listbox-popover] {\n display: block;\n position: absolute;\n min-width: -moz-fit-content;\n min-width: -webkit-min-content;\n min-width: min-content;\n padding: 0.25rem 0;\n background: white;\n outline: none;\n border: solid 1px rgba(0, 0, 0, 0.25);\n}\n\n[data-reach-listbox-popover]:focus-within {\n box-shadow: 0 0 4px Highlight;\n outline: -webkit-focus-ring-color auto 4px;\n}\n\n[data-reach-listbox-popover][hidden] {\n display: none;\n}\n\n[data-reach-listbox-list] {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n[data-reach-listbox-list]:focus {\n box-shadow: none;\n outline: none;\n}\n\n[data-reach-listbox-option] {\n display: block;\n margin: 0;\n padding: 0.25rem 0.5rem;\n white-space: nowrap;\n user-select: none;\n}\n\n[data-reach-listbox-option][data-current-nav] {\n background: #1672d4;\n color: white;\n}\n\n[data-reach-listbox-option][data-current-selected] {\n font-weight: bolder;\n}\n\n[data-reach-listbox-option][data-current-selected][data-confirming] {\n animation: flash 100ms;\n animation-iteration-count: 1;\n}\n\n[data-reach-listbox-option][aria-disabled=\"true\"] {\n opacity: 0.5;\n}\n\n[data-reach-listbox-button] {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n padding: 1px 10px 2px;\n border: 1px solid;\n border-color: #d8d8d8 #d1d1d1 #bababa;\n cursor: default;\n user-select: none;\n}\n\n[data-reach-listbox-button][aria-disabled=\"true\"] {\n opacity: 0.5;\n}\n\n[data-reach-listbox-arrow] {\n margin-left: 0.5rem;\n display: block;\n font-size: 0.5em;\n}\n\n[data-reach-listbox-group-label] {\n display: block;\n margin: 0;\n padding: 0.25rem 0.5rem;\n white-space: nowrap;\n user-select: none;\n font-weight: bolder;\n}\n\n@keyframes flash {\n 0% {\n background: #1159a6;\n color: white;\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n background: inherit;\n color: inherit;\n }\n 100% {\n background: #1159a6;\n color: white;\n opacity: 1;\n }\n}\n\n","@import '~@standardnotes/stylekit/dist/stylekit.css';\n\nbody,\nhtml {\n background-color: var(--sn-stylekit-secondary-background-color);\n padding: 0 !important;\n}\n\n* {\n // To prevent gray flash when focusing input on mobile Safari\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n font-family: var(--sn-stylekit-sans-serif-font);\n}\n\n.sn-component {\n display: flex;\n flex-direction: column;\n\n @media screen and (max-width: 420px) {\n min-height: -webkit-fill-available;\n }\n\n .ml-3 {\n margin-left: 0.75rem;\n }\n\n .mr-3 {\n margin-right: 0.75rem;\n }\n\n .sn-icon.sm {\n height: 0.875rem;\n width: 0.875rem;\n }\n\n .no-fill {\n fill: none;\n }\n\n .stroke-info-color {\n stroke: var(--sn-stylekit-info-color);\n }\n\n .stroke-neutral-color {\n stroke: var(--sn-stylekit-neutral-color);\n }\n\n .fill-info-color {\n fill: var(--sn-stylekit-info-color);\n }\n\n .sn-icon-button {\n border-width: 0;\n\n &:hover {\n background-color: inherit;\n border-width: 1px;\n }\n }\n\n .pt-1px {\n padding-top: 1px;\n }\n}\n\n:root {\n --reach-menu-button: 1;\n}\n\nreach-portal {\n @import '~@standardnotes/stylekit/src/css/utils';\n @import '~@standardnotes/stylekit/src/css/sn';\n\n div[data-reach-menu-list] {\n @extend .bg-default;\n @extend .border-main;\n @extend .rounded;\n @extend .box-shadow;\n @extend .min-w-55;\n @extend .mt-2;\n @extend .focus\\:outline-none;\n @extend .origin-top-right;\n @extend .py-2;\n @extend .slide-down-animation;\n @extend .color-text;\n @extend .w-auto;\n }\n\n div[data-reach-menu-item] {\n @extend .items-center;\n @extend .cursor-pointer;\n @extend .flex;\n @extend .hover\\:bg-highlight;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .px-2;\n @extend .selected\\:bg-color;\n @extend .selected\\:fg-color;\n @extend .m-h-32;\n }\n\n div[data-reach-menu-item] > .sn-icon {\n @extend .mr-2;\n }\n\n div[data-selected][data-reach-menu-item] {\n background-color: var(--sn-stylekit-contrast-background-color);\n }\n\n div[data-reach-dialog-overlay] {\n align-items: center;\n background: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: unset;\n z-index: 1001;\n }\n\n div[data-reach-dialog-overlay]::before {\n background-color: var(--sn-stylekit-contrast-background-color);\n bottom: 0px;\n content: '';\n left: 0px;\n opacity: 0.75;\n position: fixed;\n right: 0px;\n top: 0px;\n }\n\n div[data-reach-dialog-content] {\n background: none;\n flex-basis: 0;\n margin: 0;\n max-width: 600px;\n min-width: 400px;\n overflow: unset;\n padding: 0;\n position: relative;\n width: auto;\n }\n\n div[data-reach-dialog-content] .sk-modal-content,\n div[data-reach-dialog-content] .sn-component,\n div[data-reach-dialog-content] .sk-panel {\n height: 100%;\n }\n\n div[data-reach-alert-dialog-content] {\n width: auto;\n }\n\n fieldset {\n border: 0;\n padding-left: 0;\n }\n}\n","@keyframes slide-down {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.slide-down-animation {\n animation: slide-down 0.2s ease;\n}\n\n@keyframes slide-in-right {\n 0% {\n opacity: 0;\n transform: translateX(10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.slide-in-right-animation {\n animation: slide-in-right 0.2s ease;\n}\n\n@keyframes slide-out-left {\n 0% {\n opacity: 1;\n transform: translateX(0);\n }\n 100% {\n opacity: 0;\n transform: translateX(-10px);\n }\n}\n\n.slide-out-left-animation {\n animation: slide-out-left 0.2s ease;\n}\n\n@keyframes fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.fade-out-animation {\n animation: fade-out 0.2s ease;\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.fade-in-animation {\n animation: fade-in 0.2s ease;\n}\n\n.animation-fill-forwards {\n animation-fill-mode: forwards;\n}\n",".no-border {\n border: none;\n}\n\n.border-0 {\n border-width: 0px;\n}\n.border-1 {\n border-width: 1px;\n}\n.border-2 {\n border-width: 2px;\n}\n\n.border-b-1 {\n border-bottom-width: 1px;\n}\n\n.border-main {\n border-color: var(--sn-stylekit-border-color);\n}\n\n.border-background {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.border-transparent {\n border-color: transparent;\n}\n\n.border-info {\n border-color: var(--sn-stylekit-info-color);\n}\n\n.border-neutral {\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.border-rounded-md {\n border-radius: 0.375rem;\n}\n\n.rounded {\n border-radius: 0.25rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.border-solid {\n border-style: solid;\n}\n\n.border-bottom-solid {\n border-bottom-style: solid;\n}\n\n.border-box {\n box-sizing: border-box;\n}\n\n.ring-info {\n box-shadow: 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.inner-ring-info {\n box-shadow: inset 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.shadow-overlay {\n box-shadow: 0px 4px 24px 0px #00000029;\n}\n\n.border-dark-red {\n border-color: var(--sn-stylekit-dark-red);\n}\n\n.border-bottom-1-gray {\n border-bottom-color: var(--sn-stylekit-border-color);\n}\n",".bg-default {\n background-color: var(--sn-stylekit-background-color);\n}\n\n.bg-contrast {\n background-color: var(--sn-stylekit-contrast-background-color);\n}\n\n.bg-border {\n background-color: var(--sn-stylekit-border-color);\n}\n\n.bg-secondary-contrast {\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.bg-clip-padding {\n background-clip: padding-box;\n}\n\n.bg-transparent {\n background-color: transparent;\n}\n\n@mixin define-color($name, $source: null) {\n .bg-#{$name} {\n background-color: var(--sn-stylekit-#{if($source, $source, $name)});\n }\n\n .color-#{$name} {\n color: var(--sn-stylekit-#{if($source, $source, $name)});\n }\n}\n\n@include define-color(\"neutral\", \"neutral-color\");\n@include define-color(\"text\", \"contrast-foreground-color\");\n@include define-color(\"foreground\", \"foreground-color\");\n@include define-color(\"danger\", \"danger-color\");\n@include define-color(\"info\", \"info-color\");\n@include define-color(\"info-contrast\", \"info-contrast-color\");\n@include define-color(\"info-dark\", \"info-color-darkened\");\n@include define-color(\"success\", \"success-color\");\n\n@include define-color(\"grey-0\");\n@include define-color(\"grey-1\");\n@include define-color(\"grey-2\");\n@include define-color(\"grey-3\");\n@include define-color(\"grey-4\");\n@include define-color(\"grey-4-opacity-variant\");\n@include define-color(\"grey-5\");\n@include define-color(\"grey-6\");\n@include define-color(\"grey-super-light\");\n\n@include define-color(\"black\");\n@include define-color(\"white\");\n@include define-color(\"dark-red\");\n\n@for $i from 1 to 7 {\n @include define-color(\"accessory-tint-#{$i}\", \"accessory-tint-color-#{$i}\");\n}\n\n.selected\\:bg-color[data-selected],\n.selected\\:bg-color[aria-selected='true'] {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.selected\\:fg-color[data-selected],\n.selected\\:fg-color[aria-selected='true'] {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.fill-current {\n fill: currentColor;\n}\n",".inline-flex {\n display: inline-flex;\n}\n\n.block {\n display: block;\n}\n\n.flex {\n display: flex;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.flex-row {\n flex-direction: row;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.grid {\n display: grid;\n}\n\n.items-center {\n align-items: center;\n}\n.items-start {\n align-items: flex-start;\n}\n.items-end {\n align-items: flex-end;\n}\n.items-stretch {\n align-items: stretch;\n}\n\n.justify-center {\n justify-content: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-start {\n justify-content: flex-start;\n}\n.justify-end {\n justify-content: flex-end;\n}\n\n.gap-1 {\n grid-gap: 0.25rem;\n gap: 0.25rem;\n}\n.gap-2 {\n grid-gap: 0.5rem;\n gap: 0.5rem;\n}\n.gap-3 {\n grid-gap: 0.75rem;\n gap: 0.75rem;\n}\n.gap-4 {\n grid-gap: 1rem;\n gap: 1rem;\n}\n\n.absolute {\n position: absolute;\n}\n.fixed {\n position: fixed;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.origin-top-right {\n transform-origin: top right;\n}\n\n.overflow-auto {\n overflow: auto;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-ellipsis {\n text-overflow: ellipsis;\n}\n\n.flex-basis-55 {\n flex-basis: 13.75rem;\n}\n\n.opacity-0 {\n opacity: 0;\n}\n",".hover\\:bg-grey-3:hover {\n background-color: var(--sn-stylekit-grey-3);\n}\n\n.hover\\:brightness-130:hover {\n filter: brightness(130%);\n}\n\n.focus\\:brightness-130:focus {\n filter: brightness(130%);\n}\n\n.hover\\:bg-highlight:hover {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.focus\\:bg-highlight:focus {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.hover\\:bg-contrast:hover {\n @extend .bg-contrast;\n}\n\n.hover\\:bg-info-dark:hover {\n @extend .bg-info-dark;\n}\n.focus\\:bg-info-dark:focus {\n @extend .bg-info-dark;\n}\n\n.focus\\:padded-ring-info:focus {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color),\n 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.focus\\:border-bottom:focus {\n border-bottom: 2px solid var(--sn-stylekit-info-color);\n}\n\n.focus-within\\:padded-ring-info:focus-within {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color),\n 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.focus-within\\:border-background:focus-within {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.box-shadow, .box-shadow:focus, .box-shadow:focus-within {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n.focus\\:bg-contrast:focus {\n @extend .bg-contrast;\n}\n\n.hover\\:color-text:hover {\n @extend .color-text;\n}\n\n.focus\\:color-text:focus {\n @extend .color-text;\n}\n\n.hover\\:bg-secondary-contrast:hover {\n @extend .bg-secondary-contrast;\n}\n\n.focus\\:bg-secondary-contrast:focus {\n @extend .bg-secondary-contrast;\n}\n\n.focus\\:inner-ring-info:focus {\n @extend .inner-ring-info;\n}\n\n.focus\\:ring-info:focus {\n @extend .ring-info;\n}\n\n.focus-within\\:ring-info:focus-within {\n @extend .ring-info;\n}\n\n/**\n * Do not use these rules without explicitly handling focus in a different\n * way, otherwise keyboard focus will break.\n */\n.focus\\:outline-none:focus {\n outline: none;\n}\n.focus\\:shadow-none:focus {\n box-shadow: none;\n}\n.focus-within\\:outline-none:focus-within {\n outline: none;\n}\n.focus-within\\:shadow-none:focus-within {\n box-shadow: none;\n}\n",".capitalize {\n text-transform: capitalize;\n}\n\n.font-normal {\n font-weight: 300;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.text-input {\n font-size: 0.875rem;\n line-height: 1.125rem;\n}\n\n.text-base {\n font-size: 1rem;\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.leading-4 {\n line-height: 1rem;\n}\n\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n",".h-auto {\n height: auto;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-100vh {\n height: 100vh;\n}\n\n.h-90vh {\n height: 90vh;\n}\n\n.h-0 {\n height: 0;\n}\n.h-2 {\n height: 0.5rem;\n}\n.h-3\\.5 {\n height: 0.875rem;\n}\n.h-4 {\n height: 1rem;\n}\n.h-4\\.5 {\n height: 1.125rem;\n}\n.h-5 {\n height: 1.25rem;\n}\n.h-6 {\n height: 1.5rem;\n}\n.h-7 {\n height: 1.75rem;\n}\n.h-8 {\n height: 2rem;\n}\n.h-9 {\n height: 2.25rem;\n}\n.h-10 {\n height: 2.5rem;\n}\n.h-14 {\n height: 3.5rem;\n}\n.h-18 {\n height: 4.5rem;\n}\n.h-25 {\n height: 6.25rem;\n}\n\n.h-1px {\n height: 1px;\n}\n.h-20px {\n height: 20px;\n}\n\n.min-h-0 {\n min-height: 0;\n}\n\n.min-h-5 {\n min-height: 1.25rem;\n}\n.m-h-32 {\n min-height: 2rem;\n}\n\n.min-h-20px {\n height: 20px;\n}\n\n.max-h-120 {\n max-height: 30rem;\n}\n",".m-0 {\n margin: 0;\n}\n\n.my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.my-3 {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.-mt-1 {\n margin-top: -0.25rem;\n}\n\n.mt-1 {\n margin-top: 0.25rem;\n}\n\n.mt-2 {\n margin-top: 0.5rem;\n}\n\n.mt-3 {\n margin-top: 0.75rem;\n}\n\n.mt-4 {\n margin-top: 1rem;\n}\n\n.mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.-mr-2 {\n margin-right: -0.5rem;\n}\n\n.mr-1 {\n margin-right: 0.25rem;\n}\n\n.mr-1\\.5 {\n margin-right: 0.375rem;\n}\n\n.mr-2 {\n margin-right: 0.5rem;\n}\n\n.mr-10 {\n margin-right: 2.5rem;\n}\n\n.ml-1 {\n margin-left: 0.25rem;\n}\n\n.ml-1\\.5 {\n margin-left: 0.375rem;\n}\n\n.ml-2 {\n margin-left: 0.5rem;\n}\n\n.ml-4 {\n margin-left: 1rem;\n}\n\n.ml-6 {\n margin-left: 1.5rem;\n}\n",".p-0 {\n padding-top: 0;\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n}\n\n.p-2 {\n padding: 0.5rem;\n}\n\n.p-3 {\n padding: 0.75rem;\n}\n\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n.py-1\\.75 {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.pt-4 {\n padding-top: 1rem;\n}\n\n.pb-3 {\n padding-bottom: 0.75rem;\n}\n\n.pr-2 {\n padding-right: 0.5rem;\n}\n\n.pl-1 {\n padding-left: 0.25rem;\n}\n\n.pl-3 {\n padding-left: 0.75rem;\n}\n",".w-auto {\n width: auto;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-100vw {\n width: 100vw;\n}\n\n.fit-content {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.w-0 {\n width: 0;\n}\n.w-2 {\n width: 0.5rem;\n}\n.w-3\\.5 {\n width: 0.875rem;\n}\n.w-4 {\n width: 1rem;\n}\n.w-5 {\n width: 1.25rem;\n}\n.w-8 {\n width: 2rem;\n}\n.w-25 {\n width: 6.25rem;\n}\n.w-30 {\n width: 7.5rem;\n}\n.w-55 {\n width: 13.75rem;\n}\n.w-56 {\n width: 14rem;\n}\n.w-70 {\n width: 17.5rem;\n}\n.w-80 {\n width: 20rem;\n}\n.w-103 {\n width: 25.75rem;\n}\n.w-125 {\n width: 31.25rem;\n}\n.w-160 {\n width: 40rem;\n}\n\n.w-20px {\n width: 20px;\n}\n\n.min-w-265px {\n min-width: 265px;\n}\n\n.min-w-20px {\n min-width: 20px;\n}\n\n.min-w-0 {\n min-width: 0;\n}\n.min-w-4 {\n min-width: 1rem;\n}\n.min-w-5 {\n min-width: 1.25rem;\n}\n.min-w-8 {\n min-width: 2rem;\n}\n.min-w-20 {\n min-width: 5rem;\n}\n.min-w-40 {\n min-width: 10rem;\n}\n.min-w-42 {\n min-width: 10.5rem;\n}\n.min-w-55 {\n min-width: 13.75rem;\n}\n.min-w-80 {\n min-width: 20rem;\n}\n.min-w-max {\n min-width: max-content;\n}\n\n.max-w-xs {\n max-width: 20rem;\n}\n.max-w-md {\n max-width: 28rem;\n}\n\n.max-w-40 {\n max-width: 10rem;\n}\n\n.max-w-80 {\n max-width: 20rem;\n}\n\n.max-w-125 {\n max-width: 31.25rem;\n}\n\n.max-w-290px {\n max-width: 290px;\n}\n",".duration-150 {\n transition-duration: 150ms;\n}\n\n.ease-out {\n transition-timing-function: ease-out;\n}\n\n.transition-background {\n transition-property: background;\n}\n\n.transition-transform {\n transition-property: transform;\n}\n",".cursor-pointer {\n cursor: pointer;\n}\n",".top-0 {\n top: 0;\n}\n\n.left-0 {\n left: 0;\n}\n\n.bottom-0 {\n bottom: 0;\n}\n\n.bottom-6 {\n bottom: 1.5rem;\n}\n\n.right-0 {\n right: 0;\n}\n\n.right-6 {\n right: 1.5rem;\n}\n\n.top-left-0 {\n @extend .top-0;\n @extend .left-0;\n}\n\n.-top-10 {\n top: -2.5rem;\n}\n\n.-left-51 {\n left: -12.75rem;\n}\n\n.z-index-toast {\n z-index: 11000;\n}\n",".sn-button {\n font-size: 0.8125rem;\n padding: 0.609375rem;\n min-height: 1.8125rem;\n @extend .border-0;\n @extend .rounded;\n @extend .border-solid;\n @extend .cursor-pointer;\n @extend .capitalize;\n @extend .font-bold;\n\n @extend .hover\\:brightness-130;\n @extend .focus\\:brightness-130;\n @extend .focus\\:outline-none;\n}\n\n.sn-button.small {\n font-size: 0.7109375rem;\n padding: 0.40625rem 0.609375rem;\n}\n\n.sn-button.outlined {\n @extend .bg-default;\n @extend .border-1;\n @extend .border-main;\n @extend .color-text;\n @extend .hover\\:bg-highlight;\n @extend .focus\\:bg-highlight;\n @extend .focus\\:shadow-none;\n @extend .focus\\:outline-none;\n}\n\n.sn-button.contrast {\n @extend .hover\\:brightness-130;\n background-color: var(--sn-stylekit-contrast-foreground-color);\n color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-button.neutral {\n @extend .hover\\:brightness-130;\n @extend .focus\\:brightness-130;\n background-color: var(--sn-stylekit-neutral-color);\n color: var(--sn-stylekit-neutral-contrast-color);\n}\n\n.sn-button.info {\n @extend .bg-info;\n @extend .color-info-contrast;\n}\n\n.sn-button.warning {\n background-color: var(--sn-stylekit-warning-color);\n color: var(--sn-stylekit-warning-contrast-color);\n}\n\n.sn-button.danger {\n background-color: var(--sn-stylekit-danger-color);\n color: var(--sn-stylekit-danger-contrast-color);\n}\n\n.sn-button.success {\n background-color: var(--sn-stylekit-success-color);\n color: var(--sn-stylekit-success-contrast-color);\n}\n\n.sn-dropdown-menu {\n @extend .items-center;\n @extend .bg-default;\n @extend .border-0;\n @extend .border-main;\n @extend .rounded;\n @extend .border-solid;\n @extend .border-1;\n @extend .cursor-pointer;\n @extend .font-normal;\n @extend .m-h-32;\n @extend .hover\\:bg-highlight;\n @extend .inline-flex;\n @extend .justify-center;\n @extend .leading-4;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .px-2;\n @extend .py-1;\n @extend .color-text;\n @extend .text-sm;\n @extend .w-auto;\n}\n\n.sn-dropdown-menu > .sn-icon:first-child {\n @extend .mr-2;\n}\n\n.sn-dropdown-menu > .sn-icon:last-child {\n @extend .ml-2;\n}\n\n.sn-dropdown-menu-list {\n @extend .absolute;\n @extend .bg-default;\n @extend .border-main;\n @extend .rounded;\n @extend .box-shadow;\n @extend .font-normal;\n @extend .min-w-265px;\n @extend .mt-2;\n @extend .focus\\:outline-none;\n @extend .origin-top-right;\n @extend .py-2;\n @extend .slide-down-animation;\n @extend .color-text;\n @extend .w-56;\n}\n\n.sn-dropdown-menu-list-item {\n @extend .items-center;\n @extend .cursor-pointer;\n @extend .flex;\n @extend .hover\\:bg-highlight;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .px-2;\n @extend .selected\\:bg-color;\n @extend .selected\\:fg-color;\n @extend .text-sm;\n @extend .m-h-32;\n}\n\n.sn-dropdown-menu-list-item > .sn-icon {\n @extend .mr-2;\n}\n\n.sn-select {\n @extend .items-center;\n @extend .bg-default;\n @extend .border-0;\n @extend .border-main;\n @extend .border-solid;\n @extend .border-1;\n @extend .border-box;\n @extend .rounded;\n @extend .cursor-pointer;\n @extend .font-normal;\n @extend .m-h-32;\n @extend .hover\\:bg-highlight;\n @extend .inline-flex;\n @extend .justify-center;\n @extend .leading-4;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .color-text;\n @extend .text-sm;\n @extend .w-auto;\n}\n\n.sn-select-button {\n @extend .items-center;\n @extend .border-0;\n @extend .cursor-pointer;\n @extend .inline-flex;\n @extend .justify-center;\n @extend .py-1;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n}\n\n.sn-select-button > .sn-icon:last-child {\n @extend .ml-2;\n}\n\n.sn-select-list {\n @extend .bg-default;\n @extend .border-main;\n @extend .rounded;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .origin-top-right;\n @extend .color-text;\n @extend .text-sm;\n}\n\n.sn-select-list-option {\n @extend .cursor-pointer;\n @extend .selected\\:bg-color;\n @extend .selected\\:fg-color;\n @extend .font-normal;\n @extend .text-sm;\n @extend .py-2;\n}\n\n.sn-select-popover {\n @extend .border-main;\n @extend .rounded;\n @extend .box-shadow;\n @extend .mt-2;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .border-0;\n @extend .slide-down-animation;\n}\n\n/**\n * A button that is just an icon. Separated from .sn-button because there\n * is almost no style overlap.\n */\n.sn-icon-button {\n @extend .color-neutral;\n @extend .min-w-8;\n @extend .h-8;\n @extend .flex;\n @extend .justify-center;\n @extend .items-center;\n @extend .border-solid;\n @extend .border-1;\n @extend .border-main;\n @extend .bg-clip-padding;\n @extend .m-0;\n @extend .p-0;\n @extend .bg-transparent;\n @extend .cursor-pointer;\n @extend .rounded-full;\n @extend .hover\\:color-text;\n @extend .focus\\:color-text;\n @extend .hover\\:bg-contrast;\n @extend .focus\\:bg-contrast;\n @extend .focus\\:outline-none;\n @extend .focus\\:ring-info;\n}\n\n.sn-icon {\n @extend .h-5;\n @extend .w-5;\n @extend .fill-current;\n\n &.sn-icon--small {\n @extend .h-3\\.5;\n @extend .w-3\\.5;\n }\n\n &.sn-icon--mid {\n @extend .w-4;\n @extend .h-4;\n }\n}\n\n.sn-icon-button.info {\n @extend .bg-info;\n @extend .color-info-contrast;\n\n &:hover,\n &:focus {\n @extend .color-info-contrast;\n @extend .bg-info-dark;\n }\n}\n\n.sn-full-screen {\n @extend .h-100vh;\n @extend .w-100vw;\n\n @extend .absolute;\n @extend .top-left-0;\n}\n","/* This code is subject to LICENSE in root of this repository */\n\n/* Used to detect in JavaScript if apps have loaded styles or not. */\n:root {\n --reach-dialog: 1;\n}\n\n[data-reach-dialog-overlay] {\n background: hsla(0, 0%, 0%, 0.33);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n}\n\n[data-reach-dialog-content] {\n width: 50vw;\n margin: 10vh auto;\n background: white;\n padding: 2rem;\n outline: none;\n}\n","$transition-duration: 750ms;\n\n@keyframes strike {\n from {\n text-decoration: line-through 1px solid transparent;\n }\n to {\n text-decoration: line-through 1px solid var(--sn-stylekit-info-color);\n }\n}\n\n.cross-out {\n animation-duration: $transition-duration;\n animation-fill-mode: forwards;\n animation-name: strike;\n animation-timing-function: linear;\n}\n\n.no-text-decoration {\n text-decoration: none !important;\n}\n",".completed-tasks-container {\n .task-item .checkbox-button * {\n stroke: var(--sn-stylekit-neutral-color) !important;\n }\n\n .task-item .text-area-input {\n color: var(--sn-stylekit-neutral-color) !important;\n text-decoration: line-through 1px solid var(--sn-stylekit-neutral-color);\n }\n}\n","$transition-duration: 750ms;\n\n@keyframes fadeOut {\n 100% {\n opacity: 0;\n max-height: 0;\n }\n 0% {\n opacity: 1;\n max-height: 25px;\n }\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 100% {\n opacity: 1;\n max-height: 25px;\n }\n}\n\n.task-item.fade-out {\n animation: fadeOut ease $transition-duration;\n animation-delay: $transition-duration;\n animation-fill-mode: forwards;\n}\n\n.task-item.fade-in {\n animation: fadeIn ease $transition-duration;\n animation-delay: 0s;\n animation-fill-mode: forwards;\n}\n","$transition-duration: 750ms;\n\n.checkbox-container {\n display: block;\n padding-left: 20px;\n position: relative;\n\n &:last-child {\n border-bottom: none;\n }\n}\n\n.checkbox-state {\n height: 0;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n width: 0;\n}\n\n.checkbox-button {\n bottom: 0;\n cursor: pointer;\n fill: none;\n height: 22px;\n left: 0;\n margin: auto;\n position: absolute;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n stroke: var(--sn-stylekit-neutral-color);\n top: 0;\n width: 22px;\n}\n\n.checkbox-square,\n.checkbox-mark {\n cursor: pointer;\n transition: stroke-dashoffset $transition-duration cubic-bezier(0.9, 0, 0.5, 1);\n}\n\n.checkbox-circle {\n animation-delay: 1s;\n animation: none $transition-duration linear;\n stroke-dasharray: 1 6;\n stroke-width: 0;\n stroke: var(--sn-stylekit-neutral-color);\n transform-origin: 13.5px 12.5px;\n transform: scale(0.4) rotate(0deg);\n}\n\n.checkbox-square {\n stroke-dasharray: 56.1053, 56.1053;\n stroke-dashoffset: 0;\n stroke: var(--sn-stylekit-neutral-color);\n transition-delay: $transition-duration * 0.2;\n}\n\n.checkbox-mark {\n stroke-dasharray: 9.8995, 9.8995;\n stroke-dashoffset: 9.8995;\n stroke: var(--sn-stylekit-neutral-color);\n transition-duration: $transition-duration * 0.4;\n}\n\n.checkbox-circle {\n animation-delay: $transition-duration * 0.7;\n animation-duration: $transition-duration * 0.7;\n}\n\n.checkbox-state:checked {\n ~ .checkbox-button .checkbox-square {\n stroke-dashoffset: 56.1053;\n stroke: var(--sn-stylekit-info-color);\n transition-delay: 0s;\n }\n\n ~ .checkbox-button .checkbox-mark {\n stroke-dashoffset: 0;\n stroke: var(--sn-stylekit-info-color);\n transition-delay: $transition-duration * 0.6;\n }\n}\n\n@keyframes explode {\n 30% {\n stroke: var(--sn-stylekit-info-color);\n stroke-opacity: 1;\n stroke-width: 3;\n transform: scale(0.8) rotate(40deg);\n }\n 100% {\n stroke: var(--sn-stylekit-neutral-color);\n stroke-opacity: 0;\n stroke-width: 0;\n transform: scale(1.1) rotate(60deg);\n }\n}\n\n.explode {\n .checkbox-circle {\n animation: explode ease $transition-duration;\n animation-delay: $transition-duration;\n animation-fill-mode: forwards;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/packages/components/dist/assets/org.standardnotes.advanced-checklist/build/static/js/main.js b/packages/components/dist/assets/org.standardnotes.advanced-checklist/build/static/js/main.js index 57b186b26..259784d59 100644 --- a/packages/components/dist/assets/org.standardnotes.advanced-checklist/build/static/js/main.js +++ b/packages/components/dist/assets/org.standardnotes.advanced-checklist/build/static/js/main.js @@ -1,3 +1,3 @@ /*! For license information please see main.js.LICENSE.txt */ -!function(){var e={579:function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){s=!0,a=e},f:function(){try{u||null==n.return||n.return()}finally{if(s)throw a}}}},e.exports.__esModule=!0,e.exports.default=e.exports},444:function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports},35:function(e){e.exports=function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports},124:function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports},618:function(e,t,n){var r=n(162).default;function i(){"use strict";e.exports=i=function(){return t},e.exports.__esModule=!0,e.exports.default=e.exports;var t={},n=Object.prototype,o=n.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},u=a.iterator||"@@iterator",s=a.asyncIterator||"@@asyncIterator",c=a.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(A){l=function(e,t,n){return e[t]=n}}function f(e,t,n,r){var i=t&&t.prototype instanceof h?t:h,o=Object.create(i.prototype),a=new C(r||[]);return o._invoke=function(e,t,n){var r="suspendedStart";return function(i,o){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===i)throw o;return O()}for(n.method=i,n.arg=o;;){var a=n.delegate;if(a){var u=S(a,n);if(u){if(u===p)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var s=d(e,t,n);if("normal"===s.type){if(r=n.done?"completed":"suspendedYield",s.arg===p)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r="completed",n.method="throw",n.arg=s.arg)}}}(e,n,a),o}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(A){return{type:"throw",arg:A}}}t.wrap=f;var p={};function h(){}function v(){}function g(){}var m={};l(m,u,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(I([])));b&&b!==n&&o.call(b,u)&&(m=b);var w=g.prototype=h.prototype=Object.create(m);function x(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function k(e,t){function n(i,a,u,s){var c=d(e[i],e,a);if("throw"!==c.type){var l=c.arg,f=l.value;return f&&"object"==r(f)&&o.call(f,"__await")?t.resolve(f.__await).then((function(e){n("next",e,u,s)}),(function(e){n("throw",e,u,s)})):t.resolve(f).then((function(e){l.value=e,u(l)}),(function(e){return n("throw",e,u,s)}))}s(c.arg)}var i;this._invoke=function(e,r){function o(){return new t((function(t,i){n(e,r,t,i)}))}return i=i?i.then(o,o):o()}}function S(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,S(e,t),"throw"===t.method))return p;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var r=d(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,p;var i=r.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,p):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,p)}function _(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(_,this),this.reset(!0)}function I(e){if(e){var t=e[u];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,r=function t(){for(;++n=0;--r){var i=this.tryEntries[r],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var u=o.call(i,"catchLoc"),s=o.call(i,"finallyLoc");if(u&&s){if(this.prev=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&o.call(r,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var i=r.arg;E(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:I(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),p}},t}e.exports=i,e.exports.__esModule=!0,e.exports.default=e.exports},88:function(e,t,n){var r=n(773),i=n(35),o=n(603),a=n(124);e.exports=function(e){return r(e)||i(e)||o(e)||a()},e.exports.__esModule=!0,e.exports.default=e.exports},162:function(e){function t(n){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(n)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},603:function(e,t,n){var r=n(579);e.exports=function(e,t){if(e){if("string"===typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports},805:function(e,t,n){var r,i=n(618).default,o=n(54).default,a=n(0).default,u=n(925).default,s=n(370).default,c=n(444).default;self,e.exports=(r=n(94),function(){var e,t,n={156:function(e){self,e.exports=function(){"use strict";var e,t,n,r,i,o={d:function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},l={};o.d(l,{default:function(){return A}}),function(e){e.SetSize="set-size",e.StreamItems="stream-items",e.StreamContextItem="stream-context-item",e.SaveItems="save-items",e.SelectItem="select-item",e.AssociateItem="associate-item",e.DeassociateItem="deassociate-item",e.ClearSelection="clear-selection",e.CreateItem="create-item",e.CreateItems="create-items",e.DeleteItems="delete-items",e.SetComponentData="set-component-data",e.InstallLocalComponent="install-local-component",e.ToggleActivateComponent="toggle-activate-component",e.RequestPermissions="request-permissions",e.PresentConflictResolution="present-conflict-resolution",e.DuplicateItem="duplicate-item",e.ComponentRegistered="component-registered",e.ActivateThemes="themes",e.Reply="reply",e.SaveSuccess="save-success",e.SaveError="save-error",e.ThemesActivated="themes-activated",e.KeyDown="key-down",e.KeyUp="key-up",e.Click="click"}(e||(e={})),function(e){e[e.Web=1]="Web",e[e.Desktop=2]="Desktop",e[e.Mobile=3]="Mobile"}(t||(t={})),function(e){e.Any="*",e.Item="SF|Item",e.RootKey="SN|RootKey|NoSync",e.ItemsKey="SN|ItemsKey",e.EncryptedStorage="SN|EncryptedStorage",e.Note="Note",e.Tag="Tag",e.SmartTag="SN|SmartTag",e.Component="SN|Component",e.Editor="SN|Editor",e.ActionsExtension="Extension",e.UserPrefs="SN|UserPreferences",e.HistorySession="SN|HistorySession",e.Theme="SN|Theme",e.Mfa="SF|MFA",e.ServerExtension="SF|Extension",e.FilesafeCredentials="SN|FileSafe|Credentials",e.FilesafeFileMetadata="SN|FileSafe|FileMetadata",e.FilesafeIntegration="SN|FileSafe|Integration",e.ExtensionRepo="SN|ExtensionRepo"}(n||(n={})),function(e){e.Pinned="pinned",e.Archived="archived",e.Locked="locked",e.UserModifiedDate="client_updated_at",e.DefaultEditor="defaultEditor",e.MobileRules="mobileRules",e.NotAvailableOnMobile="notAvailableOnMobile",e.MobileActive="mobileActive",e.LastSize="lastSize",e.PrefersPlainEditor="prefersPlainEditor",e.ComponentInstallError="installError"}(r||(r={}));var f=new Uint8Array(16);function d(){if(!i&&!(i="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return i(f)}for(var p=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i,h=function(e){return"string"==typeof e&&p.test(e)},v=[],g=0;g<256;++g)v.push((g+256).toString(16).substr(1));var m,y,b,w,x=function(e,t,n){var r=(e=e||{}).random||(e.rng||d)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var i=0;i<16;++i)t[n+i]=r[i];return t}return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(v[e[t+0]]+v[e[t+1]]+v[e[t+2]]+v[e[t+3]]+"-"+v[e[t+4]]+v[e[t+5]]+"-"+v[e[t+6]]+v[e[t+7]]+"-"+v[e[t+8]]+v[e[t+9]]+"-"+v[e[t+10]]+v[e[t+11]]+v[e[t+12]]+v[e[t+13]]+v[e[t+14]]+v[e[t+15]]).toLowerCase();if(!h(n))throw TypeError("Stringified UUID is invalid");return n}(r)},k=function(e){var n,r,i=(c(n={},t.Web,"web"),c(n,t.Desktop,"desktop"),c(n,t.Mobile,"mobile"),n);return null!==(r=i[e])&&void 0!==r?r:i[t.Web]},S=function(e){return null!=e},_=function(){},E=function(){function e(){u(this,e)}return s(e,null,[{key:"isSupported",get:function(){return!(!window.console&&!console)}},{key:"info",get:function(){return e.isSupported&&this.enabled?console.log.bind(console):_}},{key:"error",get:function(){return e.isSupported?console.error.bind(console):_}}]),e}();function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t0&&(this.initialPermissions=r),S(null==i?void 0:i.coallesedSaving)&&(this.coallesedSaving=i.coallesedSaving),S(null==i?void 0:i.coallesedSavingDelay)&&(this.coallesedSavingDelay=i.coallesedSavingDelay),S(null==i?void 0:i.acceptsThemes)&&(this.component.acceptsThemes=null===(n=null==i?void 0:i.acceptsThemes)||void 0===n||n),S(o)&&(this.onReadyCallback=o),S(a)&&(this.onThemesChangeCallback=a),E.enabled=null!==(t=null==i?void 0:i.debug)&&void 0!==t&&t}},{key:"deinit",value:function(){this.onReadyCallback=void 0,this.component={acceptsThemes:!0,activeThemes:[]},this.messageQueue=[],this.sentMessages=[],this.lastStreamedItem=void 0,this.pendingSaveItems=void 0,this.pendingSaveTimeout=void 0,this.pendingSaveParams=void 0,this.messageHandler&&(this.contentWindow.document.removeEventListener("message",this.messageHandler),this.contentWindow.removeEventListener("message",this.messageHandler)),this.keyDownEventListener&&this.contentWindow.removeEventListener("keydown",this.keyDownEventListener),this.keyUpEventListener&&this.contentWindow.removeEventListener("keyup",this.keyUpEventListener),this.clickEventListener&&this.contentWindow.removeEventListener("click",this.clickEventListener)}},{key:"registerMessageHandler",value:function(){var t=this;this.messageHandler=function(n){if(E.info("Components API Message received:",n.data),!document.referrer||new URL(document.referrer).origin===new URL(n.origin).origin){var r=n.data,i=function(e){if("string"!=typeof e)return!1;try{var t=JSON.parse(e),n=Object.prototype.toString.call(t);return"[object Object]"===n||"[object Array]"===n}catch(e){return!1}}(r)?JSON.parse(r):r;if(i){if(void 0===t.component.origin&&i.action===e.ComponentRegistered)t.component.origin=n.origin;else if(n.origin!==t.component.origin)return;t.handleMessage(i)}else E.error("Invalid data received. Skipping...")}},this.contentWindow.document.addEventListener("message",this.messageHandler,!1),this.contentWindow.addEventListener("message",this.messageHandler,!1),E.info("Waiting for messages...")}},{key:"registerKeyboardEventListeners",value:function(){var e=this;this.keyDownEventListener=function(t){E.info("A key has been pressed: ".concat(t.key)),t.ctrlKey?e.keyDownEvent(w.Ctrl):t.shiftKey?e.keyDownEvent(w.Shift):(t.metaKey||"Meta"===t.key)&&e.keyDownEvent(w.Meta)},this.keyUpEventListener=function(t){E.info("A key has been released: ".concat(t.key)),"Control"===t.key?e.keyUpEvent(w.Ctrl):"Shift"===t.key?e.keyUpEvent(w.Shift):"Meta"===t.key&&e.keyUpEvent(w.Meta)},this.contentWindow.addEventListener("keydown",this.keyDownEventListener,!1),this.contentWindow.addEventListener("keyup",this.keyUpEventListener,!1)}},{key:"registerMouseEventListeners",value:function(){var e=this;this.clickEventListener=function(t){E.info("A click has been performed."),e.mouseClickEvent()},this.contentWindow.addEventListener("click",this.clickEventListener,!1)}},{key:"handleMessage",value:function(t){switch(t.action){case e.ComponentRegistered:this.component.sessionKey=t.sessionKey,t.componentData&&(this.component.data=t.componentData),this.onReady(t.data),E.info("Component successfully registered with payload:",t);break;case e.ActivateThemes:this.activateThemes(t.data.themes);break;default:var n,r;if(!t.original)return;var i=null===(n=this.sentMessages)||void 0===n?void 0:n.filter((function(e){var n;return e.messageId===(null===(n=t.original)||void 0===n?void 0:n.messageId)}))[0];if(!i){var o=this.contentWindow.document.title,a=("The extension '".concat(o,"' is attempting to communicate with Standard Notes, ")+"but an error is preventing it from doing so. Please restart this extension and try again.").replace(" "," ");return void E.info(a)}null==i||null===(r=i.callback)||void 0===r||r.call(i,t.data)}}},{key:"onReady",value:function(t){this.component.environment=t.environment,this.component.platform=t.platform,this.component.uuid=t.uuid,this.initialPermissions&&this.initialPermissions.length>0&&this.requestPermissions(this.initialPermissions);var n,r=a(this.messageQueue);try{for(r.s();!(n=r.n()).done;){var i=n.value;this.postMessage(i.action,i.data,i.callback)}}catch(o){r.e(o)}finally{r.f()}this.messageQueue=[],E.info("Data passed to onReady:",t),this.activateThemes(t.activeThemeUrls||[]),this.postMessage(e.ThemesActivated,{}),this.onReadyCallback&&this.onReadyCallback()}},{key:"getSelfComponentUUID",value:function(){return this.component.uuid}},{key:"isRunningInDesktopApplication",value:function(){return this.component.environment===k(t.Desktop)}},{key:"isRunningInMobileApplication",value:function(){return this.component.environment===k(t.Mobile)}},{key:"getComponentDataValueForKey",value:function(e){if(this.component.data)return this.component.data[e]}},{key:"setComponentDataValueForKey",value:function(t,n){if(!this.component.data)throw new Error("The component has not been initialized.");if(!t||t&&0===t.length)throw new Error("The key for the data value should be a valid string.");this.component.data=I(I({},this.component.data),{},c({},t,n)),this.postMessage(e.SetComponentData,{componentData:this.component.data})}},{key:"clearComponentData",value:function(){this.component.data={},this.postMessage(e.SetComponentData,{componentData:this.component.data})}},{key:"postMessage",value:function(e,t,n){if(this.component.sessionKey){var r,i={action:e,data:t,messageId:this.generateUUID(),sessionKey:this.component.sessionKey,api:b.Component},o=JSON.parse(JSON.stringify(i));o.callback=n,this.sentMessages.push(o),r=this.isRunningInMobileApplication()?JSON.stringify(i):i,E.info("Posting message:",r),this.contentWindow.parent.postMessage(r,this.component.origin)}else this.messageQueue.push({action:e,data:t,api:b.Component,callback:n})}},{key:"requestPermissions",value:function(t,n){this.postMessage(e.RequestPermissions,{permissions:t},(function(){n&&n()}))}},{key:"activateThemes",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(this.component.acceptsThemes){E.info("Incoming themes:",e);var t=this.component.activeThemes;if(!t||t.sort().toString()!=e.sort().toString()){var n,r=e,i=[],o=a(t);try{var u=function(){var t=n.value;e.includes(t)?r=r.filter((function(e){return e!==t})):i.push(t)};for(o.s();!(n=o.n()).done;)u()}catch(v){o.e(v)}finally{o.f()}E.info("Deactivating themes:",i),E.info("Activating themes:",r);for(var s=0,c=i;s0&&(t=e.items[0]),r.associateItem(t),n&&n(t)}))}},{key:"createItems",value:function(t,n){var r=this,i=t.map((function(e){return r.jsonObjectForItem(e)}));this.postMessage(e.CreateItems,{items:i},(function(e){n&&n(e.items)}))}},{key:"associateItem",value:function(t){this.postMessage(e.AssociateItem,{item:this.jsonObjectForItem(t)})}},{key:"deassociateItem",value:function(t){this.postMessage(e.DeassociateItem,{item:this.jsonObjectForItem(t)})}},{key:"deleteItem",value:function(e,t){this.deleteItems([e],t)}},{key:"deleteItems",value:function(t,n){var r=this,i={items:t.map((function(e){return r.jsonObjectForItem(e)}))};this.postMessage(e.DeleteItems,i,(function(e){n&&n(e)}))}},{key:"sendCustomEvent",value:function(e,t,n){this.postMessage(e,t,(function(e){n&&n(e)}))}},{key:"saveItem",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];this.saveItems([e],t,n)}},{key:"saveItemWithPresave",value:function(e,t,n){this.saveItemsWithPresave([e],t,n)}},{key:"saveItemsWithPresave",value:function(e,t,n){this.saveItems(e,n,!1,t)}},{key:"performSavingOfItems",value:function(t){var n=this,r=t.items,i=t.presave,o=t.callback,u=setTimeout((function(){n.concernTimeouts.forEach((function(e){return clearTimeout(e)})),alert("This editor is unable to communicate with Standard Notes. Your changes may not be saved. Please backup your changes, then restart the application and try again.")}),5e3);this.concernTimeouts.push(u),i&&i();var s,c=[],l=a(r);try{for(l.s();!(s=l.n()).done;){var f=s.value;c.push(this.jsonObjectForItem(f))}}catch(d){l.e(d)}finally{l.f()}this.postMessage(e.SaveItems,{items:c},(function(){n.concernTimeouts.forEach((function(e){return clearTimeout(e)})),null==o||o()}))}},{key:"saveItems",value:function(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3?arguments[3]:void 0;if(this.pendingSaveItems||(this.pendingSaveItems=[]),this.coallesedSaving&&!r){this.pendingSaveTimeout&&clearTimeout(this.pendingSaveTimeout);var o=e.map((function(e){return e.uuid})),a=this.pendingSaveItems.filter((function(e){return!o.includes(e.uuid)}));this.pendingSaveItems=a.concat(e),this.pendingSaveParams={items:this.pendingSaveItems,presave:i,callback:t},this.pendingSaveTimeout=setTimeout((function(){n.performSavingOfItems(n.pendingSaveParams),n.pendingSaveItems=[],n.pendingSaveTimeout=void 0,n.pendingSaveParams=null}),this.coallesedSavingDelay)}else this.performSavingOfItems({items:e,presave:i,callback:t})}},{key:"setSize",value:function(t,n){this.postMessage(e.SetSize,{type:"container",width:t,height:n})}},{key:"keyDownEvent",value:function(t){this.postMessage(e.KeyDown,{keyboardModifier:t})}},{key:"keyUpEvent",value:function(t){this.postMessage(e.KeyUp,{keyboardModifier:t})}},{key:"mouseClickEvent",value:function(){this.postMessage(e.Click,{})}},{key:"jsonObjectForItem",value:function(e){var t=Object.assign({},e);return t.children=null,t.parent=null,t}},{key:"getItemAppDataValue",value:function(e,t){var n,r;return null==e||null===(n=e.content)||void 0===n||null===(r=n.appData)||void 0===r?void 0:r["org.standardnotes.sn"][t]}}]),r}();return l.default}()},695:function(e){"use strict";e.exports=r}},l={};function f(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return n[e](r,r.exports,f),r.exports}f.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(t,{a:t}),t},t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},f.t=function(n,r){if(1&r&&(n=this(n)),8&r)return n;if("object"==typeof n&&n){if(4&r&&n.__esModule)return n;if(16&r&&"function"==typeof n.then)return n}var i=Object.create(null);f.r(i);var o={};e=e||[null,t({}),t([]),t(t)];for(var a=2&r&&n;"object"==typeof a&&!~e.indexOf(a);a=t(a))Object.getOwnPropertyNames(a).forEach((function(e){return o[e]=function(){return n[e]}}));return o.default=function(){return n},f.d(i,o),i},f.d=function(e,t){for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return function(){"use strict";f.d(d,{default:function(){return y}});var e=f(156),t=f.n(e),n=function(){var e=o(i().mark((function e(t){return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,new Promise((function(e){return setTimeout(e,1e3*t)}));case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=function(){function e(t){u(this,e),this.options=t,r(this,"uuidToFileTempUrlAndTypeMapping",{}),r(this,"currentlyLoadingIds",[]),r(this,"statusElementMapping",{}),r(this,"fileTypeToElementType",{"image/png":"img","image/jpg":"img","image/jpeg":"img","image/gif":"img","image/tiff":"img","image/bmp":"img","video/mp4":"video","audio/mpeg":"audio","audio/mp3":"audio"})}return s(e,[{key:"fileTypeForElementType",value:function(e){return this.fileTypeToElementType[e.toLowerCase()]}},{key:"loadFileSafeElements",value:function(){var e,t=this.options.getElementsBySelector("*[fsplaceholder]"),n=a(t);try{for(n.s();!(e=n.n()).done;){var r=e.value;this.loadFileSafeElement(r)}}catch(i){n.e(i)}finally{n.f()}}},{key:"loadFileSafeElement",value:function(){var e=o(i().mark((function e(t){var r,o,a,u,s,c,l,f,d,p,h,v,g=this;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(o=this.options.fileSafeInstance,a=t.getAttribute("fsid"),u=null!==(r=t.getAttribute("fsName"))&&void 0!==r?r:"",s=u&&"undefined"!=u?u:"file",a){e.next=3;break}return e.abrupt("return",!1);case 3:if(!(c=this.uuidToFileTempUrlAndTypeMapping[a])){e.next=6;break}return e.abrupt("return",(this.insertMediaElement({fsid:a,fsElement:t,url:c.url,fileType:c.fileType,fsName:c.fsName}),!1));case 6:if(!this.currentlyLoadingIds.includes(a)){e.next=8;break}return e.abrupt("return",!1);case 8:if(l=o.findFileDescriptor(a)){e.next=11;break}return e.abrupt("return",(this.setStatus({fsElement:t,fsid:a,status:"Unable to find ".concat(s," ").concat(a,"."),removable:!0}),!1));case 11:if(f='[fsid="'.concat(l.uuid,'"][fscollapsable]'),!(document.querySelectorAll("img".concat(f,", figure").concat(f,", video").concat(f,", audio").concat(f)).length>0)){e.next=14;break}return e.abrupt("return",!1);case 14:return this.currentlyLoadingIds.push(a),this.setStatus({fsElement:t,fsid:a,status:"Downloading ".concat(s,"...")}),e.next=18,n(.05);case 18:return e.next=20,o.downloadFileFromDescriptor(l).catch((function(){g.setStatus({fsElement:t,fsid:a,status:"Unable to download ".concat(s," ").concat(a,".")})}));case 20:if(d=e.sent){e.next=23;break}return e.abrupt("return",!1);case 23:return this.setStatus({fsElement:t,fsid:a,status:"Decrypting ".concat(s,"...")}),e.next=26,n(.05);case 26:return e.next=28,o.decryptFile({fileDescriptor:l,fileItem:d}).catch((function(){g.setStatus({fsElement:t,fsid:a,status:"Unable to decrypt ".concat(s," ").concat(a,".")})}));case 28:if(p=e.sent){e.next=31;break}return e.abrupt("return",!1);case 31:return this.setStatus({fsElement:t,fsid:a}),e.next=34,n(.05);case 34:return h=l.content.fileType,v=o.createTemporaryFileUrl({base64Data:p.decryptedData,dataType:h}),e.abrupt("return",(this.insertMediaElement({fsid:a,fileType:h,fsName:u,fsElement:t,url:v}),g.currentlyLoadingIds.splice(g.currentlyLoadingIds.indexOf(a),1),this.uuidToFileTempUrlAndTypeMapping[a]={fileType:h,url:v,fsName:u},!0));case 36:case"end":return e.stop()}}),e,this)})));function t(t){return e.apply(this,arguments)}return t}()},{key:"insertMediaElement",value:function(e){var t,n=e.url,r=e.fsid,i=e.fsName,o=e.fileType,a=e.fsElement;switch(this.fileTypeForElementType(o)){case"img":t=this.createImageElement({url:n,fsid:r,fsName:i,fsElement:a});break;case"video":t=this.createVideoElement({url:n,fsid:r,fileType:o,fsName:i,fsElement:a});break;case"audio":t=this.createAudioElement({url:n,fsid:r,fsName:i});break;default:t=this.createDownloadElement({url:n,fsid:r,fsName:i})}this.insertElementNearElement(t,a),a.remove()}},{key:"wrapElementInTag",value:function(e){var t=e.element,n=e.tagName,r=e.fsid,i=e.fsName,o=document.createElement(n);return o.setAttribute("fsid",r),o.setAttribute("fsName",i),o.setAttribute("fscollapsable","true"),o.setAttribute("contenteditable","true"),o.append(t),o}},{key:"createImageElement",value:function(e){var t=e.url,n=e.fsid,r=e.fsName,i=e.fsElement,o=document.createElement("img");o.setAttribute("src",t),o.setAttribute("srcset","".concat(t," 2x")),o.setAttribute("fsid",n),o.setAttribute("fsName",r),o.setAttribute("fscollapsable","true");var a=i.getAttribute("width");a&&o.setAttribute("width",a);var u=i.getAttribute("height");return u&&o.setAttribute("height",u),o}},{key:"createVideoElement",value:function(e){var t=e.url,n=e.fsid,r=e.fileType,i=e.fsName,o=e.fsElement,a=document.createElement("video");a.setAttribute("controls","true"),a.setAttribute("fsid",n),a.setAttribute("fsName",i),a.setAttribute("fscollapsable","true");var u=o.getAttribute("width");u&&a.setAttribute("width",u);var s=o.getAttribute("height");s&&a.setAttribute("height",s);var c=document.createElement("source");return c.setAttribute("src",t),c.setAttribute("type",r),a.append(c),this.wrapElementInTag({fsid:n,fsName:i,element:a,tagName:"p"})}},{key:"createDownloadElement",value:function(e){var t=e.url,n=e.fsid,r=e.fsName,i=document.createElement("a");return i.setAttribute("fsid",n),i.setAttribute("fsName",r),i.setAttribute("ghost","true"),i.setAttribute("fscollapsable","true"),i.setAttribute("href",t),i.textContent="".concat(r),i}},{key:"createAudioElement",value:function(e){var t=e.url,n=e.fsid,r=e.fsName,i=document.createElement("audio");return i.setAttribute("src",t),i.setAttribute("controls","true"),i.setAttribute("fsid",n),i.setAttribute("fsName",r),i.setAttribute("fscollapsable","true"),this.wrapElementInTag({fsid:n,fsName:r,element:i,tagName:"p"})}},{key:"setStatus",value:function(e){var t=e.status,n=e.fsElement,r=e.fsid,i=e.removable,o=void 0!==i&&i;if(r){var a=this.statusElementMapping[r];a&&(a.remove(),delete this.statusElementMapping[r])}if(t){var u=document.createElement("label");return u.setAttribute("id",r),u.setAttribute("ghost","true"),u.setAttribute("contenteditable","false"),u.style.fontWeight="bold",u.textContent=t,o&&(u.style.userSelect="all"),u=this.insertElementNearElement(u,n),r&&(this.statusElementMapping[r]=u),u}}},{key:"insertStatusAtCursor",value:function(e){var t=Math.random().toString(36).substring(7);return this.setStatus({status:e,fsid:t,fsElement:null}),t}},{key:"removeCursorStatus",value:function(e){var t=this.options.getElementsBySelector("#".concat(e));t.length>0&&t[0].remove()}},{key:"insertElementNearElement",value:function(e,t){var n=this.options.preprocessElement(e),r="child";if(t&&"figure"==n.tagName.toLowerCase()){var i=t.closest("p");i&&(t=i,r="afterend")}return this.options.insertElement(n,t,r),n}}]),e}(),l=function(){function e(t){u(this,e),this.options=t}return s(e,[{key:"onKeyUp",value:function(e){var t=e.isEnter,n=e.isPaste,r=e.isSpace;(t||n||r)&&this.searchPatterns({searchPreviousLine:null!=t&&t})}},{key:"searchPatterns",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{searchPreviousLine:!1},n=t.searchPreviousLine?this.options.getPreviousLineText():this.options.getCurrentLineText(),r=a(this.options.patterns);try{for(r.s();!(e=r.n()).done;){var i=e.value,o=i.regex.exec(n);if(o){var u=o[0];if(u){var s=i.callback(u);this.replaceSelection(i.regex,s,t.searchPreviousLine)}}}}catch(c){r.e(c)}finally{r.f()}}},{key:"replaceSelection",value:function(e,t,n){var r,i,o;null!==(r=this.options)&&void 0!==r&&r.beforeExpand&&this.options.beforeExpand(),this.options.replaceText({regex:e,replacement:t,searchPreviousLine:n}),null!==(i=this.options)&&void 0!==i&&i.afterExpand&&(null===(o=this.options)||void 0===o||o.afterExpand())}}]),e}(),p=/(

)?\[FileSafe[^\]]*\](<\/p>)?/g,h=function(e){return e.replace(p,(function(e){return g(e)}))},v=function(e){return"[FileSafe:".concat(e.uuid,":").concat(e.content.fileName,"]")},g=function(e){var t=(e=(e=(e=e.replace("

","")).replace("

","")).replace("[","").replace("]","")).split(":"),n=t[1],r=t[2],i=t[3],o="";if(i){var a=i.split("x");o="width=".concat(a[0]," height=").concat(a[1])}return"

")};function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var y=function(){function e(t,n){u(this,e),this.delegate=t,this.options=n,m(this,"fileIdsPendingAssociation",[]),m(this,"componentRelay",void 0),m(this,"fileLoader",void 0),m(this,"textExpander",void 0),m(this,"fileSafeLoading",void 0),m(this,"fileSafeClass",void 0),m(this,"fileSafeInstance",void 0),m(this,"note",void 0),m(this,"ignoreNextTextChange",void 0),m(this,"needsFileSafeElementLoad",void 0),m(this,"previousText",void 0),this.connectToBridge(),this.options.supportsFileSafe&&(this.fileSafeLoading=this.importFileSafe())}return s(e,[{key:"connectToBridge",value:function(){var e=this,n=this.options,r=n.coallesedSaving,a=n.coallesedSavingDelay,u=n.mode,s=n.supportsFileSafe;this.componentRelay=new(t())({targetWindow:window,options:{coallesedSaving:r,coallesedSavingDelay:a},onReady:function(){var t=e.componentRelay.platform;t&&document.documentElement.classList.add(t)},onThemesChange:this.delegate.onThemesChange}),this.componentRelay.streamContextItem(function(){var t=o(i().mark((function t(n){var r,o,a,c,l,f,d,p,v,g;return i().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=!0,e.note&&e.note.uuid==n.uuid&&(r=!1),o=e.note,s?(a=e.fileSafeClass.getSFItemClass(),e.note=new a(n),e.fileSafeInstance.setCurrentNote(e.note)):e.note=n,!n.isMetadataUpdate){t.next=6;break}return t.abrupt("return");case 6:if(c=n.content.text,"html"===u&&r&&(/<[a-z][\s\S]*>/i.test(c)||(e.ignoreNextTextChange=!0)),e.previousText=c,s&&(e.needsFileSafeElementLoad=!0,c=h(c)),t.t0=e.delegate.onNoteValueChange,!t.t0){t.next=14;break}return t.next=14,e.delegate.onNoteValueChange(n);case 14:if(e.delegate.setEditorRawText(c),!e.delegate.onNoteLockToggle){t.next=18;break}d=null!==(l=e.componentRelay.getItemAppDataValue(o,"locked"))&&void 0!==l&&l,p=null!==(f=e.componentRelay.getItemAppDataValue(e.note,"locked"))&&void 0!==f&&f,d!==p&&e.delegate.onNoteLockToggle(p);case 18:r&&(null===(v=(g=e.delegate).clearUndoHistory)||void 0===v||v.call(g));case 19:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())}},{key:"importFileSafe",value:function(){var e=o(i().mark((function e(){var t=this;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.abrupt("return",Promise.resolve().then(f.t.bind(f,695,23)).then((function(e){return t.fileSafeClass=e.default,t.configureFileSafe(),t.fileSafeInstance})));case 4:e.prev=4,e.t0=e.catch(0),console.warn("[EditorKit] Could not import filesafe-js");case 7:case"end":return e.stop()}}),e,null,[[0,4]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"configureFileSafe",value:function(){for(var e=this,t=0,n=["getCurrentLineText","getPreviousLineText","replaceText","getElementsBySelector","insertElement","preprocessElement","insertRawText"];t0){var n,r=!1,i=a(e.fileIdsPendingAssociation.slice());try{var o=function(){var i=n.value,o=t.find((function(e){return e.uuid==i}));if(!o)return"continue";r=!0,e.fileIdsPendingAssociation.splice(e.fileIdsPendingAssociation.indexOf(i),1);var a=v(o);e.delegate.insertRawText(a)};for(i.s();!(n=i.n()).done;)o()}catch(u){i.e(u)}finally{i.f()}r&&e.textExpander.searchPatterns()}t.length>0&&e.fileLoader.loadFileSafeElements()})),this.fileSafeInstance.addNewFileDescriptorHandler((function(t){e.fileIdsPendingAssociation.push(t.uuid)})),this.fileLoader=new c({fileSafeInstance:this.fileSafeInstance,getElementsBySelector:this.delegate.getElementsBySelector,insertElement:this.delegate.insertElement,preprocessElement:this.delegate.preprocessElement}),this.textExpander=new l({afterExpand:function(){return e.fileLoader.loadFileSafeElements()},getCurrentLineText:this.delegate.getCurrentLineText,getPreviousLineText:this.delegate.getPreviousLineText,replaceText:this.delegate.replaceText,patterns:[{regex:p,callback:function(e){return h(e)}}]})}},{key:"getFileSafe",value:function(){var e=o(i().mark((function e(){return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",!this.fileSafeInstance&&this.fileSafeLoading?this.fileSafeLoading:this.importFileSafe());case 1:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()},{key:"onEditorKeyUp",value:function(e){var t=e.isSpace,n=e.isEnter;this.textExpander.onKeyUp({isSpace:t,isEnter:n})}},{key:"onEditorPaste",value:function(){this.textExpander.onKeyUp({isPaste:!0})}},{key:"onEditorValueChanged",value:function(e){var t=this,n=this.options,r=n.mode,i=n.supportsFileSafe;if(this.needsFileSafeElementLoad&&(this.needsFileSafeElementLoad=!1,this.fileLoader.loadFileSafeElements()),this.ignoreNextTextChange)this.ignoreNextTextChange=!1;else if((!i||(e=function(e){var t,n=(new DOMParser).parseFromString(e,"text/html"),r=n.querySelectorAll("*[fscollapsable]"),i=a(r);try{for(i.s();!(t=i.n()).done;){var o=t.value,u=o.getAttribute("fsid"),s=o.getAttribute("fsname"),c=o.getAttribute("width"),l=o.getAttribute("height"),f=["FileSafe",u,s];if(c&&l){var d="".concat(c,"x").concat(l);f.push(d)}var p="

[".concat(f.join(":"),"]

");o.insertAdjacentHTML("afterend",p),o.remove()}}catch(h){i.e(h)}finally{i.f()}return n.querySelectorAll("*[ghost]").forEach((function(e){return e.remove()})),n.body.innerHTML}(e),this.previousText!=e))&&(this.previousText=e,this.note)){var o=this.note;this.componentRelay.saveItemWithPresave(o,(function(){if(o.content.text=e,t.delegate.generateCustomPreview){var n,i=t.delegate.generateCustomPreview(e);o.content.preview_plain=null!==(n=i.plain)&&void 0!==n?n:" ",o.content.preview_html=i.html}else{if("html"===r){var a=e.replace(p,(function(e){return""}));a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:90;return e.length<=t?e:e.substring(0,t)+"..."}(function(e){var t=document.implementation.createHTMLDocument().body;return t.innerHTML=e,t.textContent||t.innerText||""}(a)),o.content.preview_plain=a.length>0?a:" "}else o.content.preview_plain=e;o.content.preview_html=null}}))}}},{key:"canUploadFiles",value:function(){var e=this.fileSafeInstance.getAllCredentials(),t=this.fileSafeInstance.getAllIntegrations();return e.length>0&&t.length>0}},{key:"uploadJSFileObject",value:function(){var e=o(i().mark((function e(t){var n,r=this;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=this.fileLoader.insertStatusAtCursor("Processing file..."),e.abrupt("return",this.fileSafeInstance.encryptAndUploadJavaScriptFileObject(t).then((function(){r.fileLoader.removeCursorStatus(n)})));case 2:case"end":return e.stop()}}),e,this)})));function t(t){return e.apply(this,arguments)}return t}()},{key:"saveItemWithPresave",value:function(e,t){this.componentRelay.saveItemWithPresave(e,t)}},{key:"platform",get:function(){return this.componentRelay.platform}},{key:"environment",get:function(){return this.componentRelay.environment}},{key:"canUseFileSafe",value:function(){return this.fileSafeInstance.hasLegacyAccess()}},{key:"getComponentDataValueForKey",value:function(e){return this.componentRelay.getComponentDataValueForKey(e)}},{key:"setComponentDataValueForKey",value:function(e,t){this.componentRelay.setComponentDataValueForKey(e,t)}},{key:"isRunningInMobileApplication",value:function(){return this.componentRelay.isRunningInMobileApplication()}}]),e}()}(),d.default}())},243:function(e,t,n){"use strict";var r=n(618).default,i=n(88).default,o=n(0).default,a=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{s(r.next(e))}catch(t){o(t)}}function u(e){try{s(r.throw(e))}catch(t){o(t)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,u)}s((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.isSameDay=t.assertUnreachable=t.sleep=t.truncateHexString=t.hasGetter=t.isValidUrl=t.deepFreeze=t.pickByCopy=t.deepMerge=t.Copy=t.joinPaths=t.omitByCopy=t.omitInPlace=t.withoutLastElement=t.jsonParseEmbeddedKeys=t.topLevelCompare=t.dateSorted=t.omitUndefinedCopy=t.sortByKey=t.sortedCopy=t.objectToValueArray=t.arrayByRemovingFromIndex=t.addAtIndex=t.removeFromIndex=t.compareValues=t.arrayByDifference=t.filterFromArray=t.addIfUnique=t.removeFromArray=t.subtractFromArray=t.extendArray=t.lastElement=t.uniqueArrayByKey=t.uniqueArray=t.uniqCombineObjArrays=t.greaterOfTwoDates=t.isString=t.isEmpty=t.isNotUndefined=t.isNullOrUndefined=t.isFunction=t.isObject=t.sureSearchArray=t.searchArray=t.findInArray=t.isReactNativeEnvironment=t.isWebCryptoAvailable=t.isWebEnvironment=t.dictToArray=t.getGlobalScope=void 0,t.useBoolean=t.assert=t.log=t.secondHalfOfString=t.firstHalfOfString=t.splitString=t.nonSecureRandomIdentifier=t.dateToLocalizedString=t.sanitizeHtmlString=t.convertTimestampToMilliseconds=t.arraysEqual=t.naturalSort=void 0;var u=n(342),s=n(709),c="undefined"!==typeof Intl?new Intl.Collator("en",{numeric:!0}):void 0;function l(){return"undefined"!==typeof window?window:"undefined"!==typeof n.g?n.g:null}function f(){return null!==l()}function d(){return"undefined"!==typeof navigator&&"ReactNative"===navigator.product}function p(e,t){return(0,s.find)(e,t)}function h(e){return null!==e&&("function"===typeof e||"object"===typeof e)}function v(e){return null===e||void 0===e}function g(e,t){var n=e.indexOf(t);-1!==n&&e.splice(n,1)}function m(e,t){e.splice(t,1)}t.getGlobalScope=l,t.dictToArray=function(e){return Object.values(e)},t.isWebEnvironment=f,t.isWebCryptoAvailable=function(){return f()&&!d()&&!(document&&document.documentMode)||/Edge/.test(navigator.userAgent)&&window.crypto&&!!window.crypto.subtle},t.isReactNativeEnvironment=d,t.findInArray=function(e,t,n){return e.find((function(e){return e[t]===n}))},t.searchArray=p,t.sureSearchArray=function(e,t){return p(e,t)},t.isObject=h,t.isFunction=function(e){return null!==e&&"function"===typeof e},t.isNullOrUndefined=v,t.isNotUndefined=function(e){return void 0!=e},t.isEmpty=function(e){return!e||0===e.length},t.isString=function(e){return"string"===typeof e||e instanceof String},t.greaterOfTwoDates=function(e,t){return e>t?e:t},t.uniqCombineObjArrays=function(e,t,n){return(0,s.uniqWith)(e.concat(t),(function(e,t){var r,i=o(n);try{for(i.s();!(r=i.n()).done;){var a=r.value;if(e[a]!==t[a])return!1}}catch(u){i.e(u)}finally{i.f()}return!0}))},t.uniqueArray=function(e){return(0,s.uniq)(e)},t.uniqueArrayByKey=function(e,t){return(0,s.uniqWith)(e,(function(e,n){return e[t]===n[t]}))},t.lastElement=function(e){return e[e.length-1]},t.extendArray=function(e,t){var n,r=o(t);try{for(r.s();!(n=r.n()).done;){var i=n.value;e.push(i)}}catch(a){r.e(a)}finally{r.f()}},t.subtractFromArray=function(e,t){var n,r=o(t);try{for(r.s();!(n=r.n()).done;){g(e,n.value)}}catch(i){r.e(i)}finally{r.f()}},t.removeFromArray=g,t.addIfUnique=function(e,t){return!e.includes(t)&&(e.push(t),!0)},t.filterFromArray=function(e,t){(0,s.remove)(e,t)},t.arrayByDifference=function(e,t){return e.filter((function(e){return!t.includes(e)})).concat(t.filter((function(t){return!e.includes(t)})))},t.compareValues=function(e,t){return!(e&&!t||!e&&t)&&(e instanceof Date&&t instanceof Date?e.getTime()===t.getTime():e instanceof String&&t instanceof String?e===t:y(e,t))},t.removeFromIndex=m,t.addAtIndex=function(e,t,n){e.splice(n,0,t)},t.arrayByRemovingFromIndex=function(e,t){var n=e.slice();return m(n,t),n},t.objectToValueArray=function(e){for(var t=[],n=0,r=Object.keys(e);ni?1:0})),n},t.omitUndefinedCopy=function(e){for(var t={},n=0,r=Object.keys(e);n2&&void 0!==arguments[2])||arguments[2];return e.sort((function(e,r){var i=e[t].getTime(),o=r[t].getTime(),a=n?1:-1;return io?1*a:0}))},t.topLevelCompare=y,t.jsonParseEmbeddedKeys=function(e){for(var t={},n=0,r=Object.keys(e);n1&&void 0!==arguments[1])||arguments[1];return a(this,void 0,void 0,r().mark((function n(){return r().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t&&console.warn("Sleeping for ".concat(e,"ms")),n.abrupt("return",new Promise((function(t){setTimeout((function(){t()}),e)})));case 2:case"end":return n.stop()}}),n)})))},t.assertUnreachable=function(e){throw Error("Unchecked case "+e)},t.isSameDay=function(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()},t.naturalSort=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"asc";switch(n){case"asc":return i(e).sort(c?function(e,n){return c.compare(e[t],n[t])}:function(e,n){return e[t].localeCompare(n[t],"en",{numeric:!0})});case"desc":return i(e).sort(c?function(e,n){return c.compare(n[t],e[t])}:function(e,n){return n[t].localeCompare(e[t],"en",{numeric:!0})})}},t.arraysEqual=function(e,t){return e.length===t.length&&(e.every((function(e){return t.includes(e)}))&&t.every((function(t){return e.includes(t)})))};var w,x;!function(e){e[e.Seconds=10]="Seconds",e[e.Milliseconds=13]="Milliseconds",e[e.Microseconds=16]="Microseconds"}(w||(w={})),t.convertTimestampToMilliseconds=function(e){switch(String(e).length){case w.Seconds:return 1e3*e;case w.Milliseconds:return e;case w.Microseconds:return Math.floor(e/1e3);default:throw"Unhandled timestamp precision: ".concat(e)}},t.sanitizeHtmlString=function(e){return u.sanitize(e)},t.dateToLocalizedString=function(e){if("undefined"!==typeof Intl&&Intl.DateTimeFormat&&"undefined"!==typeof navigator){if(!x){var t=navigator.languages&&navigator.languages.length?navigator.languages[0]:navigator.language;x=new Intl.DateTimeFormat(t,{year:"numeric",month:"short",day:"2-digit",weekday:"long",hour:"2-digit",minute:"2-digit"})}return x.format(e)}return e.toDateString()+" "+e.toLocaleTimeString()},t.nonSecureRandomIdentifier=function(){return"".concat(100*Math.random()).replace(".","")},t.splitString=function(e,t){for(var n=e.length/t,r=[],i=0;i2?n-2:0),o=2;oe.length)&&(t=e.length);for(var n=0,r=new Array(t);n1?n-1:0),i=1;i/gm),Y=g(/^data-[\-\w.\u00B7-\uFFFF]/),Z=g(/^aria-[\-\w]+$/),X=g(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Q=g(/^(?:\w+script|data):/i),ee=g(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),te=g(/^html$/i),ne=function(){return"undefined"===typeof window?null:window},re=function(t,n){if("object"!==e(t)||"function"!==typeof t.createPolicy)return null;var r=null,i="data-tt-policy-suffix";n.currentScript&&n.currentScript.hasAttribute(i)&&(r=n.currentScript.getAttribute(i));var o="dompurify"+(r?"#"+r:"");try{return t.createPolicy(o,{createHTML:function(e){return e}})}catch(_){return console.warn("TrustedTypes policy "+o+" could not be created."),null}};function ie(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ne(),n=function(e){return ie(e)};if(n.version="2.3.8",n.removed=[],!t||!t.document||9!==t.document.nodeType)return n.isSupported=!1,n;var r=t.document,o=t.document,a=t.DocumentFragment,u=t.HTMLTemplateElement,s=t.Node,c=t.Element,l=t.NodeFilter,f=t.NamedNodeMap,d=void 0===f?t.NamedNodeMap||t.MozNamedAttrMap:f,p=t.HTMLFormElement,h=t.DOMParser,g=t.trustedTypes,m=c.prototype,y=L(m,"cloneNode"),b=L(m,"nextSibling"),w=L(m,"childNodes"),T=L(m,"parentNode");if("function"===typeof u){var M=o.createElement("template");M.content&&M.content.ownerDocument&&(o=M.content.ownerDocument)}var oe=re(g,r),ae=oe?oe.createHTML(""):"",ue=o,se=ue.implementation,ce=ue.createNodeIterator,le=ue.createDocumentFragment,fe=ue.getElementsByTagName,de=r.importNode,pe={};try{pe=R(o).documentMode?o.documentMode:{}}catch(_){}var he={};n.isSupported="function"===typeof T&&se&&"undefined"!==typeof se.createHTMLDocument&&9!==pe;var ve,ge,me=$,ye=J,be=Y,we=Z,xe=Q,ke=ee,Se=X,_e=null,Ee=N({},[].concat(i(j),i(F),i(B),i(z),i(W))),Ce=null,Ie=N({},[].concat(i(V),i(G),i(K),i(q))),Oe=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Ae=null,De=null,Pe=!0,Te=!0,Me=!1,Ne=!1,Re=!1,Le=!1,je=!1,Fe=!1,Be=!1,Ue=!1,ze=!0,He=!0,We=!1,Ve={},Ge=null,Ke=N({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),qe=null,$e=N({},["audio","video","img","source","image","track"]),Je=null,Ye=N({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Ze="http://www.w3.org/1998/Math/MathML",Xe="http://www.w3.org/2000/svg",Qe="http://www.w3.org/1999/xhtml",et=Qe,tt=!1,nt=["application/xhtml+xml","text/html"],rt="text/html",it=null,ot=o.createElement("form"),at=function(e){return e instanceof RegExp||e instanceof Function},ut=function(t){it&&it===t||(t&&"object"===e(t)||(t={}),t=R(t),_e="ALLOWED_TAGS"in t?N({},t.ALLOWED_TAGS):Ee,Ce="ALLOWED_ATTR"in t?N({},t.ALLOWED_ATTR):Ie,Je="ADD_URI_SAFE_ATTR"in t?N(R(Ye),t.ADD_URI_SAFE_ATTR):Ye,qe="ADD_DATA_URI_TAGS"in t?N(R($e),t.ADD_DATA_URI_TAGS):$e,Ge="FORBID_CONTENTS"in t?N({},t.FORBID_CONTENTS):Ke,Ae="FORBID_TAGS"in t?N({},t.FORBID_TAGS):{},De="FORBID_ATTR"in t?N({},t.FORBID_ATTR):{},Ve="USE_PROFILES"in t&&t.USE_PROFILES,Pe=!1!==t.ALLOW_ARIA_ATTR,Te=!1!==t.ALLOW_DATA_ATTR,Me=t.ALLOW_UNKNOWN_PROTOCOLS||!1,Ne=t.SAFE_FOR_TEMPLATES||!1,Re=t.WHOLE_DOCUMENT||!1,Fe=t.RETURN_DOM||!1,Be=t.RETURN_DOM_FRAGMENT||!1,Ue=t.RETURN_TRUSTED_TYPE||!1,je=t.FORCE_BODY||!1,ze=!1!==t.SANITIZE_DOM,He=!1!==t.KEEP_CONTENT,We=t.IN_PLACE||!1,Se=t.ALLOWED_URI_REGEXP||Se,et=t.NAMESPACE||Qe,t.CUSTOM_ELEMENT_HANDLING&&at(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Oe.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&at(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Oe.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"===typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Oe.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),ve=ve=-1===nt.indexOf(t.PARSER_MEDIA_TYPE)?rt:t.PARSER_MEDIA_TYPE,ge="application/xhtml+xml"===ve?function(e){return e}:E,Ne&&(Te=!1),Be&&(Fe=!0),Ve&&(_e=N({},i(W)),Ce=[],!0===Ve.html&&(N(_e,j),N(Ce,V)),!0===Ve.svg&&(N(_e,F),N(Ce,G),N(Ce,q)),!0===Ve.svgFilters&&(N(_e,B),N(Ce,G),N(Ce,q)),!0===Ve.mathMl&&(N(_e,z),N(Ce,K),N(Ce,q))),t.ADD_TAGS&&(_e===Ee&&(_e=R(_e)),N(_e,t.ADD_TAGS)),t.ADD_ATTR&&(Ce===Ie&&(Ce=R(Ce)),N(Ce,t.ADD_ATTR)),t.ADD_URI_SAFE_ATTR&&N(Je,t.ADD_URI_SAFE_ATTR),t.FORBID_CONTENTS&&(Ge===Ke&&(Ge=R(Ge)),N(Ge,t.FORBID_CONTENTS)),He&&(_e["#text"]=!0),Re&&N(_e,["html","head","body"]),_e.table&&(N(_e,["tbody"]),delete Ae.tbody),v&&v(t),it=t)},st=N({},["mi","mo","mn","ms","mtext"]),ct=N({},["foreignobject","desc","title","annotation-xml"]),lt=N({},["title","style","font","a","script"]),ft=N({},F);N(ft,B),N(ft,U);var dt=N({},z);N(dt,H);var pt=function(e){var t=T(e);t&&t.tagName||(t={namespaceURI:Qe,tagName:"template"});var n=E(e.tagName),r=E(t.tagName);return e.namespaceURI===Xe?t.namespaceURI===Qe?"svg"===n:t.namespaceURI===Ze?"svg"===n&&("annotation-xml"===r||st[r]):Boolean(ft[n]):e.namespaceURI===Ze?t.namespaceURI===Qe?"math"===n:t.namespaceURI===Xe?"math"===n&&ct[r]:Boolean(dt[n]):e.namespaceURI===Qe&&!(t.namespaceURI===Xe&&!ct[r])&&!(t.namespaceURI===Ze&&!st[r])&&!dt[n]&&(lt[n]||!ft[n])},ht=function(e){S(n.removed,{element:e});try{e.parentNode.removeChild(e)}catch(_){try{e.outerHTML=ae}catch(_){e.remove()}}},vt=function(e,t){try{S(n.removed,{attribute:t.getAttributeNode(e),from:t})}catch(_){S(n.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!Ce[e])if(Fe||Be)try{ht(t)}catch(_){}else try{t.setAttribute(e,"")}catch(_){}},gt=function(e){var t,n;if(je)e=""+e;else{var r=C(e,/^[\r\n\t ]+/);n=r&&r[0]}"application/xhtml+xml"===ve&&(e=''+e+"");var i=oe?oe.createHTML(e):e;if(et===Qe)try{t=(new h).parseFromString(i,ve)}catch(_){}if(!t||!t.documentElement){t=se.createDocument(et,"template",null);try{t.documentElement.innerHTML=tt?"":i}catch(_){}}var a=t.body||t.documentElement;return e&&n&&a.insertBefore(o.createTextNode(n),a.childNodes[0]||null),et===Qe?fe.call(t,Re?"html":"body")[0]:Re?t.documentElement:a},mt=function(e){return ce.call(e.ownerDocument||e,e,l.SHOW_ELEMENT|l.SHOW_COMMENT|l.SHOW_TEXT,null,!1)},yt=function(e){return e instanceof p&&("string"!==typeof e.nodeName||"string"!==typeof e.textContent||"function"!==typeof e.removeChild||!(e.attributes instanceof d)||"function"!==typeof e.removeAttribute||"function"!==typeof e.setAttribute||"string"!==typeof e.namespaceURI||"function"!==typeof e.insertBefore)},bt=function(t){return"object"===e(s)?t instanceof s:t&&"object"===e(t)&&"number"===typeof t.nodeType&&"string"===typeof t.nodeName},wt=function(e,t,r){he[e]&&x(he[e],(function(e){e.call(n,t,r,it)}))},xt=function(e){var t;if(wt("beforeSanitizeElements",e,null),yt(e))return ht(e),!0;if(D(/[\u0080-\uFFFF]/,e.nodeName))return ht(e),!0;var r=ge(e.nodeName);if(wt("uponSanitizeElement",e,{tagName:r,allowedTags:_e}),e.hasChildNodes()&&!bt(e.firstElementChild)&&(!bt(e.content)||!bt(e.content.firstElementChild))&&D(/<[/\w]/g,e.innerHTML)&&D(/<[/\w]/g,e.textContent))return ht(e),!0;if("select"===r&&D(/