npm - @standardnotes/markdown-visual - Versions diffs - 1.0.7 → 1.3.0 - Mend

@standardnotes/markdown-visual 1.0.7 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/build/static/css/main.904cd38b.css.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/css/main.904cd38b.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,+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,oBACA,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,+DACA,+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,2CAGF,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,+DACA,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,uDAGE,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,uDAGE,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,uDAGE,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,uDAGE,+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,uDAGE,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,uDAGE,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,uDAGE,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,uDAGE,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,uDAGE,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,yCAIA,uCACA,gCAIA,gDACA,mCAIA,gDACA,kCAIA,gDACA,mCAIA,gDACA,2BAGF,GACE,qDACE,IAEF,uDACE,EARF,kBAGF,GACE,qDACE,IAEF,uDACE,4BAWF,kBACA,CAJA,wBACA,CADA,6DACA,CAGA,wBACA,CADA,yDACA,CAJA,aACA,CADA,kDACA,CANF,YACE,CACA,eACA,CAGA,6BACA,CAJA,gBACA,CAKA,+DARA,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,+BAGF,GACE,SACE,gEACA,IAEF,SACE,wDACA,EAVF,sBAGF,GACE,SACE,gEACA,IAEF,SACE,wDACA,4GAIJ,mEACE,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,iCACE,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,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,qHAGF,mBACE,sBAGF,aACE,6FAGF,YACE,yBAGF,qBACE,yBAGF,kBACE,0BAGF,WACE,4BAGF,aACE,0BAGF,cACE,qBAGF,YACE,8LAGF,kBACE,4BAGF,sBACE,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,6DACE,8BAGF,aACE,gCAGF,eACE,gCAGF,eACE,kCAGF,sBACE,8BAGF,mBACE,CAIA,oJAGF,uDACE,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,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,uBAGF,cACE,oBAGF,WACE,uBAGF,eACE,oBAGF,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,kBACE,kDAMA,SACA,oBAGF,aACE,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,gFAGF,UACE,uBAGF,UACE,sDAGF,WACE,4BAGF,sBACE,4CACA,oBAGF,OACE,oBAGF,WACE,uBAGF,aACE,oBAGF,UACE,oBAGF,aACE,kDAGF,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,yBAGF,cACE,yBAGF,eACE,yBAGF,iBACE,yBAGF,kBACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,0BAGF,kBACE,4BAGF,eACE,6BAGF,wBACE,yBAGF,mCACE,sCAGF,8BACE,qCAGF,mHACE,8PAGF,cACE,8EAGF,KACE,+EAGF,MACE,wBAGF,WACE,yBAGF,cACE,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,yBAGF,8DACE,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,sBACA,CAEA,YACA,CAHA,gBACA,CALA,iBAQA,2CAGF,4BACE,0CACA,sCAGF,YACE,2BAKA,gBAFF,QACE,UAEA,iCAGF,eACE,aACA,6BAGF,aACE,SACA,qBACA,CACA,+DADA,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,8DACA,iDAGF,UACE,4BAIA,aACA,gBAFF,iBAGE,kCAGF,aACE,CAIA,mBAJA,QACA,qBACA,CACA,wBACA,CADA,oBACA,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,EChgIJ,WAIE,mBAHA,2BACA,kBACA,gBAEA,qKAIA,iBAaA,oCAIA,6BACA,CAjBA,0BAiBA,YAGA,mBAHA,mCAEA,kBACA,wMAOA,0CAlBA,gBACA,mCACA,kCACA,mCAFA,cAHA,oBAEA,CALA,eADA,kBAFA,eAEA,CAEA,qBACA,CAFA,aACA,CACA,mBACA,CAEA,kBAoCA,CAlBA,yBAeA,oCAEA,6BACA,CAjBA,mCAiBA,8BAEF,CAFE,mEAEF,iLAQE,uBAeA,kEAbA,gCAaA,YAGA,kBACA,CAJA,gCAEF,kBACE,iBACA,iLAUA,6CAtBA,iBAIA,kCACA,kCAEA,kCACA,CALF,aACE,CAJA,qBAFA,eADA,iBACA,CADA,gBAEA,sBADA,aACA,oBACA,mBAoCA,CAdA,sBAWA,qCAEF,4BACE,CAdA,gCAcA,YAGA,kBAEA,CALA,mCACA,kBACA,gBACA,CAEA,uLAQA,0BACA,6NADA,mCACA,6HC1HF,WAAW,qBAAqB,CAAC,iBAAiB,CAAC,eAAe,CAAC,iQAAnE,ouwBCAA,6CAME,iBAEA,mBADA,cAEA,kCACA,cAOA,qBAEA,iBACA,aATA,kBAIA,WAbA,gBACA,gBAEA,kBADA,mBAgBA,CAWF,wIAIE,mBACA,cAGF,iCAEE,mBACA,aAFA,kBAEA,CAGF,sBAGE,cAFA,cAGA,mBAFA,iBAEA,CAGF,2DAGE,cAGF,8BACE,WAGF,cACE,cAGF,iBACE,cAOF,mCACE,cAGF,eACE,cAeF,qDACE,cAGF,kBACE,cAGF,eACE,cAGF,gBACE,cAGF,eACE,cAGF,eACE,cAGF,cACE,cAGF,gBACE,cAGF,eACE,cAQF,2BACE,cACA,gBAGF,gBACE,cAGF,eACE,cAGF,cACE,cAGF,gBACE,cAGF,cACE,cAGF,gBACE,cAOF,0CACE,cAGF,mBACE,cAGF,aACE,cAGF,gBACE,cAGF,cACE,cAGF,cACE,cAGF,WACE,cAGF,YACE,cAOF,2BACE,cCxMF,MACE,2GAIF,UAEE,6BACA,qDAEA,8CACA,YACA,SACA,UACA,WAGF,YARE,8CAWA,CAHF,EAEE,yCACA,CAGF,MACE,YAGF,cACE,aACA,sBACA,8CACA,iBACA,oCALF,cAMI,mCAIJ,WACE,QAIA,CC9CA,0CD4CA,aADA,YAGA,YADA,UCjCE,CAZF,+BAYE,sBAHA,sBAFA,2BANA,cAIA,gBAFA,eAQA,UADA,iBAEA,CAEA,mCACE,YAGF,sDAGE,YADA,cADA,iBAEA,CAEA,qEAWE,kCACA,8DAFA,YAGA,6CARA,sBAEA,aACA,iBALA,OAMA,gBAKA,kBAVA,QAHA,MAKA,WAJA,SAYA,CAEA,6EACE,+DACA,uCAEA,gBAGF,oFACE,4DACA,0DAGF,8EACE,2DAIJ,gEAIE,+DADA,0BAEA,2DAHA,YADA,eAKA,cAEA,yFACE,0DACA,6BAGF,+FACE,0DAGF,uEACE,wBACA,uBAGF,wEAKE,yBADA,oCACA,CAEA,0EAEE,gCADA,sBACA,CAGF,sFACE,2BAGF,sFACE,2BAGF,sFACE,2BAGF,sFACE,2BAGF,sFACE,yBAGF,oFACE,wDAGF,wFACE,4JAMF,+FACE,wBAGF,4FACE,6CAEA,+FAIE,4BADA,4DADA,8DADA,+CAGA,CAGF,+FAGE,mBADA,8DADA,6CAEA,CAIJ,8OAGE,wEAKF,mGACE,0CAGF,qFAEE,qDADA,yCACA,CAIJ,gFACE,wEAGA,uDAKE,gNACE,wDAKN,uFAKE,wDAGF,gKAPE,wEAGA,sDAQA,CAEA,+EACE,wDAGF,sGAEE,kBADA,iBACA,CAIJ,+EACE,wEAGA,uDAEA,sFACE,iDAGF,qFACE,wDAGF,gHACE,iDADF,2GACE,iDADF,kGACE,iDCvNZ,iCAEI,gBADF,eAEE,6DAMI,gCACA,CAJF,qEACE,2DACA,8CACA,CACA,2DACA,0CAEA,4DAPF,2DAQI,0EAGF,gEACE,6EAGF,gDACE,WACA,wEAGF,oDACE,yEAGF,8DACE,CACA,uDADA,0DAEA,iEAGF,6CACE,qFAGF,kDACE,4EAGF,iFACE,kFAKF,uEACE,CCnDV,sBACE,iDAGF,sBACE,mBACA,gBAEA,8BACE,SAGF,mCACE,eAGF,mCACE,cAGF,iCACE,WAGF,8CACE,cAIJ,oBACE,sBACA,gBAIA,8BACE,YAGF,8BACE,WAGF,+BACE,SAXiB,CAcnB,yCACE","sources":["../node_modules/sn-stylekit/dist/stylekit.css","../node_modules/material-icons/iconfont/material-icons.css","../node_modules/katex/dist/katex.min.css","stylesheets/prism/material-light.css","stylesheets/main.scss","components/Milkdown/styles.scss","components/CodeMirror/styles.scss","components/SplitView/styles.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-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@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.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-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 .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-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-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 .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-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 {\n height: 0.875rem;\n}\n\n.sn-component .h-4 {\n height: 1rem;\n}\n\n.sn-component .h-4\\.5 {\n height: 1.125rem;\n}\n\n.sn-component .h-5 {\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-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 .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 .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 {\n width: 0.875rem;\n}\n\n.sn-component .w-4 {\n width: 1rem;\n}\n\n.sn-component .w-5 {\n width: 1.25rem;\n}\n\n.sn-component .w-8, .sn-component .sn-icon-button {\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-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 .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-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 .-top-10 {\n top: -2.5rem;\n}\n\n.sn-component .-left-51 {\n left: -12.75rem;\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 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","@font-face {\n font-family: \"Material Icons\";\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"./material-icons.woff2\") format(\"woff2\"), url(\"./material-icons.woff\") format(\"woff\");\n}\n.material-icons {\n font-family: \"Material Icons\";\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-feature-settings: \"liga\";\n}\n\n@font-face {\n font-family: \"Material Icons Outlined\";\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"./material-icons-outlined.woff2\") format(\"woff2\"), url(\"./material-icons-outlined.woff\") format(\"woff\");\n}\n.material-icons-outlined {\n font-family: \"Material Icons Outlined\";\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-feature-settings: \"liga\";\n}\n\n@font-face {\n font-family: \"Material Icons Round\";\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"./material-icons-round.woff2\") format(\"woff2\"), url(\"./material-icons-round.woff\") format(\"woff\");\n}\n.material-icons-round {\n font-family: \"Material Icons Round\";\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-feature-settings: \"liga\";\n}\n\n@font-face {\n font-family: \"Material Icons Sharp\";\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"./material-icons-sharp.woff2\") format(\"woff2\"), url(\"./material-icons-sharp.woff\") format(\"woff\");\n}\n.material-icons-sharp {\n font-family: \"Material Icons Sharp\";\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-feature-settings: \"liga\";\n}\n\n@font-face {\n font-family: \"Material Icons Two Tone\";\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"./material-icons-two-tone.woff2\") format(\"woff2\"), url(\"./material-icons-two-tone.woff\") format(\"woff\");\n}\n.material-icons-two-tone {\n font-family: \"Material Icons Two Tone\";\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-feature-settings: \"liga\";\n}\n","@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(fonts/KaTeX_AMS-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_AMS-Regular.woff) format(\"woff\"),url(fonts/KaTeX_AMS-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Caligraphic-Bold.woff2) format(\"woff2\"),url(fonts/KaTeX_Caligraphic-Bold.woff) format(\"woff\"),url(fonts/KaTeX_Caligraphic-Bold.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Caligraphic-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_Caligraphic-Regular.woff) format(\"woff\"),url(fonts/KaTeX_Caligraphic-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Fraktur-Bold.woff2) format(\"woff2\"),url(fonts/KaTeX_Fraktur-Bold.woff) format(\"woff\"),url(fonts/KaTeX_Fraktur-Bold.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Fraktur-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_Fraktur-Regular.woff) format(\"woff\"),url(fonts/KaTeX_Fraktur-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Main-Bold.woff2) format(\"woff2\"),url(fonts/KaTeX_Main-Bold.woff) format(\"woff\"),url(fonts/KaTeX_Main-Bold.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Main-BoldItalic.woff2) format(\"woff2\"),url(fonts/KaTeX_Main-BoldItalic.woff) format(\"woff\"),url(fonts/KaTeX_Main-BoldItalic.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Main-Italic.woff2) format(\"woff2\"),url(fonts/KaTeX_Main-Italic.woff) format(\"woff\"),url(fonts/KaTeX_Main-Italic.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Main-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_Main-Regular.woff) format(\"woff\"),url(fonts/KaTeX_Main-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Math-BoldItalic.woff2) format(\"woff2\"),url(fonts/KaTeX_Math-BoldItalic.woff) format(\"woff\"),url(fonts/KaTeX_Math-BoldItalic.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Math-Italic.woff2) format(\"woff2\"),url(fonts/KaTeX_Math-Italic.woff) format(\"woff\"),url(fonts/KaTeX_Math-Italic.ttf) format(\"truetype\")}@font-face{font-family:\"KaTeX_SansSerif\";font-style:normal;font-weight:700;src:url(fonts/KaTeX_SansSerif-Bold.woff2) format(\"woff2\"),url(fonts/KaTeX_SansSerif-Bold.woff) format(\"woff\"),url(fonts/KaTeX_SansSerif-Bold.ttf) format(\"truetype\")}@font-face{font-family:\"KaTeX_SansSerif\";font-style:italic;font-weight:400;src:url(fonts/KaTeX_SansSerif-Italic.woff2) format(\"woff2\"),url(fonts/KaTeX_SansSerif-Italic.woff) format(\"woff\"),url(fonts/KaTeX_SansSerif-Italic.ttf) format(\"truetype\")}@font-face{font-family:\"KaTeX_SansSerif\";font-style:normal;font-weight:400;src:url(fonts/KaTeX_SansSerif-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_SansSerif-Regular.woff) format(\"woff\"),url(fonts/KaTeX_SansSerif-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Script-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_Script-Regular.woff) format(\"woff\"),url(fonts/KaTeX_Script-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size1-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_Size1-Regular.woff) format(\"woff\"),url(fonts/KaTeX_Size1-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size2-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_Size2-Regular.woff) format(\"woff\"),url(fonts/KaTeX_Size2-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size3-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_Size3-Regular.woff) format(\"woff\"),url(fonts/KaTeX_Size3-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size4-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_Size4-Regular.woff) format(\"woff\"),url(fonts/KaTeX_Size4-Regular.ttf) format(\"truetype\")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Typewriter-Regular.woff2) format(\"woff2\"),url(fonts/KaTeX_Typewriter-Regular.woff) format(\"woff\"),url(fonts/KaTeX_Typewriter-Regular.ttf) format(\"truetype\")}.katex{text-rendering:auto;font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:\"0.15.2\"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:\"\"}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:\"(\" counter(katexEqnNo) \")\";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:\"(\" counter(mmlEqnNo) \")\";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}\n","code[class*='language-'],\npre[class*='language-'] {\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n word-wrap: normal;\n color: #90a4ae;\n background: #fafafa;\n font-family: Roboto Mono, monospace;\n font-size: 1em;\n line-height: 1.5em;\n\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n}\n\ncode[class*='language-']::-moz-selection,\npre[class*='language-']::-moz-selection,\ncode[class*='language-'] ::-moz-selection,\npre[class*='language-'] ::-moz-selection {\n background: #cceae7;\n color: #263238;\n}\n\ncode[class*='language-']::selection,\npre[class*='language-']::selection,\ncode[class*='language-'] ::selection,\npre[class*='language-'] ::selection {\n background: #cceae7;\n color: #263238;\n}\n\n:not(pre) > code[class*='language-'] {\n white-space: normal;\n border-radius: 0.2em;\n padding: 0.1em;\n}\n\npre[class*='language-'] {\n overflow: auto;\n position: relative;\n margin: 0.5em 0;\n padding: 1.25em 1em;\n}\n\n.language-css > code,\n.language-sass > code,\n.language-scss > code {\n color: #f76d47;\n}\n\n[class*='language-'] .namespace {\n opacity: 0.7;\n}\n\n.token.atrule {\n color: #7c4dff;\n}\n\n.token.attr-name {\n color: #39adb5;\n}\n\n.token.attr-value {\n color: #f6a434;\n}\n\n.token.attribute {\n color: #f6a434;\n}\n\n.token.boolean {\n color: #7c4dff;\n}\n\n.token.builtin {\n color: #39adb5;\n}\n\n.token.cdata {\n color: #39adb5;\n}\n\n.token.char {\n color: #39adb5;\n}\n\n.token.class {\n color: #39adb5;\n}\n\n.token.class-name {\n color: #6182b8;\n}\n\n.token.comment {\n color: #aabfc9;\n}\n\n.token.constant {\n color: #7c4dff;\n}\n\n.token.deleted {\n color: #e53935;\n}\n\n.token.doctype {\n color: #aabfc9;\n}\n\n.token.entity {\n color: #e53935;\n}\n\n.token.function {\n color: #7c4dff;\n}\n\n.token.hexcode {\n color: #f76d47;\n}\n\n.token.id {\n color: #7c4dff;\n font-weight: bold;\n}\n\n.token.important {\n color: #7c4dff;\n font-weight: bold;\n}\n\n.token.inserted {\n color: #39adb5;\n}\n\n.token.keyword {\n color: #7c4dff;\n}\n\n.token.number {\n color: #f76d47;\n}\n\n.token.operator {\n color: #39adb5;\n}\n\n.token.prolog {\n color: #aabfc9;\n}\n\n.token.property {\n color: #39adb5;\n}\n\n.token.pseudo-class {\n color: #f6a434;\n}\n\n.token.pseudo-element {\n color: #f6a434;\n}\n\n.token.punctuation {\n color: #39adb5;\n}\n\n.token.regex {\n color: #6182b8;\n}\n\n.token.selector {\n color: #e53935;\n}\n\n.token.string {\n color: #f6a434;\n}\n\n.token.symbol {\n color: #7c4dff;\n}\n\n.token.tag {\n color: #e53935;\n}\n\n.token.unit {\n color: #f76d47;\n}\n\n.token.url {\n color: #e53935;\n}\n\n.token.variable {\n color: #e53935;\n}\n","@import '~sn-stylekit/dist/stylekit.css';\n@import 'material-icons/iconfont/material-icons.css';\n@import 'katex/dist/katex.min.css';\n@import 'prism/material-light.css';\n\n:root {\n --sn-stylekit-monospace-font: SFMono-Regular, Consolas, Liberation Mono, Menlo,\n 'Ubuntu Mono', courier, monospace;\n}\n\nbody,\nhtml {\n background-color: transparent;\n background-color: var(--sn-stylekit-background-color);\n font-family: var(--sn-stylekit-sans-serif-font);\n font-size: var(--sn-stylekit-font-size-editor);\n height: 100%;\n margin: 0;\n padding: 0;\n width: 100%;\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#root {\n height: 100%;\n}\n\n.sn-component {\n display: flex;\n flex-direction: column;\n font-size: var(--sn-stylekit-font-size-editor);\n min-height: 100vh;\n @media screen and (max-width: 420px) {\n min-height: -webkit-fill-available;\n }\n}\n\n.container {\n flex: 1;\n flex-grow: 1;\n display: flex;\n width: 100%;\n height: 100%;\n}\n",".container {\n .milkdown-container {\n margin: 0 auto;\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n flex-grow: 1;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n position: relative;\n padding: 0;\n box-sizing: border-box;\n\n > div {\n height: 100%;\n }\n\n .milkdown-menu-wrapper {\n position: relative;\n overflow: auto;\n height: 100%;\n\n .milkdown-menu {\n top: 0;\n z-index: 1;\n left: 0;\n right: 0;\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n overflow-x: auto;\n border: none;\n background: rgba(var(--surface), 1);\n background-color: var(--sn-stylekit-contrast-background-color);\n border-color: var(--sn-stylekit-border-color);\n position: absolute;\n\n .button {\n background-color: var(--sn-stylekit-secondary-background-color);\n color: var(--sn-stylekit-neutral-color);\n -webkit-transition: none;\n transition: none;\n }\n\n .button.active {\n background-color: var(--sn-stylekit-neutral-color) !important;\n color: var(--sn-stylekit-neutral-contrast-color) !important;\n }\n\n .divider {\n background-color: var(--sn-stylekit-border-color) !important;\n }\n }\n\n .milkdown {\n max-width: 100%;\n height: 100%;\n box-shadow: none !important;\n background-color: var(--sn-stylekit-background-color) !important;\n color: var(--sn-stylekit-editor-foreground-color) !important;\n overflow: auto;\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--sn-stylekit-scrollbar-thumb-color);\n border: 2px solid transparent;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: var(--sn-stylekit-scrollbar-thumb-color);\n }\n\n .emoji {\n height: 1.3rem !important;\n width: 1.3rem !important;\n }\n\n .editor {\n padding-top: 4.125rem !important;\n padding-left: 1.25rem !important;\n padding-right: 1.25rem !important;\n padding-bottom: 0 !important;\n max-width: 100% !important;\n\n > * {\n margin-top: 0 !important;\n margin-bottom: 0.875rem !important;\n }\n\n h1.heading.h1 {\n font-size: 2.8rem !important;\n }\n\n h2.heading.h2 {\n font-size: 2.3rem !important;\n }\n\n h3.heading.h3 {\n font-size: 1.8rem !important;\n }\n\n h4.heading.h4 {\n font-size: 1.5rem !important;\n }\n\n h5.heading.h5 {\n font-size: 1rem !important;\n }\n\n p.paragraph {\n font-size: var(--sn-stylekit-font-size-editor) !important;\n }\n\n .strike-through {\n text-decoration-color: rgba(\n var(--sn-stylekit-editor-foreground-color),\n 0.5\n );\n }\n\n .ProseMirror-gapcursor {\n caret-color: transparent;\n }\n\n .tableWrapper table {\n border-color: var(--sn-stylekit-border-color);\n\n th {\n color: var(--sn-stylekit-neutral-contrast-color);\n border: var(--lineWidth) solid var(--sn-stylekit-border-color);\n background-color: var(--sn-stylekit-neutral-color) !important;\n background-clip: padding-box;\n }\n\n td {\n color: var(--sn-stylekit-paragraph-text-color);\n border: var(--lineWidth) solid var(--sn-stylekit-border-color);\n background: inherit;\n }\n }\n\n .image,\n .system,\n .empty {\n background-color: var(\n --sn-stylekit-secondary-contrast-background-color\n );\n }\n\n .empty .placeholder::before {\n color: var(--sn-stylekit-foreground-color);\n }\n\n .code-inline {\n color: var(--sn-stylekit-background-color);\n background-color: var(--sn-stylekit-foreground-color);\n }\n }\n\n .slash-dropdown {\n background-color: var(\n --sn-stylekit-contrast-background-color\n ) !important;\n border-color: var(--sn-stylekit-border-color) !important;\n\n .slash-dropdown-item {\n color: var(--sn-stylekit-paragraph-text-color) !important;\n\n .icon {\n color: var(--sn-stylekit-paragraph-text-color) !important;\n }\n }\n }\n\n .milkdown-emoji-filter {\n background-color: var(\n --sn-stylekit-contrast-background-color\n ) !important;\n border-color: var(--sn-stylekit-border-color) !important;\n color: var(--sn-stylekit-paragraph-text-color) !important;\n }\n\n .tooltip {\n background-color: var(\n --sn-stylekit-contrast-background-color\n ) !important;\n border-color: var(--sn-stylekit-border-color) !important;\n\n .icon {\n color: var(--sn-stylekit-paragraph-text-color) !important;\n }\n\n .icon:not(:last-child)::after {\n width: 0 !important;\n right: 0 !important;\n }\n }\n\n .tooltip-input {\n background-color: var(\n --sn-stylekit-contrast-background-color\n ) !important;\n border-color: var(--sn-stylekit-border-color) !important;\n\n button {\n color: var(--sn-stylekit-success-color) !important;\n }\n\n input {\n color: var(--sn-stylekit-paragraph-text-color) !important;\n }\n\n input::placeholder {\n color: var(--sn-stylekit-neutral-color) !important;\n }\n }\n }\n }\n }\n}\n",".container {\n .codemirror-container {\n overflow-y: auto;\n max-height: 100%;\n\n .cm-theme-light {\n .cm-editor {\n background-color: var(--sn-stylekit-editor-background-color) !important;\n color: var(--sn-stylekit-editor-foreground-color) !important;\n font-family: var(--sn-stylekit-monospace-font);\n -webkit-overflow-scrolling: touch;\n font-size: calc(var(--sn-stylekit-font-size-editor) - 0.3rem);\n\n @media only screen and (min-width: 768px) {\n font-size: calc(var(--sn-stylekit-font-size-editor) - 0.1rem);\n }\n\n .cm-content {\n caret-color: var(--sn-stylekit-editor-foreground-color) !important;\n }\n\n .cm-lineNumbers {\n color: var(--sn-stylekit-neutral-color) !important;\n opacity: 0.5;\n }\n\n .cm-cursor {\n border-color: var(--sn-stylekit-info-color) !important;\n }\n\n .cm-gutters {\n background-color: var(--sn-stylekit-background-color) !important;\n color: var(--sn-stylekit-editor-foreground-color) !important;\n border-color: var(--sn-stylekit-border-color) !important;\n }\n\n .ͼb {\n color: var(--sn-stylekit-info-color) !important;\n }\n\n .cm-selectionBackground {\n background: var(--sn-stylekit-info-color) !important;\n }\n\n .cm-activeLine {\n background-color: var(\n --sn-stylekit-secondary-contrast-background-color\n ) !important;\n }\n\n .cm-activeLineGutter {\n background-color: var(\n --sn-stylekit-contrast-background-color\n ) !important;\n }\n }\n }\n }\n}\n",".container > .separator {\n background-color: var(--sn-stylekit-border-color);\n}\n\n.container.horizontal {\n flex-direction: row;\n overflow-x: clip;\n\n .column {\n flex: 1;\n }\n\n .column.full {\n max-width: 100%;\n }\n\n .column.half {\n max-width: 50%;\n }\n\n .separator {\n width: 10px;\n }\n\n .column.half:last-child {\n max-width: 50%;\n }\n}\n\n.container.vertical {\n flex-direction: column;\n overflow-y: clip;\n\n $separator-height: 1%;\n\n .row.full {\n height: 100%;\n }\n\n .row.half {\n height: 40%;\n }\n\n .separator {\n height: $separator-height;\n }\n\n .row.half:last-child {\n height: 60% - $separator-height;\n }\n}\n"],"names":[],"sourceRoot":""}