npm - @standardnotes/community-cdn - Versions diffs - 0.6.4 → 0.6.6 - Mend

@standardnotes/community-cdn 0.6.4 → 0.6.6

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 (36) hide show

package/dist/static/com.sncommunity.advanced-checklist/build/static/css/main.2f913f0b.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/main.2f913f0b.css","mappings":"AAAA,2EACA,CAAC,KAQC,8BADF,gBAGE,MASF,QACE,MAMF,aACE,IAOF,aACE,eACA,IASF,kBACE,SAEA,iBAEA,KAQF,+BACE,cAEA,GASF,4BACE,aAOF,kBACE,0BAEA,0EAEA,UAOF,kBAEE,eAOF,+BAGE,cAEA,OAOF,aACE,SAOF,aAEE,cACA,kBACA,uBACA,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,sBACE,UAMF,aACE,8BAOF,qBAEE,UAEA,mFAOF,WAEE,eAOF,4BACE,oBAEA,0CAOF,uBACE,8BAOF,yBACE,aAEA,SASF,aACE,SAMF,iBACE,CASA,kBAMF,YACE,OAGF,sCACE,oCACA,2CACA,mCACA,sCACA,qCACA,sCACA,oCACA,sCACA,yBACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,+CACA,6BACA,6BACA,uCACA,+BACA,oCACA,0CACA,iCACA,0CACA,uCACA,4CACA,oCACA,0CACA,oCACA,0CACA,mCACA,yCACA,mCACA,oCACA,mCACA,oCACA,gDACA,gDACA,4CACA,iDACA,iDACA,6CACA,0DACA,0DACA,sDACA,0EACA,0EACA,2CACA,8CACA,yCACA,4CACA,mDACA,+BACA,wCACA,kEACA,gEACA,qHACA,iNAEA,oEAGA,+BACA,kCACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,eAYA,kCACA,sDAVF,yJASE,CATF,8CAWE,yBAIA,qBACA,CADA,oDACA,yBACA,CADA,gDACA,kBACA,CADA,sDACA,CAJF,4BACE,CADF,oDACE,CAGA,YACA,sBACA,CACA,YADA,aAEA,iCAGF,yBACE,gCAIA,WACA,iBAFF,eAGE,0CAWA,mBAFA,wBACA,CADA,6DACA,CAFA,+BACA,CADA,gEACA,CACA,aACA,CADA,kDACA,CAPA,YAEA,CAHF,aACE,CAEA,6BACA,2BAKA,iEAGF,oBACE,CADF,yCACE,gBACA,wDAGF,eACE,6EAKA,4BACA,CADA,oDACA,uBAHF,yBAIE,yGAGF,gBAEE,yFAKA,cAFF,eAGE,2FAKA,cAFF,gBAGE,2CAKA,WACA,CACA,WACA,CAFA,eACA,CAEA,0BADA,yBACA,CALA,yBAMA,kGAGF,aAEE,CAFF,6CAEE,gBACA,iCAIA,YACA,uBAFF,qBAGE,+CAGF,iBACE,kDAGF,eACE,kDAIA,wFADF,wBAEE,4DAGF,kBACE,4CAGF,mBACE,+CAIA,gBADF,gBAEE,yDAKA,8DADA,eACA,CAFF,uBAGE,+DAGF,+BACE,CADF,uDACE,CAGA,8DADA,kBACA,CAFA,qBACA,CAFA,wBAIA,4DAGF,mBACE,CADF,yCACE,kBACA,mEAGF,eACE,WACA,qDAGF,sBACE,6DAGF,oBACE,6BAKA,kBACA,CAHF,YACE,8BACA,CACA,mBACA,sCAGF,sBACE,2CAGF,wBACE,0CAGF,0BACE,uCAGF,sBACE,sDAGF,UACE,0FAGF,sBACE,uCAIA,wBADF,oBAEE,mCAGF,QACE,UACA,8BAGF,wBACE,CADF,gDACE,kBACA,UACA,8BAGF,UACE,mCAGF,SACE,2CAGF,qBACE,8BAGF,wBACE,iBACA,8BAGF,qBACE,CADF,oDACE,yBACA,CADA,yDACA,kBACA,CADA,sDACA,gBACA,CAEA,0BADA,yBACA,CAFA,wBACA,CADA,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,0CACA,+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,0CACA,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,yCAGF,iBACE,CADF,mDACE,+BACA,gCAGF,oBACE,CADF,0CACE,+BACA,mCAGF,oBACE,CADF,6CACE,+BACA,kCAGF,oBACE,CADF,4CACE,+BACA,mCAGF,oBACE,CADF,6CACE,+BACA,6BAGF,oBACE,CADF,0CACE,+BACA,2BAGF,GACE,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,0CARA,UASA,oCAGF,aACE,eACA,0CAGF,eACE,kEAGF,YAEE,YACA,4CAMA,kBACA,CAHA,cACA,aACA,CAHF,WACE,CAGA,sBACA,8DAGF,oBACE,mDAGF,4FACE,oEAKA,mBADA,YACA,CAFF,WAGE,sFAGF,qBACE,8EAGF,qFACE,uDAGF,cACE,mzBAGF,iDAME,mhBAOA,mBACA,CADA,yCACA,CALF,eAIE,CACA,kBACA,yIAGF,mBAEE,CAFF,yCAEE,gBACA,mBACA,oDAGF,eACE,WACA,+BAGF,YACE,eACA,iBACA,gBACA,oDAKA,wBACA,CADA,gDACA,CAGA,YACA,CAPF,UACE,eACA,CAKA,qBACA,+BAJA,gBACA,gBACA,CAHA,gBAMA,wDAIA,uBADF,cAEE,iFAGF,YACE,mBACA,gFAGF,kBACE,wFAGF,UACE,kGAGF,uBACE,wFAGF,cACE,+FAGF,cACE,gFAGF,sBACE,8DAGF,WACE,yBAgBA,kBACA,CAJA,4BACA,CALA,QACA,CAIA,aACA,CADA,kDACA,aACA,CAJA,YACA,CAIA,uBAXA,MACA,CAHA,gBACA,kBACA,CAHF,cACE,CAGA,OACA,MACA,CAEA,WACA,CAFA,aAQA,CAIA,sFAGF,WACE,uDAGF,qBACE,iDAIA,aADF,WAEE,kDAIA,aADF,WAEE,iDAIA,aADF,WAEE,8CAOA,wBACA,CADA,6DACA,CAFA,WACA,CACA,WALF,iBACE,CACA,UACA,CAFA,UAKA,2CAUA,wCAHA,eACA,CALF,eACE,CAEA,SACA,CAHA,UAOA,CAUE,0GAIJ,mEACE,CAUE,wCAIJ,2EACE,CAUE,wCAIJ,2EACE,CAQE,kCAIJ,+DACE,CAQE,iCAIJ,6DACE,wCAGF,iEACE,0BAGF,WACE,4KAGF,cACE,kJAGF,gBACE,yBAGF,gBACE,2BAGF,uBACE,yPAGF,iEACE,kCAGF,kEACE,mCAGF,wBACE,4BAGF,+DACE,+BAGF,kEACE,kCAGF,qBACE,8MAGF,oBACE,2DAGF,oBACE,6IAGF,kBACE,oCAGF,yBACE,oDAGF,qBACE,wJAGF,+EACE,4EAGF,2FACE,+BAGF,wCACE,gCAGF,6DACE,qCAGF,+EACE,yLAGF,0EACE,oLAGF,sFACE,0BAGF,yEACE,0IAGF,gGACE,8DAGF,2BACE,6DAGF,4BACE,2BAGF,0EACE,4DAGF,oDACE,wBAGF,sFACE,+UAGF,gEACE,8BAGF,0EACE,iCAGF,oDACE,0BAGF,yEACE,6BAGF,mDACE,yFAGF,uEACE,2BAGF,iDACE,iCAGF,6EACE,uLAGF,uDACE,iMAGF,gFACE,gCAGF,0DACE,2BAGF,0EACE,8BAGF,oDACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,0CAGF,qFACE,6CAGF,+DACE,0BAGF,mEACE,6BAGF,6CACE,0BAGF,mEACE,6BAGF,6CACE,oCAGF,6EACE,uCAGF,uDACE,yBAGF,kEACE,4BAGF,4CACE,yBAGF,+DACE,4BAGF,yCACE,4BAGF,qEACE,+BAGF,+CACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,oCAGF,mFACE,uCAGF,6DACE,4UAGF,sFAIE,4UAGF,gEAIE,oDAGF,iBACE,qHAGF,mBACE,sBAGF,aACE,6FAGF,YACE,yBAGF,qBACE,yBAGF,kBACE,0BAGF,WACE,4BAGF,aACE,8BAGF,aACE,0BAGF,cACE,qBAGF,YACE,8LAGF,kBACE,4BAGF,sBACE,0BAGF,oBACE,8BAGF,mBACE,sJAGF,sBACE,gCAGF,6BACE,8BAGF,0BACE,4BAGF,wBACE,sBAGF,eACE,WACA,sBAGF,cACE,UACA,sBAGF,eACE,WACA,sBAGF,aACE,SACA,4FAGF,iBACE,sBAGF,cACE,CAIA,mGAGF,6DACE,8BAGF,aACE,gCAGF,eACE,gCAGF,eACE,kCAGF,sBACE,8BAGF,mBACE,0BAGF,SACE,uCAGF,mEACE,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,8BAGF,eACE,mDAGF,eACE,0BAGF,eACE,4BAGF,iBACE,wBAGF,gBACE,iBACA,8LAGF,iBACE,oBACA,2BAGF,iBACE,qBACA,0BAGF,cACE,wBAGF,kBACE,oBACA,yBAGF,gBACE,iBACA,yBAGF,kBACE,oBACA,4BAGF,eACE,mFAGF,gBACE,oCAGF,oBACE,kCAGF,kBACE,uBAGF,WACE,uBAGF,WACE,sDAGF,YACE,uBAGF,WACE,oBAGF,QACE,oBAGF,YACE,6DAGF,cACE,wDAGF,WACE,uBAGF,eACE,2CAGF,cACE,oBAGF,aACE,oBAGF,cACE,kDAGF,WACE,oBAGF,cACE,qBAGF,aACE,qBAGF,aACE,qBAGF,aACE,qBAGF,cACE,sBAGF,UACE,uBAGF,WACE,wBAGF,YACE,wBAGF,kBACE,0HAGF,eACE,2BAGF,WACE,0BAGF,gBACE,kDAGF,QACE,qBAIA,qBADF,iBAEE,qBAIA,oBADF,gBAEE,qBAIA,qBADF,iBAEE,sBAGF,kBACE,qBAGF,iBACE,2FAGF,gBACE,qBAGF,iBACE,qBAGF,eACE,qBAGF,oBACE,qBAGF,oBACE,sBAGF,mBACE,qBAGF,mBACE,wBAGF,oBACE,6HAGF,kBACE,sBAGF,mBACE,qBAGF,kBACE,wBAGF,mBACE,6HAGF,iBACE,qBAGF,gBACE,qBAGF,kBACE,kDAMA,SACA,oBAGF,aACE,oBAGF,cACE,qFAIA,sBADF,kBAEE,wBAIA,uBADF,mBAEE,yBAIA,wBADF,oBAEE,+FAIA,qBADF,iBAEE,qBAIA,sBADF,kBAEE,qBAIA,oBADF,gBAEE,qBAIA,sBADF,kBAEE,qBAIA,oBADF,gBAEE,qBAGF,mBACE,qBACA,+FAGF,kBACE,oBACA,qBAGF,mBACE,qBACA,wBAGF,oBACE,sBACA,qBAGF,iBACE,mBACA,qBAGF,mBACE,qBACA,qBAGF,gBACE,qBAGF,qBACE,qBAGF,mBACE,qBAGF,mBACE,qBAGF,mBACE,gFAGF,UACE,uBAGF,UACE,sDAGF,WACE,4BAGF,sBACE,4CACA,oBAGF,OACE,oBAGF,WACE,6DAGF,aACE,wDAGF,UACE,2CAGF,aACE,oBAGF,UACE,qBAGF,aACE,qBAGF,YACE,qBAGF,cACE,0DAGF,WACE,qBAGF,aACE,qBAGF,WACE,sBAGF,cACE,sBAGF,cACE,sBAGF,WACE,uBAGF,UACE,iEAGF,eACE,2BAGF,cACE,wBAGF,WACE,wBAGF,cACE,wBAGF,iBACE,sDAGF,cACE,yBAGF,cACE,yBAGF,eACE,yBAGF,iBACE,yBAGF,kBACE,yBAGF,eACE,0BAGF,mDACE,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,yBAGF,QACE,yBAGF,aACE,wBAGF,OACE,wBAGF,YACE,wBAGF,WACE,yBAGF,cACE,8BAGF,aACE,0BAGF,kBACE,CACA,qBADA,kBAEA,gCAGF,qBACE,6BACA,mCAGF,wBACE,CADF,6DACE,iEACA,kCAGF,wBACE,CADF,iDACE,2DACA,kCAGF,wBACE,CADF,iDACE,2DACA,iCAGF,wBACE,CADF,gDACE,0DACA,kCAGF,wBACE,CADF,iDACE,2DACA,sDAGF,QACE,oDAGF,yCAEE,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,0CADA,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,yCACA,iDAGF,UACE,4BAIA,aACA,gBAFF,iBAGE,kCAGF,aACE,CAIA,mBAJA,QACA,qBACA,CACA,wBACA,CADA,gBACA,CAFA,kBAGA,0BAGF,GACE,kBACE,WACA,UACA,KAGA,kBACA,eAFF,UAGE,IAEF,kBACE,WACA,UACA,EAjBF,iBAGF,GACE,kBACE,WACA,UACA,KAGA,kBACA,eAFF,UAGE,IAEF,kBACE,WACA,UACA,ECrpIJ,UAEE,+DACA,oBAGF,EAEE,0CACA,+CAGF,cACE,aACA,sBAEA,oCAJF,cAKI,mCAGF,oBACE,mBAGF,oBACE,oBAGF,6BACE,eACA,cAGF,uBACE,UAGF,iCACE,qCAGF,oCACE,wCAGF,+BACE,mCAGF,0BACE,oCAGF,8BACE,eAEA,oCACE,yBACA,iBAGF,oCACE,eACA,kBACA,cAIJ,sBACE,gBAGF,8BACE,qBAGF,4BACE,mBAIJ,MACE,qBAAsB,CCpFxB,8BACE,GACE,UACA,gEAEF,GACE,UACA,yDAPJ,sBACE,GACE,UACA,gEAEF,GACE,UACA,yDAIJ,8IACE,oEAGF,kCACE,GACE,UACA,8DAEF,GACE,UACA,yDAPJ,0BACE,GACE,UACA,8DAEF,GACE,UACA,yDAIJ,uCACE,4EAGF,kCACE,GACE,UACA,wDAEF,GACE,UACA,iEAPJ,0BACE,GACE,UACA,wDAEF,GACE,UACA,iEAIJ,uCACE,4EAGF,4BACE,GACE,UAEF,GACE,WALJ,oBACE,GACE,UAEF,GACE,WAIJ,iCACE,gEAGF,2BACE,GACE,UAEF,GACE,WALJ,mBACE,GACE,UAEF,GACE,WAIJ,gCACE,8DAGF,sCACE,kECxEF,wBACE,YAGF,qKACE,eAEF,4IACE,iBAEF,uBACE,iBAGF,yBACE,wBAGF,uRACE,6CAGF,gCACE,iDAGF,iCACE,yBAGF,0BACE,2CAGF,6BACE,8CAGF,gCACE,sBAGF,6OACE,qBAGF,wDACE,qBAGF,uIACE,mBAGF,kCACE,0BAGF,iDACE,sBAGF,mJACE,mDAGF,yEACE,yDAGF,6BACE,yCAGF,8BACE,yCAGF,mCACE,oDC/EF,yNACE,qDAGF,8KACE,8DAGF,wBACE,iDAGF,sIACE,wEAGF,2DACE,4BAGF,0DACE,6BAIA,yBACE,kDAGF,yDACE,uCALF,sBACE,8DAGF,2WACE,mDALF,4BACE,qDAGF,+BACE,0CALF,wBACE,iDAGF,2BACE,sCALF,qFACE,+CAGF,yBACE,oCALF,+BACE,wDAGF,iLACE,6CALF,2LACE,wDAGF,8BACE,6CALF,yBACE,kDAGF,4BACE,uCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,wCACE,2DAGF,2CACE,gDALF,wBACE,2CAGF,2BACE,gCALF,wBACE,2CAGF,2BACE,gCALF,kCACE,qDAGF,qCACE,0CALF,uBACE,0CAGF,0BACE,+BALF,uBACE,0CAGF,0BACE,+BALF,0BACE,6CAGF,6BACE,kCALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDALF,kCACE,2DAGF,qCACE,gDA+BJ,sbAEE,8DAGF,sbAEE,mDAGF,iDACE,kBCxEF,gHACE,oBAGF,oBACE,cAGF,gIACE,aAGF,uBACE,sBAGF,uBACE,mBAGF,wBACE,YAGF,0BACE,cAGF,4BACE,cAGF,wBACE,eAGF,mBACE,aAGF,8NACE,mBAEF,0BACE,uBAEF,wBACE,qBAEF,4BACE,oBAGF,gJACE,uBAEF,8BACE,8BAEF,4BACE,2BAEF,0BACE,yBAGF,oBACE,gBACA,WAEF,oBACE,eACA,UAEF,oBACE,gBACA,WAEF,oBACE,cACA,SAGF,wFACE,kBAEF,oBACE,eAOF,uIACE,8DAGF,4BACE,cAEF,8BACE,gBAEF,8BACE,gBAEF,gCACE,uBAGF,4BACE,oBAGF,wBACE,UCpHF,qCACE,2CAOF,gJACE,wDAOF,6TACE,8DAcF,4CACE,iGAIF,yCACE,sDAGF,0DACE,iGAIF,2DACE,iDAGF,wdACE,+DAuCF,6cACE,aAEF,2VACE,gBAEF,sDACE,aAEF,qDACE,gBCnGF,iDACE,0BAGF,yJACE,gBAGF,4BACE,gBAGF,gDACE,gBAGF,wBACE,gBAGF,0BACE,kBAGF,sBACE,iBACA,iBAGF,uLACE,kBACA,oBAGF,yBACE,kBACA,qBAGF,wBACE,eAGF,sBACE,mBACA,oBAGF,uBACE,iBACA,iBAGF,uBACE,mBACA,oBAGF,0BACE,gBAGF,+EACE,iBAGF,kCACE,qBAGF,gCACE,mBCvEF,qBACE,YAGF,qBACE,YAGF,mDACE,aAGF,qBACE,YAGF,kBACE,SAEF,kBACE,aAEF,0DACE,eAEF,qDACE,YAEF,qBACE,gBAEF,wCACE,eAEF,kBACE,cAEF,kBACE,eAEF,+CACE,YAEF,kBACE,eAEF,mBACE,cAEF,mBACE,cAEF,mBACE,cAEF,mBACE,eAGF,oBACE,WAEF,qBACE,YAGF,sBACE,aAGF,sBACE,mBAEF,4JACE,gBAGF,yBACE,YAGF,wBACE,iBClFF,+CACE,SAGF,mBAEE,qBADA,iBACA,CAGF,mBAEE,oBADA,gBACA,CAGF,mBAEE,qBADA,iBACA,CAGF,oBACE,mBAGF,mBACE,kBAGF,8HACE,iBAGF,mBACE,kBAGF,mBACE,gBAGF,mBACE,qBAGF,mBACE,qBAGF,oBACE,oBAGF,mBACE,oBAGF,sBACE,qBAGF,yKACE,mBAGF,oBACE,oBAGF,mBACE,mBAGF,sBACE,oBAGF,yHACE,kBAGF,mBACE,iBAGF,mBACE,mBCpFF,+CAIE,UAGF,kBACE,cAGF,kBACE,eAGF,iFAEE,sBADA,kBACA,CAGF,sBAEE,uBADA,mBACA,CAGF,uBAEE,wBADA,oBACA,CAGF,kIAEE,qBADA,iBACA,CAGF,mBAEE,sBADA,kBACA,CAEF,mBAEE,oBADA,gBACA,CAGF,mBAEE,sBADA,kBACA,CAGF,mBAEE,oBADA,gBACA,CAGF,mBACE,oBACA,qBAGF,kIACE,mBACA,oBAGF,mBACE,oBACA,qBAGF,sBACE,qBACA,sBAGF,mBACE,kBACA,mBAGF,mBACE,oBACA,qBAGF,mBACE,iBAGF,mBACE,sBAGF,mBACE,oBAGF,mBACE,oBAGF,mBACE,oBCrGF,mHACE,WAGF,qBACE,WAGF,mDACE,YAGF,0BACE,uBACA,4CAGF,kBACE,QAEF,kBACE,YAEF,0DACE,cAEF,qDACE,WAEF,wCACE,cAEF,kBACE,WAEF,mBACE,cAEF,mBACE,aAEF,mBACE,eAEF,uDACE,YAEF,mBACE,cAEF,mBACE,YAEF,oBACE,eAEF,oBACE,eAEF,oBACE,YAGF,qBACE,WAGF,8DACE,gBAGF,yBACE,eAGF,sBACE,YAEF,sBACE,eAEF,sBACE,kBAEF,mDACE,eAEF,uBACE,eAEF,uBACE,gBAEF,uBACE,kBAEF,8DACE,mBAEF,uBACE,gBAEF,wBACE,oDAGF,uBACE,gBAEF,uBACE,gBAGF,uBACE,gBAGF,uBACE,gBAGF,wBACE,mBAGF,0BACE,gBC9HF,2BACE,yBAGF,uBACE,oCAGF,oCACE,+BAGF,mCACE,oHCbF,4RACE,eCDF,0EACE,MAGF,2EACE,OAGF,uBACE,SAGF,uBACE,cAGF,sBACE,QAGF,sBACE,aAQF,sBACE,YAGF,uBACE,eAGF,4BACE,cCtCF,wBACE,mBAEA,qBADA,kBACA,CAaF,8BACE,sBACA,6BAcF,iCAEE,8DACA,mDAGF,gCAGE,kDACA,gDAQF,gCACE,kDACA,gDAGF,+BACE,iDACA,+CAGF,gCACE,kDACA,gDd6DA,sDACE,8DAGF,4CACE,mBACA,gBACA,aACA,sBACA,uBACA,kCACA,aAGF,mDACE,8DACA,SACA,WACA,OACA,YACA,eACA,QACA,MAGF,4CACE,gBACA,aACA,SACA,gBACA,gBACA,kCACA,UACA,kBACA,WAGF,8KAGE,YAGF,kDACE,WAGF,sBACE,SACA,eezKJ,MACE,gBACF,CAEA,4BACE,0BAAiC,CAIjC,QAAS,CACT,MAAO,CACP,aAAc,CALd,cAAe,CAEf,OAAQ,CADR,KAKF,CAEA,4BAGE,eAAiB,CADjB,gBAAiB,CAGjB,YAAa,CADb,YAAa,CAHb,UAKF,CCrBA,0BACE,GACE,8GAEF,GACE,mJALJ,kBACE,GACE,8GAEF,GACE,mJAIJ,WACE,+BAZoB,CAYpB,uBAZoB,CAapB,kEACA,oDACA,0EAGF,oBACE,+BClBA,yDACE,kDAGF,uDACE,iDACA,wJCLJ,2BACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,iBADA,SACA,EAPJ,mBACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,iBADA,SACA,EAIJ,0BACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,iBADA,SACA,EAPJ,kBACE,GAEE,YAAW,CADX,SACA,CAEF,GAEE,iBADA,SACA,EAIJ,UACE,gEACA,8CACA,kEAGF,SACE,8DACA,8CACA,kEAGF,WACE,kDAGF,QACE,kDAGF,MACE,aC3CF,oBACE,cACA,kBACA,kBAEA,+BACE,mBAIJ,gBACE,SACA,OACA,UACA,kBACA,MACA,QAGF,iBAGE,kDAKA,qBACA,sBACA,eATA,SACA,eAEA,YACA,OACA,YACA,kBAIA,MACA,WAIA,iCACE,oBAIJ,gCAEE,eACA,0DAGF,iBAGE,qBACA,eACA,wCAJA,8CACA,8DAKA,0EADA,qEACA,CAGF,iBACE,iCACA,oBACA,uCAEA,kDADA,qBACA,CAGF,eACE,+BACA,yBACA,wCACA,wBAGF,iBACE,oDACA,0DAIA,0DACE,0BACA,qCACA,oBAGF,wDACE,oBACA,qCACA,sBAIJ,2BACE,IACE,qCACA,iBACA,eACA,4EAEF,GACE,wCACA,iBACA,eACA,+EAXJ,mBACE,IACE,qCACA,iBACA,eACA,4EAEF,GACE,wCACA,iBACA,eACA,+EAKF,0BACE,gEACA,4BA9GkB,CA8GlB,oBA9GkB,CA+GlB","sources":["../node_modules/@standardnotes/stylekit/dist/stylekit.css","stylesheets/main.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_animation.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_border.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_color.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_display.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_hover_focus.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_typography.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_height.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_margin.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_padding.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_width.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_transition.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_cursor.scss","../node_modules/@standardnotes/stylekit/src/css/utils/_position.scss","../node_modules/@standardnotes/stylekit/src/css/_sn.scss","../node_modules/@reach/dialog/styles.css","common/components/TextInput.scss","features/tasks/TasksSection.scss","features/tasks/TaskItem.scss","common/components/svg/CheckBoxElementsDefs.scss"],"sourcesContent":["@charset \"UTF-8\";\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none;\n}\n\n:root {\n --sn-stylekit-base-font-size: 0.8125rem;\n --sn-stylekit-font-size-p: 0.8125rem;\n --sn-stylekit-font-size-editor: 0.983125rem;\n --sn-stylekit-font-size-h6: 0.65rem;\n --sn-stylekit-font-size-h5: 0.73125rem;\n --sn-stylekit-font-size-h4: 0.8125rem;\n --sn-stylekit-font-size-h3: 0.89375rem;\n --sn-stylekit-font-size-h2: 0.975rem;\n --sn-stylekit-font-size-h1: 1.05625rem;\n --sn-stylekit-white: #ffffff;\n --sn-stylekit-black: #19191c;\n --sn-stylekit-grey-0: #515357;\n --sn-stylekit-grey-1: #72767e;\n --sn-stylekit-grey-2: #bbbec4;\n --sn-stylekit-grey-3: #dfe1e4;\n --sn-stylekit-grey-4: #eeeff1;\n --sn-stylekit-grey-4-opacity-variant: #bbbec43d;\n --sn-stylekit-grey-5: #f4f5f7;\n --sn-stylekit-grey-6: #e5e5e5;\n --sn-stylekit-grey-super-light: #f9f9f9;\n --sn-stylekit-dark-red: #cc2128;\n --sn-stylekit-neutral-color: #989898;\n --sn-stylekit-neutral-contrast-color: #ffffff;\n --sn-stylekit-info-color: #086dd6;\n --sn-stylekit-info-color-darkened: #065cb5;\n --sn-stylekit-info-contrast-color: #ffffff;\n --sn-stylekit-info-backdrop-color: #2b6fcf0f;\n --sn-stylekit-success-color: #2b9612;\n --sn-stylekit-success-contrast-color: #ffffff;\n --sn-stylekit-warning-color: #f6a200;\n --sn-stylekit-warning-contrast-color: #ffffff;\n --sn-stylekit-danger-color: #f80324;\n --sn-stylekit-danger-contrast-color: #ffffff;\n --sn-stylekit-shadow-color: #c8c8c8;\n --sn-stylekit-background-color: #ffffff;\n --sn-stylekit-border-color: #dfe1e4;\n --sn-stylekit-foreground-color: #000000;\n --sn-stylekit-contrast-background-color: #f6f6f6;\n --sn-stylekit-contrast-foreground-color: #2e2e2e;\n --sn-stylekit-contrast-border-color: #e3e3e3;\n --sn-stylekit-secondary-background-color: #f6f6f6;\n --sn-stylekit-secondary-foreground-color: #2e2e2e;\n --sn-stylekit-secondary-border-color: #e3e3e3;\n --sn-stylekit-secondary-contrast-background-color: #e3e3e3;\n --sn-stylekit-secondary-contrast-foreground-color: #2e2e2e;\n --sn-stylekit-secondary-contrast-border-color: #a2a2a2;\n --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);\n --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);\n --sn-stylekit-paragraph-text-color: #454545;\n --sn-stylekit-input-placeholder-color: #a8a8a8;\n --sn-stylekit-input-border-color: #e3e3e3;\n --sn-stylekit-scrollbar-thumb-color: #dfdfdf;\n --sn-stylekit-scrollbar-track-border-color: #e7e7e7;\n --sn-stylekit-menu-border: none;\n --sn-stylekit-general-border-radius: 2px;\n --sn-stylekit-list-item-highlight-color: var(--sn-stylekit-grey-5);\n --sn-stylekit-simplified-chinese-font: 'Microsoft Yahei', '微软雅黑体';\n --sn-stylekit-monospace-font: 'SFMono-Regular', Consolas, 'Liberation Mono',\n Menlo, 'Ubuntu Mono', 'Courier New', monospace;\n --sn-stylekit-sans-serif-font: -apple-system, BlinkMacSystemFont, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', var(--sn-stylekit-simplified-chinese-font), sans-serif;\n --sn-stylekit-editor-font-family: var(--sn-stylekit-sans-serif-font);\n --sn-stylekit-theme-type: light;\n --sn-stylekit-theme-name: sn-light;\n --sn-stylekit-accessory-tint-color-1: #086dd6;\n --sn-stylekit-accessory-tint-color-2: #ea6595;\n --sn-stylekit-accessory-tint-color-3: #ebad00;\n --sn-stylekit-accessory-tint-color-4: #7049cf;\n --sn-stylekit-accessory-tint-color-5: #1aa772;\n --sn-stylekit-accessory-tint-color-6: #f28c52;\n}\n\n.sn-component {\n /**\n * Do not use these rules without explicitly handling focus in a different\n * way, otherwise keyboard focus will break.\n */\n /**\n * A button that is just an icon. Separated from .sn-button because there\n * is almost no style overlap.\n */\n font-family: var(--sn-stylekit-sans-serif-font);\n -webkit-font-smoothing: antialiased;\n color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component .sk-panel {\n box-shadow: 0px 2px 5px var(--sn-stylekit-shadow-color);\n background-color: var(--sn-stylekit-background-color);\n border: 1px solid var(--sn-stylekit-border-color);\n border-radius: var(--sn-stylekit-general-border-radius);\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-grow: 1;\n}\n\n.sn-component .sk-panel a:hover {\n text-decoration: underline;\n}\n\n.sn-component .sk-panel.static {\n box-shadow: none;\n border: none;\n border-radius: 0;\n}\n\n.sn-component .sk-panel .sk-panel-header {\n flex-shrink: 0;\n /* Don't allow to condense in height */\n display: flex;\n justify-content: space-between;\n padding: 0.89375rem 1.625rem;\n border-bottom: 1px solid var(--sn-stylekit-contrast-border-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n align-items: center;\n}\n\n.sn-component .sk-panel .sk-panel-header .sk-panel-header-title {\n font-size: var(--sn-stylekit-font-size-h1);\n font-weight: 500;\n}\n\n.sn-component .sk-panel .sk-panel-header .close-button {\n font-weight: bold;\n}\n\n.sn-component .sk-panel .sk-footer,\n.sn-component .sk-panel .sk-panel-footer {\n padding: 0.8125rem 1.625rem;\n border-top: 1px solid var(--sn-stylekit-border-color);\n box-sizing: border-box;\n}\n\n.sn-component .sk-panel .sk-footer.extra-padding,\n.sn-component .sk-panel .sk-panel-footer.extra-padding {\n padding: 1.625rem 1.625rem;\n}\n\n.sn-component .sk-panel .sk-footer .left,\n.sn-component .sk-panel .sk-panel-footer .left {\n text-align: left;\n display: block;\n}\n\n.sn-component .sk-panel .sk-footer .right,\n.sn-component .sk-panel .sk-panel-footer .right {\n text-align: right;\n display: block;\n}\n\n.sn-component .sk-panel .sk-panel-content {\n padding: 1.3rem 1.625rem;\n padding-bottom: 0;\n flex-grow: 1;\n overflow: scroll;\n height: 100%;\n overflow-y: auto !important;\n overflow-x: auto !important;\n}\n\n.sn-component .sk-panel .sk-panel-content .sk-p,\n.sn-component .sk-panel .sk-panel-content .sk-li {\n color: var(--sn-stylekit-paragraph-text-color);\n line-height: 1.3;\n}\n\n.sn-component .sk-panel-section {\n padding-bottom: 1.3rem;\n display: flex;\n flex-direction: column;\n}\n\n.sn-component .sk-panel-section.sk-panel-hero {\n text-align: center;\n}\n\n.sn-component .sk-panel-section .sk-p:last-child {\n margin-bottom: 0;\n}\n\n.sn-component .sk-panel-section:not(:last-child) {\n margin-bottom: 1.21875rem;\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-panel-section:not(:last-child).no-border {\n border-bottom: none;\n}\n\n.sn-component .sk-panel-section:last-child {\n margin-bottom: 0.5rem;\n}\n\n.sn-component .sk-panel-section.no-bottom-pad {\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n.sn-component .sk-panel-section .sk-panel-section-title {\n margin-bottom: 0.40625rem;\n font-weight: bold;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-panel-section .sk-panel-section-outer-title {\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n padding-bottom: 0.73125rem;\n margin-top: 1.70625rem;\n margin-bottom: 15px;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-panel-section .sk-panel-section-subtitle {\n font-size: var(--sn-stylekit-font-size-h5);\n margin-bottom: 2px;\n}\n\n.sn-component .sk-panel-section .sk-panel-section-subtitle.subtle {\n font-weight: normal;\n opacity: 0.6;\n}\n\n.sn-component .sk-panel-section .text-content .sk-p {\n margin-bottom: 0.8175rem;\n}\n\n.sn-component .sk-panel-section .text-content p:first-child {\n margin-top: 0.24375rem;\n}\n\n.sn-component .sk-panel-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 0.325rem;\n}\n\n.sn-component .sk-panel-row.centered {\n justify-content: center;\n}\n\n.sn-component .sk-panel-row.justify-right {\n justify-content: flex-end;\n}\n\n.sn-component .sk-panel-row.justify-left {\n justify-content: flex-start;\n}\n\n.sn-component .sk-panel-row.align-top {\n align-items: flex-start;\n}\n\n.sn-component .sk-panel-row .sk-panel-column.stretch {\n width: 100%;\n}\n\n.sn-component .sk-panel-row.default-padding, .sn-component .sk-panel-row:not(:last-child) {\n padding-bottom: 0.325rem;\n}\n\n.sn-component .sk-panel-row.condensed {\n padding-top: 0.1625rem;\n padding-bottom: 0.1625rem;\n}\n\n.sn-component .sk-panel-row .sk-p {\n margin: 0;\n padding: 0;\n}\n\n.sn-component .vertical-rule {\n background-color: var(--sn-stylekit-border-color);\n height: 1.21875rem;\n width: 1px;\n}\n\n.sn-component .sk-panel-form {\n width: 100%;\n}\n\n.sn-component .sk-panel-form.half {\n width: 50%;\n}\n\n.sn-component .sk-panel-form .form-submit {\n margin-top: 0.121875rem;\n}\n\n.sn-component .right-aligned {\n justify-content: flex-end;\n text-align: right;\n}\n\n.sn-component .sk-menu-panel {\n background-color: var(--sn-stylekit-background-color);\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n border-radius: var(--sn-stylekit-general-border-radius);\n overflow: scroll;\n user-select: none;\n overflow-y: auto !important;\n overflow-x: auto !important;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-header {\n padding: 0.65rem 0.8125rem;\n border-bottom: 1px solid var(--sn-stylekit-contrast-border-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-header-title {\n font-weight: bold;\n font-size: var(--sn-stylekit-font-size-h4);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-header-subtitle {\n margin-top: 0.1625rem;\n opacity: 0.6;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row {\n padding: 0.8125rem 0.8125rem;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row:hover {\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n border-color: var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column {\n display: flex;\n justify-content: center;\n flex-direction: column;\n /* Nested row */\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column:not(:first-child) {\n padding-left: 1rem;\n padding-right: 0.121875rem;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column.stretch {\n width: 100%;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-subrows {\n margin-top: 0.8125rem;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-row,\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-subrow {\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n margin-top: -1px;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-row:hover,\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .sk-menu-panel-subrow:hover {\n background-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-menu-panel-column .left {\n display: flex;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-button .sk-label, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-box .sk-label, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-button .sk-panel-section .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-menu-panel .sk-menu-panel-row .sk-button .sk-panel-section-subtitle, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-box .sk-panel-section .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-menu-panel .sk-menu-panel-row .sk-box .sk-panel-section-subtitle {\n font-size: var(--sn-stylekit-font-size-h6);\n font-weight: normal;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-label, .sn-component .sk-menu-panel .sk-menu-panel-row .sk-panel-section .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-menu-panel .sk-menu-panel-row .sk-panel-section-subtitle {\n font-size: var(--sn-stylekit-font-size-p);\n font-weight: bold;\n}\n\n.sn-component .sk-menu-panel .sk-menu-panel-row .sk-sublabel {\n font-size: var(--sn-stylekit-font-size-h5);\n margin-top: 0.1625rem;\n opacity: 0.6;\n}\n\n.sn-component .red {\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .tinted {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .selectable {\n user-select: text !important;\n -ms-user-select: text !important;\n -moz-user-select: text !important;\n -webkit-user-select: text !important;\n}\n\n.sn-component .sk-h1,\n.sn-component .sk-h2,\n.sn-component .sk-h3,\n.sn-component .sk-h4,\n.sn-component .sk-h5 {\n margin: 0;\n padding: 0;\n font-weight: normal;\n}\n\n.sn-component .sk-h1 {\n font-weight: 500;\n font-size: var(--sn-stylekit-font-size-h1);\n line-height: 1.54375rem;\n}\n\n.sn-component .sk-h2 {\n font-size: var(--sn-stylekit-font-size-h2);\n line-height: 1.4625rem;\n}\n\n.sn-component .sk-h3 {\n font-size: var(--sn-stylekit-font-size-h3);\n line-height: 1.38125rem;\n}\n\n.sn-component .sk-h4 {\n font-size: var(--sn-stylekit-font-size-p);\n line-height: 1.1375rem;\n}\n\n.sn-component .sk-h5 {\n font-size: var(--sn-stylekit-font-size-h5);\n}\n\n.sn-component .sk-bold {\n font-weight: bold;\n}\n\n.sn-component .sk-font-small {\n font-size: var(--sn-stylekit-font-size-h5);\n}\n\n.sn-component .sk-font-normal {\n font-size: var(--sn-stylekit-font-size-p);\n}\n\n.sn-component .sk-font-large {\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component a.sk-a {\n cursor: pointer;\n user-select: none;\n}\n\n.sn-component a.sk-a.disabled {\n color: var(--sn-stylekit-neutral-color);\n opacity: 0.6;\n}\n\n.sn-component a.sk-a.boxed {\n border-radius: var(--sn-stylekit-general-border-radius);\n padding: 0.24375rem 0.325rem;\n}\n\n.sn-component a.sk-a.boxed:hover {\n text-decoration: none;\n}\n\n.sn-component a.sk-a.boxed.neutral {\n background-color: var(--sn-stylekit-neutral-color);\n color: var(--sn-stylekit-neutral-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.info {\n background-color: var(--sn-stylekit-info-color);\n color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.warning {\n background-color: var(--sn-stylekit-warning-color);\n color: var(--sn-stylekit-warning-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.danger {\n background-color: var(--sn-stylekit-danger-color);\n color: var(--sn-stylekit-danger-contrast-color);\n}\n\n.sn-component a.sk-a.boxed.success {\n background-color: var(--sn-stylekit-success-color);\n color: var(--sn-stylekit-success-contrast-color);\n}\n\n.sn-component .wrap {\n word-wrap: break-word;\n}\n\n.sn-component *.sk-base {\n color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component *.contrast {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component *.neutral {\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component *.info {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component *.info-contrast {\n color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component *.warning {\n color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component *.danger {\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component *.success {\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component *.info-i {\n color: var(--sn-stylekit-info-color) !important;\n}\n\n.sn-component *.warning-i {\n color: var(--sn-stylekit-warning-color) !important;\n}\n\n.sn-component *.danger-i {\n color: var(--sn-stylekit-danger-color) !important;\n}\n\n.sn-component *.success-i {\n color: var(--sn-stylekit-success-color) !important;\n}\n\n.sn-component *.clear {\n background-color: transparent;\n border: none;\n}\n\n.sn-component .center-text {\n text-align: center !important;\n justify-content: center !important;\n}\n\n.sn-component p.sk-p {\n margin: 0.40625rem 0;\n}\n\n.sn-component input.sk-input {\n box-sizing: border-box;\n padding: 0.56875rem 0.65rem;\n margin: 0.24375rem 0;\n border: none;\n font-size: var(--sn-stylekit-font-size-h3);\n width: 100%;\n outline: 0;\n resize: none;\n}\n\n.sn-component input.sk-input.clear {\n color: var(--sn-stylekit-foreground-color);\n background-color: transparent;\n border: none;\n}\n\n.sn-component input.sk-input.no-border {\n border: none;\n}\n\n.sn-component .sk-label, .sn-component .sk-panel-section .sk-panel-section-subtitle {\n font-weight: bold;\n}\n\n.sn-component .sk-label.no-bold, .sn-component .sk-panel-section .no-bold.sk-panel-section-subtitle {\n font-weight: normal;\n}\n\n.sn-component label.sk-label, .sn-component .sk-panel-section label.sk-panel-section-subtitle {\n margin: 0.56875rem 0;\n display: block;\n}\n\n.sn-component label.sk-label input[type='checkbox'], .sn-component .sk-panel-section label.sk-panel-section-subtitle input[type='checkbox'],\n.sn-component input[type='radio'] {\n width: auto;\n margin-right: 0.365625rem;\n /* Space after checkbox */\n vertical-align: middle;\n}\n\n.sn-component .sk-horizontal-group > *, .sn-component .sk-input-group > * {\n display: inline-block;\n vertical-align: middle;\n}\n\n.sn-component .sk-horizontal-group > *:not(:first-child), .sn-component .sk-input-group > *:not(:first-child) {\n margin-left: 0.73125rem;\n}\n\n.sn-component .sk-border-bottom {\n border-bottom: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-checkbox-group {\n padding-top: 0.40625rem;\n padding-bottom: 0.24375rem;\n}\n\n.sn-component ::placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: var(--sn-stylekit-input-placeholder-color);\n}\n\n.sn-component :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: var(--sn-stylekit-input-placeholder-color);\n}\n\n.sn-component ::-ms-input-placeholder {\n /* Microsoft Edge */\n color: var(--sn-stylekit-input-placeholder-color);\n}\n\n.sn-component .sk-button-group.stretch {\n display: flex;\n width: 100%;\n}\n\n.sn-component .sk-button-group.stretch .sk-button, .sn-component .sk-button-group.stretch .sk-box {\n display: block;\n flex-grow: 1;\n text-align: center;\n}\n\n.sn-component .sk-button-group .sk-button, .sn-component .sk-button-group .sk-box {\n display: inline-block;\n vertical-align: middle;\n}\n\n.sn-component .sk-button-group .sk-button:not(:last-child), .sn-component .sk-button-group .sk-box:not(:last-child) {\n margin-right: 5px;\n}\n\n.sn-component .sk-button-group .sk-button:not(:last-child).featured, .sn-component .sk-button-group .sk-box:not(:last-child).featured {\n margin-right: 8px;\n}\n\n.sn-component .sk-segmented-buttons {\n display: flex;\n flex-direction: row;\n}\n\n.sn-component .sk-segmented-buttons .sk-button, .sn-component .sk-segmented-buttons .sk-box {\n border-radius: 0;\n white-space: nowrap;\n margin: 0;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.sn-component .sk-segmented-buttons .sk-button:not(:last-child), .sn-component .sk-segmented-buttons .sk-box:not(:last-child) {\n border-right: none;\n border-radius: 0;\n}\n\n.sn-component .sk-segmented-buttons .sk-button:first-child, .sn-component .sk-segmented-buttons .sk-box:first-child {\n border-top-left-radius: var(--sn-stylekit-general-border-radius);\n border-bottom-left-radius: var(--sn-stylekit-general-border-radius);\n border-right: none;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.sn-component .sk-segmented-buttons .sk-button:last-child, .sn-component .sk-segmented-buttons .sk-box:last-child {\n border-top-right-radius: var(--sn-stylekit-general-border-radius);\n border-bottom-right-radius: var(--sn-stylekit-general-border-radius);\n border-left: none;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.sn-component .sk-box-group .sk-box {\n display: inline-block;\n}\n\n.sn-component .sk-box-group .sk-box:not(:last-child) {\n margin-right: 5px;\n}\n\n.sn-component .sk-a.button {\n text-decoration: none;\n}\n\n.sn-component .sk-button, .sn-component .sk-box {\n display: table;\n padding: 0.40625rem 0.56875rem;\n font-size: var(--sn-stylekit-font-size-h5);\n cursor: pointer;\n text-align: center;\n user-select: none;\n}\n\n.sn-component .sk-button.no-hover-border:after, .sn-component .no-hover-border.sk-box:after {\n color: transparent !important;\n}\n\n.sn-component .sk-button.wide, .sn-component .wide.sk-box {\n padding: 0.24375rem 1.38125rem;\n}\n\n.sn-component .sk-button > .sk-label, .sn-component .sk-box > .sk-label, .sn-component .sk-panel-section .sk-button > .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-box > .sk-panel-section-subtitle {\n font-weight: bold;\n display: block;\n text-align: center;\n}\n\n.sn-component .sk-button.big, .sn-component .big.sk-box {\n font-size: var(--sn-stylekit-font-size-h3);\n padding: 0.56875rem 2.03125rem;\n}\n\n.sn-component .sk-box {\n padding: 2.03125rem 1.21875rem;\n}\n\n.sn-component .sk-button.sk-base, .sn-component .sk-base.sk-box,\n.sn-component .sk-box.sk-base,\n.sn-component .sk-circle.sk-base {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .sk-button.sk-base *, .sn-component .sk-base.sk-box *,\n.sn-component .sk-box.sk-base *,\n.sn-component .sk-circle.sk-base * {\n position: relative;\n}\n\n.sn-component .sk-button.sk-base:before, .sn-component .sk-base.sk-box:before,\n.sn-component .sk-box.sk-base:before,\n.sn-component .sk-circle.sk-base:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.sk-base:after, .sn-component .sk-base.sk-box:after,\n.sn-component .sk-box.sk-base:after,\n.sn-component .sk-circle.sk-base:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .sk-button.sk-base:hover:before, .sn-component .sk-base.sk-box:hover:before,\n.sn-component .sk-box.sk-base:hover:before,\n.sn-component .sk-circle.sk-base:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.sk-base.no-bg, .sn-component .sk-base.no-bg.sk-box,\n.sn-component .sk-box.sk-base.no-bg,\n.sn-component .sk-circle.sk-base.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.sk-base.no-bg:before, .sn-component .sk-base.no-bg.sk-box:before,\n.sn-component .sk-box.sk-base.no-bg:before,\n.sn-component .sk-circle.sk-base.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.sk-base.featured, .sn-component .sk-base.featured.sk-box,\n.sn-component .sk-box.sk-base.featured,\n.sn-component .sk-circle.sk-base.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.sk-base.featured:before, .sn-component .sk-base.featured.sk-box:before,\n.sn-component .sk-box.sk-base.featured:before,\n.sn-component .sk-circle.sk-base.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.contrast, .sn-component .contrast.sk-box,\n.sn-component .sk-box.contrast,\n.sn-component .sk-circle.contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .sk-button.contrast *, .sn-component .contrast.sk-box *,\n.sn-component .sk-box.contrast *,\n.sn-component .sk-circle.contrast * {\n position: relative;\n}\n\n.sn-component .sk-button.contrast:before, .sn-component .contrast.sk-box:before,\n.sn-component .sk-box.contrast:before,\n.sn-component .sk-circle.contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.contrast:after, .sn-component .contrast.sk-box:after,\n.sn-component .sk-box.contrast:after,\n.sn-component .sk-circle.contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .sk-button.contrast:hover:before, .sn-component .contrast.sk-box:hover:before,\n.sn-component .sk-box.contrast:hover:before,\n.sn-component .sk-circle.contrast:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.contrast.no-bg, .sn-component .contrast.no-bg.sk-box,\n.sn-component .sk-box.contrast.no-bg,\n.sn-component .sk-circle.contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.contrast.no-bg:before, .sn-component .contrast.no-bg.sk-box:before,\n.sn-component .sk-box.contrast.no-bg:before,\n.sn-component .sk-circle.contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.contrast.featured, .sn-component .contrast.featured.sk-box,\n.sn-component .sk-box.contrast.featured,\n.sn-component .sk-circle.contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.contrast.featured:before, .sn-component .contrast.featured.sk-box:before,\n.sn-component .sk-box.contrast.featured:before,\n.sn-component .sk-circle.contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.sk-secondary, .sn-component .sk-secondary.sk-box,\n.sn-component .sk-box.sk-secondary,\n.sn-component .sk-circle.sk-secondary {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-background-color);\n}\n\n.sn-component .sk-button.sk-secondary *, .sn-component .sk-secondary.sk-box *,\n.sn-component .sk-box.sk-secondary *,\n.sn-component .sk-circle.sk-secondary * {\n position: relative;\n}\n\n.sn-component .sk-button.sk-secondary:before, .sn-component .sk-secondary.sk-box:before,\n.sn-component .sk-box.sk-secondary:before,\n.sn-component .sk-circle.sk-secondary:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.sk-secondary:after, .sn-component .sk-secondary.sk-box:after,\n.sn-component .sk-box.sk-secondary:after,\n.sn-component .sk-circle.sk-secondary:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-secondary-background-color);\n}\n\n.sn-component .sk-button.sk-secondary:hover:before, .sn-component .sk-secondary.sk-box:hover:before,\n.sn-component .sk-box.sk-secondary:hover:before,\n.sn-component .sk-circle.sk-secondary:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.sk-secondary.no-bg, .sn-component .sk-secondary.no-bg.sk-box,\n.sn-component .sk-box.sk-secondary.no-bg,\n.sn-component .sk-circle.sk-secondary.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.sk-secondary.no-bg:before, .sn-component .sk-secondary.no-bg.sk-box:before,\n.sn-component .sk-box.sk-secondary.no-bg:before,\n.sn-component .sk-circle.sk-secondary.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.sk-secondary.featured, .sn-component .sk-secondary.featured.sk-box,\n.sn-component .sk-box.sk-secondary.featured,\n.sn-component .sk-circle.sk-secondary.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.sk-secondary.featured:before, .sn-component .sk-secondary.featured.sk-box:before,\n.sn-component .sk-box.sk-secondary.featured:before,\n.sn-component .sk-circle.sk-secondary.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.sk-secondary-contrast, .sn-component .sk-secondary-contrast.sk-box,\n.sn-component .sk-box.sk-secondary-contrast,\n.sn-component .sk-circle.sk-secondary-contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.sn-component .sk-button.sk-secondary-contrast *, .sn-component .sk-secondary-contrast.sk-box *,\n.sn-component .sk-box.sk-secondary-contrast *,\n.sn-component .sk-circle.sk-secondary-contrast * {\n position: relative;\n}\n\n.sn-component .sk-button.sk-secondary-contrast:before, .sn-component .sk-secondary-contrast.sk-box:before,\n.sn-component .sk-box.sk-secondary-contrast:before,\n.sn-component .sk-circle.sk-secondary-contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.sk-secondary-contrast:after, .sn-component .sk-secondary-contrast.sk-box:after,\n.sn-component .sk-box.sk-secondary-contrast:after,\n.sn-component .sk-circle.sk-secondary-contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.sn-component .sk-button.sk-secondary-contrast:hover:before, .sn-component .sk-secondary-contrast.sk-box:hover:before,\n.sn-component .sk-box.sk-secondary-contrast:hover:before,\n.sn-component .sk-circle.sk-secondary-contrast:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.sk-secondary-contrast.no-bg, .sn-component .sk-secondary-contrast.no-bg.sk-box,\n.sn-component .sk-box.sk-secondary-contrast.no-bg,\n.sn-component .sk-circle.sk-secondary-contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.sk-secondary-contrast.no-bg:before, .sn-component .sk-secondary-contrast.no-bg.sk-box:before,\n.sn-component .sk-box.sk-secondary-contrast.no-bg:before,\n.sn-component .sk-circle.sk-secondary-contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.sk-secondary-contrast.featured, .sn-component .sk-secondary-contrast.featured.sk-box,\n.sn-component .sk-box.sk-secondary-contrast.featured,\n.sn-component .sk-circle.sk-secondary-contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.sk-secondary-contrast.featured:before, .sn-component .sk-secondary-contrast.featured.sk-box:before,\n.sn-component .sk-box.sk-secondary-contrast.featured:before,\n.sn-component .sk-circle.sk-secondary-contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.neutral, .sn-component .neutral.sk-box,\n.sn-component .sk-box.neutral,\n.sn-component .sk-circle.neutral {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-neutral-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-neutral-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-button.neutral *, .sn-component .neutral.sk-box *,\n.sn-component .sk-box.neutral *,\n.sn-component .sk-circle.neutral * {\n position: relative;\n}\n\n.sn-component .sk-button.neutral:before, .sn-component .neutral.sk-box:before,\n.sn-component .sk-box.neutral:before,\n.sn-component .sk-circle.neutral:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-neutral-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.neutral:after, .sn-component .neutral.sk-box:after,\n.sn-component .sk-box.neutral:after,\n.sn-component .sk-circle.neutral:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-button.neutral:hover:before, .sn-component .neutral.sk-box:hover:before,\n.sn-component .sk-box.neutral:hover:before,\n.sn-component .sk-circle.neutral:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.neutral.no-bg, .sn-component .neutral.no-bg.sk-box,\n.sn-component .sk-box.neutral.no-bg,\n.sn-component .sk-circle.neutral.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.neutral.no-bg:before, .sn-component .neutral.no-bg.sk-box:before,\n.sn-component .sk-box.neutral.no-bg:before,\n.sn-component .sk-circle.neutral.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.neutral.featured, .sn-component .neutral.featured.sk-box,\n.sn-component .sk-box.neutral.featured,\n.sn-component .sk-circle.neutral.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.neutral.featured:before, .sn-component .neutral.featured.sk-box:before,\n.sn-component .sk-box.neutral.featured:before,\n.sn-component .sk-circle.neutral.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.info, .sn-component .info.sk-box,\n.sn-component .sk-box.info,\n.sn-component .sk-circle.info {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-info-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-info-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-button.info *, .sn-component .info.sk-box *,\n.sn-component .sk-box.info *,\n.sn-component .sk-circle.info * {\n position: relative;\n}\n\n.sn-component .sk-button.info:before, .sn-component .info.sk-box:before,\n.sn-component .sk-box.info:before,\n.sn-component .sk-circle.info:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-info-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.info:after, .sn-component .info.sk-box:after,\n.sn-component .sk-box.info:after,\n.sn-component .sk-circle.info:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-button.info:hover:before, .sn-component .info.sk-box:hover:before,\n.sn-component .sk-box.info:hover:before,\n.sn-component .sk-circle.info:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.info.no-bg, .sn-component .info.no-bg.sk-box,\n.sn-component .sk-box.info.no-bg,\n.sn-component .sk-circle.info.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.info.no-bg:before, .sn-component .info.no-bg.sk-box:before,\n.sn-component .sk-box.info.no-bg:before,\n.sn-component .sk-circle.info.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.info.featured, .sn-component .info.featured.sk-box,\n.sn-component .sk-box.info.featured,\n.sn-component .sk-circle.info.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.info.featured:before, .sn-component .info.featured.sk-box:before,\n.sn-component .sk-box.info.featured:before,\n.sn-component .sk-circle.info.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.warning, .sn-component .warning.sk-box,\n.sn-component .sk-box.warning,\n.sn-component .sk-circle.warning {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-warning-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-warning-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-button.warning *, .sn-component .warning.sk-box *,\n.sn-component .sk-box.warning *,\n.sn-component .sk-circle.warning * {\n position: relative;\n}\n\n.sn-component .sk-button.warning:before, .sn-component .warning.sk-box:before,\n.sn-component .sk-box.warning:before,\n.sn-component .sk-circle.warning:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-warning-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.warning:after, .sn-component .warning.sk-box:after,\n.sn-component .sk-box.warning:after,\n.sn-component .sk-circle.warning:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-button.warning:hover:before, .sn-component .warning.sk-box:hover:before,\n.sn-component .sk-box.warning:hover:before,\n.sn-component .sk-circle.warning:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.warning.no-bg, .sn-component .warning.no-bg.sk-box,\n.sn-component .sk-box.warning.no-bg,\n.sn-component .sk-circle.warning.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.warning.no-bg:before, .sn-component .warning.no-bg.sk-box:before,\n.sn-component .sk-box.warning.no-bg:before,\n.sn-component .sk-circle.warning.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.warning.featured, .sn-component .warning.featured.sk-box,\n.sn-component .sk-box.warning.featured,\n.sn-component .sk-circle.warning.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.warning.featured:before, .sn-component .warning.featured.sk-box:before,\n.sn-component .sk-box.warning.featured:before,\n.sn-component .sk-circle.warning.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.danger, .sn-component .danger.sk-box,\n.sn-component .sk-box.danger,\n.sn-component .sk-circle.danger {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-danger-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-danger-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-button.danger *, .sn-component .danger.sk-box *,\n.sn-component .sk-box.danger *,\n.sn-component .sk-circle.danger * {\n position: relative;\n}\n\n.sn-component .sk-button.danger:before, .sn-component .danger.sk-box:before,\n.sn-component .sk-box.danger:before,\n.sn-component .sk-circle.danger:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-danger-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.danger:after, .sn-component .danger.sk-box:after,\n.sn-component .sk-box.danger:after,\n.sn-component .sk-circle.danger:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-button.danger:hover:before, .sn-component .danger.sk-box:hover:before,\n.sn-component .sk-box.danger:hover:before,\n.sn-component .sk-circle.danger:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.danger.no-bg, .sn-component .danger.no-bg.sk-box,\n.sn-component .sk-box.danger.no-bg,\n.sn-component .sk-circle.danger.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.danger.no-bg:before, .sn-component .danger.no-bg.sk-box:before,\n.sn-component .sk-box.danger.no-bg:before,\n.sn-component .sk-circle.danger.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.danger.featured, .sn-component .danger.featured.sk-box,\n.sn-component .sk-box.danger.featured,\n.sn-component .sk-circle.danger.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.danger.featured:before, .sn-component .danger.featured.sk-box:before,\n.sn-component .sk-box.danger.featured:before,\n.sn-component .sk-circle.danger.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-button.success, .sn-component .success.sk-box,\n.sn-component .sk-box.success,\n.sn-component .sk-circle.success {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-success-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-success-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-button.success *, .sn-component .success.sk-box *,\n.sn-component .sk-box.success *,\n.sn-component .sk-circle.success * {\n position: relative;\n}\n\n.sn-component .sk-button.success:before, .sn-component .success.sk-box:before,\n.sn-component .sk-box.success:before,\n.sn-component .sk-circle.success:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-success-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-button.success:after, .sn-component .success.sk-box:after,\n.sn-component .sk-box.success:after,\n.sn-component .sk-circle.success:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-button.success:hover:before, .sn-component .success.sk-box:hover:before,\n.sn-component .sk-box.success:hover:before,\n.sn-component .sk-circle.success:hover:before {\n filter: brightness(130%);\n}\n\n.sn-component .sk-button.success.no-bg, .sn-component .success.no-bg.sk-box,\n.sn-component .sk-box.success.no-bg,\n.sn-component .sk-circle.success.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-button.success.no-bg:before, .sn-component .success.no-bg.sk-box:before,\n.sn-component .sk-box.success.no-bg:before,\n.sn-component .sk-circle.success.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-button.success.featured, .sn-component .success.featured.sk-box,\n.sn-component .sk-box.success.featured,\n.sn-component .sk-circle.success.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-button.success.featured:before, .sn-component .success.featured.sk-box:before,\n.sn-component .sk-box.success.featured:before,\n.sn-component .sk-circle.success.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.contrast,\n.sn-component .sk-input.contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-contrast-border-color);\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-notification.contrast *,\n.sn-component .sk-input.contrast * {\n position: relative;\n}\n\n.sn-component .sk-notification.contrast:before,\n.sn-component .sk-input.contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.contrast:after,\n.sn-component .sk-input.contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-contrast-border-color);\n border-color: var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-notification.contrast.no-bg,\n.sn-component .sk-input.contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.contrast.no-bg:before,\n.sn-component .sk-input.contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.contrast.featured,\n.sn-component .sk-input.contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.contrast.featured:before,\n.sn-component .sk-input.contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.sk-secondary,\n.sn-component .sk-input.sk-secondary {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-border-color);\n border: 1px solid var(--sn-stylekit-secondary-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary *,\n.sn-component .sk-input.sk-secondary * {\n position: relative;\n}\n\n.sn-component .sk-notification.sk-secondary:before,\n.sn-component .sk-input.sk-secondary:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.sk-secondary:after,\n.sn-component .sk-input.sk-secondary:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-secondary-border-color);\n border-color: var(--sn-stylekit-secondary-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary.no-bg,\n.sn-component .sk-input.sk-secondary.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.sk-secondary.no-bg:before,\n.sn-component .sk-input.sk-secondary.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.sk-secondary.featured,\n.sn-component .sk-input.sk-secondary.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.sk-secondary.featured:before,\n.sn-component .sk-input.sk-secondary.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast,\n.sn-component .sk-input.sk-secondary-contrast {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-secondary-contrast-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-secondary-contrast-border-color);\n border: 1px solid var(--sn-stylekit-secondary-contrast-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast *,\n.sn-component .sk-input.sk-secondary-contrast * {\n position: relative;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast:before,\n.sn-component .sk-input.sk-secondary-contrast:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast:after,\n.sn-component .sk-input.sk-secondary-contrast:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-secondary-contrast-border-color);\n border-color: var(--sn-stylekit-secondary-contrast-border-color);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.no-bg,\n.sn-component .sk-input.sk-secondary-contrast.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.no-bg:before,\n.sn-component .sk-input.sk-secondary-contrast.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.featured,\n.sn-component .sk-input.sk-secondary-contrast.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.sk-secondary-contrast.featured:before,\n.sn-component .sk-input.sk-secondary-contrast.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.sk-base,\n.sn-component .sk-input.sk-base {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-foreground-color);\n position: relative;\n background-color: var(--sn-stylekit-background-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-border-color);\n border: 1px solid var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-notification.sk-base *,\n.sn-component .sk-input.sk-base * {\n position: relative;\n}\n\n.sn-component .sk-notification.sk-base:before,\n.sn-component .sk-input.sk-base:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-background-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.sk-base:after,\n.sn-component .sk-input.sk-base:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n color: var(--sn-stylekit-border-color);\n border-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .sk-notification.sk-base.no-bg,\n.sn-component .sk-input.sk-base.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.sk-base.no-bg:before,\n.sn-component .sk-input.sk-base.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.sk-base.featured,\n.sn-component .sk-input.sk-base.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.sk-base.featured:before,\n.sn-component .sk-input.sk-base.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.neutral,\n.sn-component .sk-input.neutral {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-neutral-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-neutral-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-notification.neutral *,\n.sn-component .sk-input.neutral * {\n position: relative;\n}\n\n.sn-component .sk-notification.neutral:before,\n.sn-component .sk-input.neutral:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-neutral-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.neutral:after,\n.sn-component .sk-input.neutral:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .sk-notification.neutral.no-bg,\n.sn-component .sk-input.neutral.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.neutral.no-bg:before,\n.sn-component .sk-input.neutral.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.neutral.featured,\n.sn-component .sk-input.neutral.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.neutral.featured:before,\n.sn-component .sk-input.neutral.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.info,\n.sn-component .sk-input.info {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-info-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-info-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-notification.info *,\n.sn-component .sk-input.info * {\n position: relative;\n}\n\n.sn-component .sk-notification.info:before,\n.sn-component .sk-input.info:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-info-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.info:after,\n.sn-component .sk-input.info:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-notification.info.no-bg,\n.sn-component .sk-input.info.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.info.no-bg:before,\n.sn-component .sk-input.info.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.info.featured,\n.sn-component .sk-input.info.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.info.featured:before,\n.sn-component .sk-input.info.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.warning,\n.sn-component .sk-input.warning {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-warning-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-warning-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-notification.warning *,\n.sn-component .sk-input.warning * {\n position: relative;\n}\n\n.sn-component .sk-notification.warning:before,\n.sn-component .sk-input.warning:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-warning-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.warning:after,\n.sn-component .sk-input.warning:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-warning-color);\n}\n\n.sn-component .sk-notification.warning.no-bg,\n.sn-component .sk-input.warning.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.warning.no-bg:before,\n.sn-component .sk-input.warning.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.warning.featured,\n.sn-component .sk-input.warning.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.warning.featured:before,\n.sn-component .sk-input.warning.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.danger,\n.sn-component .sk-input.danger {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-danger-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-danger-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-notification.danger *,\n.sn-component .sk-input.danger * {\n position: relative;\n}\n\n.sn-component .sk-notification.danger:before,\n.sn-component .sk-input.danger:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-danger-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.danger:after,\n.sn-component .sk-input.danger:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .sk-notification.danger.no-bg,\n.sn-component .sk-input.danger.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.danger.no-bg:before,\n.sn-component .sk-input.danger.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.danger.featured,\n.sn-component .sk-input.danger.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.danger.featured:before,\n.sn-component .sk-input.danger.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification.success,\n.sn-component .sk-input.success {\n /*\n If $border-color is supplied, we use traditional borders for rect.\n Only sk-notification and sk-input will supply their own border color because inputs don't seem to support inset shadow borders.\n If not, and we're inerferring border from other colors, we use box-shadow, so that we get rounded borders\n */\n color: var(--sn-stylekit-success-contrast-color);\n position: relative;\n background-color: var(--sn-stylekit-success-color);\n overflow: hidden;\n border-radius: var(--sn-stylekit-general-border-radius);\n /*\n We use box-shadow instead of border so that the borders are rounded properly around the rect.\n We keep border-color as well incase the individual elements want a border in some cases.\n */\n border-color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-notification.success *,\n.sn-component .sk-input.success * {\n position: relative;\n}\n\n.sn-component .sk-notification.success:before,\n.sn-component .sk-input.success:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-success-color);\n opacity: 1;\n border-radius: var(--sn-stylekit-general-border-radius);\n}\n\n.sn-component .sk-notification.success:after,\n.sn-component .sk-input.success:after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n border-radius: var(--sn-stylekit-general-border-radius);\n pointer-events: none;\n box-shadow: inset 0 0 0 1px;\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .sk-notification.success.no-bg,\n.sn-component .sk-input.success.no-bg {\n background-color: transparent;\n}\n\n.sn-component .sk-notification.success.no-bg:before,\n.sn-component .sk-input.success.no-bg:before {\n content: none;\n}\n\n.sn-component .sk-notification.success.featured,\n.sn-component .sk-input.success.featured {\n border: none;\n padding: 0.609375rem 1.015625rem;\n font-size: var(--sn-stylekit-font-size-h3);\n}\n\n.sn-component .sk-notification.success.featured:before,\n.sn-component .sk-input.success.featured:before {\n opacity: 1;\n}\n\n.sn-component .sk-notification {\n padding: 0.89375rem 0.8125rem;\n margin: 1.1375rem 0;\n text-align: left;\n cursor: default;\n}\n\n.sn-component .sk-notification.one-line {\n padding: 0rem 0.325rem;\n}\n\n.sn-component .sk-notification.stretch {\n width: 100%;\n}\n\n.sn-component .sk-notification.dashed {\n border-style: dashed;\n border-width: 2px;\n}\n\n.sn-component .sk-notification.dashed:after {\n box-shadow: none;\n}\n\n.sn-component .sk-notification .sk-notification-title {\n font-size: var(--sn-stylekit-font-size-h1);\n font-weight: bold;\n line-height: 1.54375rem;\n}\n\n.sn-component .sk-notification .sk-notification-text {\n line-height: 1.21875rem;\n font-size: var(--sn-stylekit-font-size-p);\n text-align: left;\n font-weight: normal;\n}\n\n.sn-component .sk-circle {\n border: 1px solid;\n cursor: pointer;\n border-color: var(--sn-stylekit-contrast-foreground-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n padding: 0;\n border-radius: 50% !important;\n flex-shrink: 0;\n}\n\n.sn-component .sk-circle:before {\n border-radius: 50% !important;\n}\n\n.sn-component .sk-circle:after {\n border-radius: 50% !important;\n}\n\n.sn-component .sk-circle.small {\n width: 11px;\n height: 11px;\n}\n\n.sn-component .sk-spinner {\n border: 1px solid var(--sn-stylekit-neutral-color);\n border-radius: 50%;\n animation: rotate 0.8s infinite linear;\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.small {\n width: 12px;\n height: 12px;\n}\n\n.sn-component .sk-spinner.info-contrast {\n border-color: var(--sn-stylekit-info-contrast-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.info {\n border-color: var(--sn-stylekit-info-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.warning {\n border-color: var(--sn-stylekit-warning-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.danger {\n border-color: var(--sn-stylekit-danger-color);\n border-right-color: transparent;\n}\n\n.sn-component .sk-spinner.success {\n border-color: var(--sn-stylekit-success-color);\n border-right-color: transparent;\n}\n\n.sn-component .spinner-info {\n border-color: var(--sn-stylekit-info-color);\n border-right-color: transparent;\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.sn-component .sk-app-bar {\n display: flex;\n width: 100%;\n height: 1.625rem;\n padding: 0 0.65rem;\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n user-select: none;\n}\n\n.sn-component .sk-app-bar.no-edges {\n border-left: 0;\n border-right: 0;\n}\n\n.sn-component .sk-app-bar.no-bottom-edge {\n border-bottom: 0;\n}\n\n.sn-component .sk-app-bar .left,\n.sn-component .sk-app-bar .right {\n display: flex;\n height: 100%;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item {\n flex-grow: 1;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item:not(:first-child) {\n margin-left: 0.8125rem;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item.border {\n border-left: 1px solid var(--sn-stylekit-contrast-border-color);\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column {\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column:not(:first-child) {\n margin-left: 0.40625rem;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column.underline {\n border-bottom: 2px solid var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item.no-pointer {\n cursor: default;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-label:not(.subtle), .sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item:hover > .sk-panel-section-subtitle:not(.subtle), .sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item:hover > .sk-panel-section-subtitle:not(.subtle),\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-sublabel:not(.subtle),\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-label:not(.subtle),\n.sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-panel-section-subtitle:not(.subtle),\n.sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-panel-section-subtitle:not(.subtle),\n.sn-component .sk-app-bar .sk-app-bar-item:hover > .sk-app-bar-item-column > .sk-sublabel:not(.subtle) {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-label, .sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item > .sk-panel-section-subtitle, .sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item > .sk-panel-section-subtitle,\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column > .sk-label,\n.sn-component .sk-app-bar .sk-panel-section .sk-app-bar-item > .sk-app-bar-item-column > .sk-panel-section-subtitle,\n.sn-component .sk-panel-section .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column > .sk-panel-section-subtitle {\n font-weight: bold;\n font-size: var(--sn-stylekit-font-size-h5);\n white-space: nowrap;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-sublabel,\n.sn-component .sk-app-bar .sk-app-bar-item > .sk-app-bar-item-column > .sk-sublabel {\n font-size: var(--sn-stylekit-font-size-h5);\n font-weight: normal;\n white-space: nowrap;\n}\n\n.sn-component .sk-app-bar .sk-app-bar-item .subtle {\n font-weight: normal;\n opacity: 0.6;\n}\n\n.sn-component .sk-panel-table {\n display: flex;\n flex-wrap: wrap;\n padding-left: 1px;\n padding-top: 1px;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item {\n flex: 45%;\n flex-flow: wrap;\n border: 1px solid var(--sn-stylekit-border-color);\n padding: 0.8125rem;\n margin-left: -1px;\n margin-top: -1px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item img {\n max-width: 100%;\n margin-bottom: 0.8125rem;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-content {\n display: flex;\n flex-direction: row;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column {\n align-items: center;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column.stretch {\n width: 100%;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column:not(:first-child) {\n padding-left: 0.609375rem;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column.quarter {\n flex-basis: 25%;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-column.three-quarters {\n flex-basis: 75%;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item .sk-panel-table-item-footer {\n margin-top: 1.015625rem;\n}\n\n.sn-component .sk-panel-table .sk-panel-table-item.no-border {\n border: none;\n}\n\n.sn-component .sk-modal {\n position: fixed;\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 10000;\n width: 100vw;\n height: 100vh;\n background-color: transparent;\n color: var(--sn-stylekit-contrast-foreground-color);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sn-component .sk-modal .sn-component {\n height: 100%;\n}\n\n.sn-component .sk-modal .sn-component .sk-panel {\n height: 100%;\n}\n\n.sn-component .sk-modal.auto-height > .sk-modal-content {\n height: auto !important;\n}\n\n.sn-component .sk-modal.large > .sk-modal-content {\n width: 900px;\n height: 600px;\n}\n\n.sn-component .sk-modal.medium > .sk-modal-content {\n width: 700px;\n height: 500px;\n}\n\n.sn-component .sk-modal.small > .sk-modal-content {\n width: 700px;\n height: 344px;\n}\n\n.sn-component .sk-modal .sk-modal-background {\n position: absolute;\n z-index: -1;\n width: 100%;\n height: 100%;\n background-color: var(--sn-stylekit-contrast-background-color);\n opacity: 0.7;\n}\n\n.sn-component .sk-modal > .sk-modal-content {\n overflow-y: auto;\n width: auto;\n padding: 0;\n padding-bottom: 0;\n min-width: 300px;\n -webkit-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.19);\n -moz-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.19);\n box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.19);\n}\n\n@keyframes slide-down {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.sn-component .slide-down-animation, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-popover {\n animation: slide-down 0.2s ease;\n}\n\n@keyframes slide-in-right {\n 0% {\n opacity: 0;\n transform: translateX(10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.sn-component .slide-in-right-animation {\n animation: slide-in-right 0.2s ease;\n}\n\n@keyframes slide-out-left {\n 0% {\n opacity: 1;\n transform: translateX(0);\n }\n 100% {\n opacity: 0;\n transform: translateX(-10px);\n }\n}\n\n.sn-component .slide-out-left-animation {\n animation: slide-out-left 0.2s ease;\n}\n\n@keyframes fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.sn-component .fade-out-animation {\n animation: fade-out 0.2s ease;\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.sn-component .fade-in-animation {\n animation: fade-in 0.2s ease;\n}\n\n.sn-component .animation-fill-forwards {\n animation-fill-mode: forwards;\n}\n\n.sn-component .no-border {\n border: none;\n}\n\n.sn-component .border-0, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-select-popover {\n border-width: 0px;\n}\n\n.sn-component .border-1, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-icon-button {\n border-width: 1px;\n}\n\n.sn-component .border-2 {\n border-width: 2px;\n}\n\n.sn-component .border-b-1 {\n border-bottom-width: 1px;\n}\n\n.sn-component .border-main, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list, .sn-component .sn-select-popover, .sn-component .sn-icon-button {\n border-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .border-background {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .border-transparent {\n border-color: transparent;\n}\n\n.sn-component .border-info {\n border-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .border-neutral {\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .border-rounded-md {\n border-radius: 0.375rem;\n}\n\n.sn-component .rounded, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list, .sn-component .sn-select-popover {\n border-radius: 0.25rem;\n}\n\n.sn-component .rounded-full, .sn-component .sn-icon-button {\n border-radius: 9999px;\n}\n\n.sn-component .border-solid, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-icon-button {\n border-style: solid;\n}\n\n.sn-component .border-bottom-solid {\n border-bottom-style: solid;\n}\n\n.sn-component .border-box, .sn-component .sn-select {\n box-sizing: border-box;\n}\n\n.sn-component .ring-info, .sn-component .focus\\:ring-info:focus, .sn-component .sn-icon-button:focus, .sn-component .focus-within\\:ring-info:focus-within {\n box-shadow: 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.sn-component .inner-ring-info, .sn-component .focus\\:inner-ring-info:focus {\n box-shadow: inset 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.sn-component .shadow-overlay {\n box-shadow: 0px 4px 24px 0px #00000029;\n}\n\n.sn-component .border-dark-red {\n border-color: var(--sn-stylekit-dark-red);\n}\n\n.sn-component .border-bottom-1-gray {\n border-bottom-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .bg-default, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list {\n background-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .bg-contrast, .sn-component .hover\\:bg-contrast:hover, .sn-component .sn-icon-button:hover, .sn-component .focus\\:bg-contrast:focus, .sn-component .sn-icon-button:focus {\n background-color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .bg-border {\n background-color: var(--sn-stylekit-border-color);\n}\n\n.sn-component .bg-secondary-contrast, .sn-component .hover\\:bg-secondary-contrast:hover, .sn-component .focus\\:bg-secondary-contrast:focus {\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.sn-component .bg-clip-padding, .sn-component .sn-icon-button {\n background-clip: padding-box;\n}\n\n.sn-component .bg-transparent, .sn-component .sn-icon-button {\n background-color: transparent;\n}\n\n.sn-component .bg-neutral {\n background-color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .color-neutral, .sn-component .sn-icon-button {\n color: var(--sn-stylekit-neutral-color);\n}\n\n.sn-component .bg-text {\n background-color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component .color-text, .sn-component .hover\\:color-text:hover, .sn-component .sn-icon-button:hover, .sn-component .focus\\:color-text:focus, .sn-component .sn-icon-button:focus, .sn-component .sn-button.outlined, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component .bg-foreground {\n background-color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component .color-foreground {\n color: var(--sn-stylekit-foreground-color);\n}\n\n.sn-component .bg-danger {\n background-color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .color-danger {\n color: var(--sn-stylekit-danger-color);\n}\n\n.sn-component .bg-info, .sn-component .sn-button.info, .sn-component .sn-icon-button.info {\n background-color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .color-info {\n color: var(--sn-stylekit-info-color);\n}\n\n.sn-component .bg-info-contrast {\n background-color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component .color-info-contrast, .sn-component .sn-button.info, .sn-component .sn-icon-button.info, .sn-component .sn-icon-button.info:hover, .sn-component .sn-icon-button.info:focus {\n color: var(--sn-stylekit-info-contrast-color);\n}\n\n.sn-component .bg-info-dark, .sn-component .hover\\:bg-info-dark:hover, .sn-component .focus\\:bg-info-dark:focus, .sn-component .sn-icon-button.info:hover, .sn-component .sn-icon-button.info:focus {\n background-color: var(--sn-stylekit-info-color-darkened);\n}\n\n.sn-component .color-info-dark {\n color: var(--sn-stylekit-info-color-darkened);\n}\n\n.sn-component .bg-success {\n background-color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .color-success {\n color: var(--sn-stylekit-success-color);\n}\n\n.sn-component .bg-grey-0 {\n background-color: var(--sn-stylekit-grey-0);\n}\n\n.sn-component .color-grey-0 {\n color: var(--sn-stylekit-grey-0);\n}\n\n.sn-component .bg-grey-1 {\n background-color: var(--sn-stylekit-grey-1);\n}\n\n.sn-component .color-grey-1 {\n color: var(--sn-stylekit-grey-1);\n}\n\n.sn-component .bg-grey-2 {\n background-color: var(--sn-stylekit-grey-2);\n}\n\n.sn-component .color-grey-2 {\n color: var(--sn-stylekit-grey-2);\n}\n\n.sn-component .bg-grey-3 {\n background-color: var(--sn-stylekit-grey-3);\n}\n\n.sn-component .color-grey-3 {\n color: var(--sn-stylekit-grey-3);\n}\n\n.sn-component .bg-grey-4 {\n background-color: var(--sn-stylekit-grey-4);\n}\n\n.sn-component .color-grey-4 {\n color: var(--sn-stylekit-grey-4);\n}\n\n.sn-component .bg-grey-4-opacity-variant {\n background-color: var(--sn-stylekit-grey-4-opacity-variant);\n}\n\n.sn-component .color-grey-4-opacity-variant {\n color: var(--sn-stylekit-grey-4-opacity-variant);\n}\n\n.sn-component .bg-grey-5 {\n background-color: var(--sn-stylekit-grey-5);\n}\n\n.sn-component .color-grey-5 {\n color: var(--sn-stylekit-grey-5);\n}\n\n.sn-component .bg-grey-6 {\n background-color: var(--sn-stylekit-grey-6);\n}\n\n.sn-component .color-grey-6 {\n color: var(--sn-stylekit-grey-6);\n}\n\n.sn-component .bg-grey-super-light {\n background-color: var(--sn-stylekit-grey-super-light);\n}\n\n.sn-component .color-grey-super-light {\n color: var(--sn-stylekit-grey-super-light);\n}\n\n.sn-component .bg-black {\n background-color: var(--sn-stylekit-black);\n}\n\n.sn-component .color-black {\n color: var(--sn-stylekit-black);\n}\n\n.sn-component .bg-white {\n background-color: var(--sn-stylekit-white);\n}\n\n.sn-component .color-white {\n color: var(--sn-stylekit-white);\n}\n\n.sn-component .bg-dark-red {\n background-color: var(--sn-stylekit-dark-red);\n}\n\n.sn-component .color-dark-red {\n color: var(--sn-stylekit-dark-red);\n}\n\n.sn-component .bg-accessory-tint-1 {\n background-color: var(--sn-stylekit-accessory-tint-color-1);\n}\n\n.sn-component .color-accessory-tint-1 {\n color: var(--sn-stylekit-accessory-tint-color-1);\n}\n\n.sn-component .bg-accessory-tint-2 {\n background-color: var(--sn-stylekit-accessory-tint-color-2);\n}\n\n.sn-component .color-accessory-tint-2 {\n color: var(--sn-stylekit-accessory-tint-color-2);\n}\n\n.sn-component .bg-accessory-tint-3 {\n background-color: var(--sn-stylekit-accessory-tint-color-3);\n}\n\n.sn-component .color-accessory-tint-3 {\n color: var(--sn-stylekit-accessory-tint-color-3);\n}\n\n.sn-component .bg-accessory-tint-4 {\n background-color: var(--sn-stylekit-accessory-tint-color-4);\n}\n\n.sn-component .color-accessory-tint-4 {\n color: var(--sn-stylekit-accessory-tint-color-4);\n}\n\n.sn-component .bg-accessory-tint-5 {\n background-color: var(--sn-stylekit-accessory-tint-color-5);\n}\n\n.sn-component .color-accessory-tint-5 {\n color: var(--sn-stylekit-accessory-tint-color-5);\n}\n\n.sn-component .bg-accessory-tint-6 {\n background-color: var(--sn-stylekit-accessory-tint-color-6);\n}\n\n.sn-component .color-accessory-tint-6 {\n color: var(--sn-stylekit-accessory-tint-color-6);\n}\n\n.sn-component .selected\\:bg-color[data-selected], .sn-component .sn-dropdown-menu-list-item[data-selected], .sn-component .sn-select-list-option[data-selected],\n.sn-component .selected\\:bg-color[aria-selected='true'],\n.sn-component .sn-dropdown-menu-list-item[aria-selected='true'],\n.sn-component .sn-select-list-option[aria-selected='true'] {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.sn-component .selected\\:fg-color[data-selected], .sn-component .sn-dropdown-menu-list-item[data-selected], .sn-component .sn-select-list-option[data-selected],\n.sn-component .selected\\:fg-color[aria-selected='true'],\n.sn-component .sn-dropdown-menu-list-item[aria-selected='true'],\n.sn-component .sn-select-list-option[aria-selected='true'] {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.sn-component .fill-current, .sn-component .sn-icon {\n fill: currentColor;\n}\n\n.sn-component .inline-flex, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-select-button {\n display: inline-flex;\n}\n\n.sn-component .block {\n display: block;\n}\n\n.sn-component .flex, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-icon-button {\n display: flex;\n}\n\n.sn-component .flex-col {\n flex-direction: column;\n}\n\n.sn-component .flex-row {\n flex-direction: row;\n}\n\n.sn-component .flex-grow {\n flex-grow: 1;\n}\n\n.sn-component .flex-shrink {\n flex-shrink: 1;\n}\n\n.sn-component .flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.sn-component .flex-wrap {\n flex-wrap: wrap;\n}\n\n.sn-component .grid {\n display: grid;\n}\n\n.sn-component .items-center, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-icon-button {\n align-items: center;\n}\n\n.sn-component .items-start {\n align-items: flex-start;\n}\n\n.sn-component .items-end {\n align-items: flex-end;\n}\n\n.sn-component .items-stretch {\n align-items: stretch;\n}\n\n.sn-component .justify-center, .sn-component .sn-dropdown-menu, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-icon-button {\n justify-content: center;\n}\n\n.sn-component .justify-between {\n justify-content: space-between;\n}\n\n.sn-component .justify-start {\n justify-content: flex-start;\n}\n\n.sn-component .justify-end {\n justify-content: flex-end;\n}\n\n.sn-component .gap-1 {\n grid-gap: 0.25rem;\n gap: 0.25rem;\n}\n\n.sn-component .gap-2 {\n grid-gap: 0.5rem;\n gap: 0.5rem;\n}\n\n.sn-component .gap-3 {\n grid-gap: 0.75rem;\n gap: 0.75rem;\n}\n\n.sn-component .gap-4 {\n grid-gap: 1rem;\n gap: 1rem;\n}\n\n.sn-component .absolute, .sn-component .sn-dropdown-menu-list, .sn-component .sn-full-screen {\n position: absolute;\n}\n\n.sn-component .fixed {\n position: fixed;\n}\n\n.sn-component .cursor-pointer, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-select-list-option, .sn-component .sn-icon-button {\n cursor: pointer;\n}\n\n.sn-component .origin-top-right, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-list {\n transform-origin: top right;\n}\n\n.sn-component .overflow-auto {\n overflow: auto;\n}\n\n.sn-component .overflow-y-auto {\n overflow-y: auto;\n}\n\n.sn-component .overflow-hidden {\n overflow: hidden;\n}\n\n.sn-component .overflow-ellipsis {\n text-overflow: ellipsis;\n}\n\n.sn-component .flex-basis-55 {\n flex-basis: 13.75rem;\n}\n\n.sn-component .opacity-0 {\n opacity: 0;\n}\n\n.sn-component .hover\\:bg-grey-3:hover {\n background-color: var(--sn-stylekit-grey-3);\n}\n\n.sn-component .hover\\:brightness-130:hover, .sn-component .sn-button:hover {\n filter: brightness(130%);\n}\n\n.sn-component .focus\\:brightness-130:focus, .sn-component .sn-button:focus {\n filter: brightness(130%);\n}\n\n.sn-component .hover\\:bg-highlight:hover, .sn-component .sn-button.outlined:hover, .sn-component .sn-dropdown-menu:hover, .sn-component .sn-dropdown-menu-list-item:hover, .sn-component .sn-select:hover {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.sn-component .focus\\:bg-highlight:focus, .sn-component .sn-button.outlined:focus {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.sn-component .focus\\:padded-ring-info:focus {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color), 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.sn-component .focus\\:border-bottom:focus {\n border-bottom: 2px solid var(--sn-stylekit-info-color);\n}\n\n.sn-component .focus-within\\:padded-ring-info:focus-within {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color), 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.sn-component .focus-within\\:border-background:focus-within {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.sn-component .box-shadow, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-popover, .sn-component .box-shadow:focus, .sn-component .sn-dropdown-menu-list:focus, .sn-component .sn-select-popover:focus, .sn-component .box-shadow:focus-within, .sn-component .sn-dropdown-menu-list:focus-within, .sn-component .sn-select-popover:focus-within {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n.sn-component .focus\\:outline-none:focus, .sn-component .sn-button:focus, .sn-component .sn-dropdown-menu:focus, .sn-component .sn-dropdown-menu-list:focus, .sn-component .sn-dropdown-menu-list-item:focus, .sn-component .sn-select:focus, .sn-component .sn-select-button:focus, .sn-component .sn-select-list:focus, .sn-component .sn-select-popover:focus, .sn-component .sn-icon-button:focus {\n outline: none;\n}\n\n.sn-component .focus\\:shadow-none:focus, .sn-component .sn-button.outlined:focus, .sn-component .sn-dropdown-menu:focus, .sn-component .sn-dropdown-menu-list-item:focus, .sn-component .sn-select:focus, .sn-component .sn-select-button:focus, .sn-component .sn-select-list:focus, .sn-component .sn-select-popover:focus {\n box-shadow: none;\n}\n\n.sn-component .focus-within\\:outline-none:focus-within {\n outline: none;\n}\n\n.sn-component .focus-within\\:shadow-none:focus-within {\n box-shadow: none;\n}\n\n.sn-component .capitalize, .sn-component .sn-button {\n text-transform: capitalize;\n}\n\n.sn-component .font-normal, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select, .sn-component .sn-select-list-option {\n font-weight: 300;\n}\n\n.sn-component .font-semibold {\n font-weight: 600;\n}\n\n.sn-component .font-bold, .sn-component .sn-button {\n font-weight: 700;\n}\n\n.sn-component .text-left {\n text-align: left;\n}\n\n.sn-component .text-center {\n text-align: center;\n}\n\n.sn-component .text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.sn-component .text-sm, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-list, .sn-component .sn-select-list-option {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.sn-component .text-input {\n font-size: 0.875rem;\n line-height: 1.125rem;\n}\n\n.sn-component .text-base {\n font-size: 1rem;\n}\n\n.sn-component .text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.sn-component .text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.sn-component .text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.sn-component .font-medium {\n font-weight: 500;\n}\n\n.sn-component .leading-4, .sn-component .sn-dropdown-menu, .sn-component .sn-select {\n line-height: 1rem;\n}\n\n.sn-component .whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n.sn-component .whitespace-nowrap {\n white-space: nowrap;\n}\n\n.sn-component .h-auto {\n height: auto;\n}\n\n.sn-component .h-full {\n height: 100%;\n}\n\n.sn-component .h-100vh, .sn-component .sn-full-screen {\n height: 100vh;\n}\n\n.sn-component .h-90vh {\n height: 90vh;\n}\n\n.sn-component .h-0 {\n height: 0;\n}\n\n.sn-component .h-2 {\n height: 0.5rem;\n}\n\n.sn-component .h-3\\.5, .sn-component .sn-icon.sn-icon--small {\n height: 0.875rem;\n}\n\n.sn-component .h-4, .sn-component .sn-icon.sn-icon--mid {\n height: 1rem;\n}\n\n.sn-component .h-4\\.5 {\n height: 1.125rem;\n}\n\n.sn-component .h-5, .sn-component .sn-icon {\n height: 1.25rem;\n}\n\n.sn-component .h-6 {\n height: 1.5rem;\n}\n\n.sn-component .h-7 {\n height: 1.75rem;\n}\n\n.sn-component .h-8, .sn-component .sn-icon-button {\n height: 2rem;\n}\n\n.sn-component .h-9 {\n height: 2.25rem;\n}\n\n.sn-component .h-10 {\n height: 2.5rem;\n}\n\n.sn-component .h-14 {\n height: 3.5rem;\n}\n\n.sn-component .h-18 {\n height: 4.5rem;\n}\n\n.sn-component .h-25 {\n height: 6.25rem;\n}\n\n.sn-component .h-1px {\n height: 1px;\n}\n\n.sn-component .h-20px {\n height: 20px;\n}\n\n.sn-component .min-h-0 {\n min-height: 0;\n}\n\n.sn-component .min-h-5 {\n min-height: 1.25rem;\n}\n\n.sn-component .m-h-32, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select {\n min-height: 2rem;\n}\n\n.sn-component .min-h-20px {\n height: 20px;\n}\n\n.sn-component .max-h-120 {\n max-height: 30rem;\n}\n\n.sn-component .m-0, .sn-component .sn-icon-button {\n margin: 0;\n}\n\n.sn-component .my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.sn-component .my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.sn-component .my-3 {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.sn-component .-mt-1 {\n margin-top: -0.25rem;\n}\n\n.sn-component .mt-1 {\n margin-top: 0.25rem;\n}\n\n.sn-component .mt-2, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-popover {\n margin-top: 0.5rem;\n}\n\n.sn-component .mt-3 {\n margin-top: 0.75rem;\n}\n\n.sn-component .mt-4 {\n margin-top: 1rem;\n}\n\n.sn-component .mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.sn-component .mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.sn-component .-mr-2 {\n margin-right: -0.5rem;\n}\n\n.sn-component .mr-1 {\n margin-right: 0.25rem;\n}\n\n.sn-component .mr-1\\.5 {\n margin-right: 0.375rem;\n}\n\n.sn-component .mr-2, .sn-component .sn-dropdown-menu > .sn-icon:first-child, .sn-component .sn-dropdown-menu-list-item > .sn-icon {\n margin-right: 0.5rem;\n}\n\n.sn-component .mr-10 {\n margin-right: 2.5rem;\n}\n\n.sn-component .ml-1 {\n margin-left: 0.25rem;\n}\n\n.sn-component .ml-1\\.5 {\n margin-left: 0.375rem;\n}\n\n.sn-component .ml-2, .sn-component .sn-dropdown-menu > .sn-icon:last-child, .sn-component .sn-select-button > .sn-icon:last-child {\n margin-left: 0.5rem;\n}\n\n.sn-component .ml-4 {\n margin-left: 1rem;\n}\n\n.sn-component .ml-6 {\n margin-left: 1.5rem;\n}\n\n.sn-component .p-0, .sn-component .sn-icon-button {\n padding-top: 0;\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n}\n\n.sn-component .p-2 {\n padding: 0.5rem;\n}\n\n.sn-component .p-3 {\n padding: 0.75rem;\n}\n\n.sn-component .py-1, .sn-component .sn-dropdown-menu, .sn-component .sn-select-button {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.sn-component .py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n.sn-component .py-1\\.75 {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n}\n\n.sn-component .py-2, .sn-component .sn-dropdown-menu-list, .sn-component .sn-select-list-option {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.sn-component .py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.sn-component .py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.sn-component .py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.sn-component .py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.sn-component .px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.sn-component .px-2, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.sn-component .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.sn-component .px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n\n.sn-component .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.sn-component .px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.sn-component .pt-4 {\n padding-top: 1rem;\n}\n\n.sn-component .pb-3 {\n padding-bottom: 0.75rem;\n}\n\n.sn-component .pr-2 {\n padding-right: 0.5rem;\n}\n\n.sn-component .pl-1 {\n padding-left: 0.25rem;\n}\n\n.sn-component .pl-3 {\n padding-left: 0.75rem;\n}\n\n.sn-component .w-auto, .sn-component .sn-dropdown-menu, .sn-component .sn-select {\n width: auto;\n}\n\n.sn-component .w-full {\n width: 100%;\n}\n\n.sn-component .w-100vw, .sn-component .sn-full-screen {\n width: 100vw;\n}\n\n.sn-component .fit-content {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.sn-component .w-0 {\n width: 0;\n}\n\n.sn-component .w-2 {\n width: 0.5rem;\n}\n\n.sn-component .w-3\\.5, .sn-component .sn-icon.sn-icon--small {\n width: 0.875rem;\n}\n\n.sn-component .w-4, .sn-component .sn-icon.sn-icon--mid {\n width: 1rem;\n}\n\n.sn-component .w-5, .sn-component .sn-icon {\n width: 1.25rem;\n}\n\n.sn-component .w-8 {\n width: 2rem;\n}\n\n.sn-component .w-25 {\n width: 6.25rem;\n}\n\n.sn-component .w-30 {\n width: 7.5rem;\n}\n\n.sn-component .w-55 {\n width: 13.75rem;\n}\n\n.sn-component .w-56, .sn-component .sn-dropdown-menu-list {\n width: 14rem;\n}\n\n.sn-component .w-70 {\n width: 17.5rem;\n}\n\n.sn-component .w-80 {\n width: 20rem;\n}\n\n.sn-component .w-103 {\n width: 25.75rem;\n}\n\n.sn-component .w-125 {\n width: 31.25rem;\n}\n\n.sn-component .w-160 {\n width: 40rem;\n}\n\n.sn-component .w-20px {\n width: 20px;\n}\n\n.sn-component .min-w-265px, .sn-component .sn-dropdown-menu-list {\n min-width: 265px;\n}\n\n.sn-component .min-w-20px {\n min-width: 20px;\n}\n\n.sn-component .min-w-0 {\n min-width: 0;\n}\n\n.sn-component .min-w-4 {\n min-width: 1rem;\n}\n\n.sn-component .min-w-5 {\n min-width: 1.25rem;\n}\n\n.sn-component .min-w-8, .sn-component .sn-icon-button {\n min-width: 2rem;\n}\n\n.sn-component .min-w-20 {\n min-width: 5rem;\n}\n\n.sn-component .min-w-40 {\n min-width: 10rem;\n}\n\n.sn-component .min-w-42 {\n min-width: 10.5rem;\n}\n\n.sn-component .min-w-55 {\n min-width: 13.75rem;\n}\n\n.sn-component .min-w-80 {\n min-width: 20rem;\n}\n\n.sn-component .min-w-max {\n min-width: max-content;\n}\n\n.sn-component .max-w-xs {\n max-width: 20rem;\n}\n\n.sn-component .max-w-md {\n max-width: 28rem;\n}\n\n.sn-component .max-w-40 {\n max-width: 10rem;\n}\n\n.sn-component .max-w-80 {\n max-width: 20rem;\n}\n\n.sn-component .max-w-125 {\n max-width: 31.25rem;\n}\n\n.sn-component .max-w-290px {\n max-width: 290px;\n}\n\n.sn-component .duration-150 {\n transition-duration: 150ms;\n}\n\n.sn-component .ease-out {\n transition-timing-function: ease-out;\n}\n\n.sn-component .transition-background {\n transition-property: background;\n}\n\n.sn-component .transition-transform {\n transition-property: transform;\n}\n\n.sn-component .cursor-pointer, .sn-component .sn-button, .sn-component .sn-dropdown-menu, .sn-component .sn-dropdown-menu-list-item, .sn-component .sn-select, .sn-component .sn-select-button, .sn-component .sn-select-list-option, .sn-component .sn-icon-button {\n cursor: pointer;\n}\n\n.sn-component .top-0, .sn-component .top-left-0, .sn-component .sn-full-screen {\n top: 0;\n}\n\n.sn-component .left-0, .sn-component .top-left-0, .sn-component .sn-full-screen {\n left: 0;\n}\n\n.sn-component .bottom-0 {\n bottom: 0;\n}\n\n.sn-component .bottom-6 {\n bottom: 1.5rem;\n}\n\n.sn-component .right-0 {\n right: 0;\n}\n\n.sn-component .right-6 {\n right: 1.5rem;\n}\n\n.sn-component .-top-10 {\n top: -2.5rem;\n}\n\n.sn-component .-left-51 {\n left: -12.75rem;\n}\n\n.sn-component .z-index-toast {\n z-index: 11000;\n}\n\n.sn-component .sn-button {\n font-size: 0.8125rem;\n padding: 0.609375rem;\n min-height: 1.8125rem;\n}\n\n.sn-component .sn-button.small {\n font-size: 0.7109375rem;\n padding: 0.40625rem 0.609375rem;\n}\n\n.sn-component .sn-button.contrast {\n background-color: var(--sn-stylekit-contrast-foreground-color);\n color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-component .sn-button.neutral {\n background-color: var(--sn-stylekit-neutral-color);\n color: var(--sn-stylekit-neutral-contrast-color);\n}\n\n.sn-component .sn-button.warning {\n background-color: var(--sn-stylekit-warning-color);\n color: var(--sn-stylekit-warning-contrast-color);\n}\n\n.sn-component .sn-button.danger {\n background-color: var(--sn-stylekit-danger-color);\n color: var(--sn-stylekit-danger-contrast-color);\n}\n\n.sn-component .sn-button.success {\n background-color: var(--sn-stylekit-success-color);\n color: var(--sn-stylekit-success-contrast-color);\n}\n\n.sn-component [data-reach-custom-checkbox-container] {\n margin: 0;\n}\n\n.sn-component.no-select,\n.sn-component .select-none {\n user-select: none;\n}\n\n/* Goes outside of .sn-component declaration, as following properties are global */\ninput,\ntextarea,\n[contenteditable] {\n caret-color: var(--sn-stylekit-editor-foreground-color);\n}\n\n.windows-web,\n.windows-desktop,\n.linux-web,\n.linux-desktop {\n scrollbar-width: thin;\n}\n\n.windows-web ::-webkit-scrollbar,\n.windows-desktop ::-webkit-scrollbar,\n.linux-web ::-webkit-scrollbar,\n.linux-desktop ::-webkit-scrollbar {\n width: 17px;\n height: 18px;\n border-left: none;\n}\n\n.windows-web ::-webkit-scrollbar-thumb,\n.windows-desktop ::-webkit-scrollbar-thumb,\n.linux-web ::-webkit-scrollbar-thumb,\n.linux-desktop ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n -webkit-border-radius: 10px;\n background-color: var(--sn-stylekit-scrollbar-thumb-color);\n -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);\n}\n\n.windows-web ::-webkit-scrollbar-button,\n.windows-desktop ::-webkit-scrollbar-button,\n.linux-web ::-webkit-scrollbar-button,\n.linux-desktop ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n}\n\n.windows-web ::-webkit-scrollbar-corner,\n.windows-desktop ::-webkit-scrollbar-corner,\n.linux-web ::-webkit-scrollbar-corner,\n.linux-desktop ::-webkit-scrollbar-corner {\n background-color: transparent;\n}\n\n:root {\n --reach-listbox: 1;\n}\n\n[data-reach-listbox-popover] {\n display: block;\n position: absolute;\n min-width: -moz-fit-content;\n min-width: -webkit-min-content;\n min-width: min-content;\n padding: 0.25rem 0;\n background: white;\n outline: none;\n border: solid 1px rgba(0, 0, 0, 0.25);\n}\n\n[data-reach-listbox-popover]:focus-within {\n box-shadow: 0 0 4px Highlight;\n outline: -webkit-focus-ring-color auto 4px;\n}\n\n[data-reach-listbox-popover][hidden] {\n display: none;\n}\n\n[data-reach-listbox-list] {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n[data-reach-listbox-list]:focus {\n box-shadow: none;\n outline: none;\n}\n\n[data-reach-listbox-option] {\n display: block;\n margin: 0;\n padding: 0.25rem 0.5rem;\n white-space: nowrap;\n user-select: none;\n}\n\n[data-reach-listbox-option][data-current-nav] {\n background: #1672d4;\n color: white;\n}\n\n[data-reach-listbox-option][data-current-selected] {\n font-weight: bolder;\n}\n\n[data-reach-listbox-option][data-current-selected][data-confirming] {\n animation: flash 100ms;\n animation-iteration-count: 1;\n}\n\n[data-reach-listbox-option][aria-disabled=\"true\"] {\n opacity: 0.5;\n}\n\n[data-reach-listbox-button] {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n padding: 1px 10px 2px;\n border: 1px solid;\n border-color: #d8d8d8 #d1d1d1 #bababa;\n cursor: default;\n user-select: none;\n}\n\n[data-reach-listbox-button][aria-disabled=\"true\"] {\n opacity: 0.5;\n}\n\n[data-reach-listbox-arrow] {\n margin-left: 0.5rem;\n display: block;\n font-size: 0.5em;\n}\n\n[data-reach-listbox-group-label] {\n display: block;\n margin: 0;\n padding: 0.25rem 0.5rem;\n white-space: nowrap;\n user-select: none;\n font-weight: bolder;\n}\n\n@keyframes flash {\n 0% {\n background: #1159a6;\n color: white;\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n background: inherit;\n color: inherit;\n }\n 100% {\n background: #1159a6;\n color: white;\n opacity: 1;\n }\n}\n\n","@import '~@standardnotes/stylekit/dist/stylekit.css';\n\nbody,\nhtml {\n background-color: var(--sn-stylekit-secondary-background-color);\n padding: 0 !important;\n}\n\n* {\n // To prevent gray flash when focusing input on mobile Safari\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n font-family: var(--sn-stylekit-sans-serif-font);\n}\n\n.sn-component {\n display: flex;\n flex-direction: column;\n\n @media screen and (max-width: 420px) {\n min-height: -webkit-fill-available;\n }\n\n .ml-3 {\n margin-left: 0.75rem;\n }\n\n .mr-3 {\n margin-right: 0.75rem;\n }\n\n .sn-icon.small {\n height: 0.875rem;\n width: 0.875rem;\n }\n\n .no-fill {\n fill: none;\n }\n\n .stroke-info-color {\n stroke: var(--sn-stylekit-info-color);\n }\n\n .stroke-neutral-color {\n stroke: var(--sn-stylekit-neutral-color);\n }\n\n .fill-info-color {\n fill: var(--sn-stylekit-info-color);\n }\n\n .info-color {\n color: var(--sn-stylekit-info-color);\n }\n\n .sn-icon-button {\n border-width: 0;\n\n &:hover {\n background-color: inherit;\n border-width: 1px;\n }\n\n &.small {\n height: 1.25rem;\n min-width: 1.25rem;\n width: 1.25rem;\n }\n }\n\n .pt-1px {\n padding-top: 1px;\n }\n\n .align-baseline {\n align-items: baseline;\n }\n\n .align-center {\n align-items: center;\n }\n}\n\n:root {\n --reach-menu-button: 1;\n}\n\nreach-portal {\n @import '~@standardnotes/stylekit/src/css/utils';\n @import '~@standardnotes/stylekit/src/css/sn';\n\n div[data-reach-menu-list] {\n @extend .bg-default;\n @extend .border-main;\n @extend .rounded;\n @extend .box-shadow;\n @extend .min-w-55;\n @extend .mt-2;\n @extend .focus\\:outline-none;\n @extend .origin-top-right;\n @extend .py-2;\n @extend .slide-down-animation;\n @extend .color-text;\n @extend .w-auto;\n }\n\n div[data-reach-menu-item] {\n @extend .items-center;\n @extend .cursor-pointer;\n @extend .flex;\n @extend .hover\\:bg-highlight;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .px-2;\n @extend .selected\\:bg-color;\n @extend .selected\\:fg-color;\n @extend .m-h-32;\n }\n\n div[data-reach-menu-item] > .sn-icon {\n @extend .mr-2;\n }\n\n div[data-selected][data-reach-menu-item] {\n background-color: var(--sn-stylekit-contrast-background-color);\n }\n\n div[data-reach-dialog-overlay] {\n align-items: center;\n background: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: unset;\n z-index: 1001;\n }\n\n div[data-reach-dialog-overlay]::before {\n background-color: var(--sn-stylekit-contrast-background-color);\n bottom: 0px;\n content: '';\n left: 0px;\n opacity: 0.75;\n position: fixed;\n right: 0px;\n top: 0px;\n }\n\n div[data-reach-dialog-content] {\n background: none;\n flex-basis: 0;\n margin: 0;\n max-width: 600px;\n min-width: 400px;\n overflow: unset;\n padding: 0;\n position: relative;\n width: auto;\n }\n\n div[data-reach-dialog-content] .sk-modal-content,\n div[data-reach-dialog-content] .sn-component,\n div[data-reach-dialog-content] .sk-panel {\n height: 100%;\n }\n\n div[data-reach-alert-dialog-content] {\n width: auto;\n }\n\n fieldset {\n border: 0;\n padding-left: 0;\n }\n}\n","@keyframes slide-down {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.slide-down-animation {\n animation: slide-down 0.2s ease;\n}\n\n@keyframes slide-in-right {\n 0% {\n opacity: 0;\n transform: translateX(10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.slide-in-right-animation {\n animation: slide-in-right 0.2s ease;\n}\n\n@keyframes slide-out-left {\n 0% {\n opacity: 1;\n transform: translateX(0);\n }\n 100% {\n opacity: 0;\n transform: translateX(-10px);\n }\n}\n\n.slide-out-left-animation {\n animation: slide-out-left 0.2s ease;\n}\n\n@keyframes fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.fade-out-animation {\n animation: fade-out 0.2s ease;\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.fade-in-animation {\n animation: fade-in 0.2s ease;\n}\n\n.animation-fill-forwards {\n animation-fill-mode: forwards;\n}\n",".no-border {\n border: none;\n}\n\n.border-0 {\n border-width: 0px;\n}\n.border-1 {\n border-width: 1px;\n}\n.border-2 {\n border-width: 2px;\n}\n\n.border-b-1 {\n border-bottom-width: 1px;\n}\n\n.border-main {\n border-color: var(--sn-stylekit-border-color);\n}\n\n.border-background {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.border-transparent {\n border-color: transparent;\n}\n\n.border-info {\n border-color: var(--sn-stylekit-info-color);\n}\n\n.border-neutral {\n border-color: var(--sn-stylekit-neutral-color);\n}\n\n.border-rounded-md {\n border-radius: 0.375rem;\n}\n\n.rounded {\n border-radius: 0.25rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.border-solid {\n border-style: solid;\n}\n\n.border-bottom-solid {\n border-bottom-style: solid;\n}\n\n.border-box {\n box-sizing: border-box;\n}\n\n.ring-info {\n box-shadow: 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.inner-ring-info {\n box-shadow: inset 0 0 0 2px var(--sn-stylekit-info-color);\n}\n\n.shadow-overlay {\n box-shadow: 0px 4px 24px 0px #00000029;\n}\n\n.border-dark-red {\n border-color: var(--sn-stylekit-dark-red);\n}\n\n.border-bottom-1-gray {\n border-bottom-color: var(--sn-stylekit-border-color);\n}\n",".bg-default {\n background-color: var(--sn-stylekit-background-color);\n}\n\n.bg-contrast {\n background-color: var(--sn-stylekit-contrast-background-color);\n}\n\n.bg-border {\n background-color: var(--sn-stylekit-border-color);\n}\n\n.bg-secondary-contrast {\n background-color: var(--sn-stylekit-secondary-contrast-background-color);\n}\n\n.bg-clip-padding {\n background-clip: padding-box;\n}\n\n.bg-transparent {\n background-color: transparent;\n}\n\n@mixin define-color($name, $source: null) {\n .bg-#{$name} {\n background-color: var(--sn-stylekit-#{if($source, $source, $name)});\n }\n\n .color-#{$name} {\n color: var(--sn-stylekit-#{if($source, $source, $name)});\n }\n}\n\n@include define-color(\"neutral\", \"neutral-color\");\n@include define-color(\"text\", \"contrast-foreground-color\");\n@include define-color(\"foreground\", \"foreground-color\");\n@include define-color(\"danger\", \"danger-color\");\n@include define-color(\"info\", \"info-color\");\n@include define-color(\"info-contrast\", \"info-contrast-color\");\n@include define-color(\"info-dark\", \"info-color-darkened\");\n@include define-color(\"success\", \"success-color\");\n\n@include define-color(\"grey-0\");\n@include define-color(\"grey-1\");\n@include define-color(\"grey-2\");\n@include define-color(\"grey-3\");\n@include define-color(\"grey-4\");\n@include define-color(\"grey-4-opacity-variant\");\n@include define-color(\"grey-5\");\n@include define-color(\"grey-6\");\n@include define-color(\"grey-super-light\");\n\n@include define-color(\"black\");\n@include define-color(\"white\");\n@include define-color(\"dark-red\");\n\n@for $i from 1 to 7 {\n @include define-color(\"accessory-tint-#{$i}\", \"accessory-tint-color-#{$i}\");\n}\n\n.selected\\:bg-color[data-selected],\n.selected\\:bg-color[aria-selected='true'] {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.selected\\:fg-color[data-selected],\n.selected\\:fg-color[aria-selected='true'] {\n color: var(--sn-stylekit-contrast-foreground-color);\n}\n\n.fill-current {\n fill: currentColor;\n}\n",".inline-flex {\n display: inline-flex;\n}\n\n.block {\n display: block;\n}\n\n.flex {\n display: flex;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.flex-row {\n flex-direction: row;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.grid {\n display: grid;\n}\n\n.items-center {\n align-items: center;\n}\n.items-start {\n align-items: flex-start;\n}\n.items-end {\n align-items: flex-end;\n}\n.items-stretch {\n align-items: stretch;\n}\n\n.justify-center {\n justify-content: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-start {\n justify-content: flex-start;\n}\n.justify-end {\n justify-content: flex-end;\n}\n\n.gap-1 {\n grid-gap: 0.25rem;\n gap: 0.25rem;\n}\n.gap-2 {\n grid-gap: 0.5rem;\n gap: 0.5rem;\n}\n.gap-3 {\n grid-gap: 0.75rem;\n gap: 0.75rem;\n}\n.gap-4 {\n grid-gap: 1rem;\n gap: 1rem;\n}\n\n.absolute {\n position: absolute;\n}\n.fixed {\n position: fixed;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.origin-top-right {\n transform-origin: top right;\n}\n\n.overflow-auto {\n overflow: auto;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-ellipsis {\n text-overflow: ellipsis;\n}\n\n.flex-basis-55 {\n flex-basis: 13.75rem;\n}\n\n.opacity-0 {\n opacity: 0;\n}\n",".hover\\:bg-grey-3:hover {\n background-color: var(--sn-stylekit-grey-3);\n}\n\n.hover\\:brightness-130:hover {\n filter: brightness(130%);\n}\n\n.focus\\:brightness-130:focus {\n filter: brightness(130%);\n}\n\n.hover\\:bg-highlight:hover {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.focus\\:bg-highlight:focus {\n background-color: var(--sn-stylekit-list-item-highlight-color);\n}\n\n.hover\\:bg-contrast:hover {\n @extend .bg-contrast;\n}\n\n.hover\\:bg-info-dark:hover {\n @extend .bg-info-dark;\n}\n.focus\\:bg-info-dark:focus {\n @extend .bg-info-dark;\n}\n\n.focus\\:padded-ring-info:focus {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color),\n 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.focus\\:border-bottom:focus {\n border-bottom: 2px solid var(--sn-stylekit-info-color);\n}\n\n.focus-within\\:padded-ring-info:focus-within {\n box-shadow: 0 0 0 2px var(--sn-stylekit-background-color),\n 0 0 0 4px var(--sn-stylekit-info-color);\n}\n\n.focus-within\\:border-background:focus-within {\n border-color: var(--sn-stylekit-background-color);\n}\n\n.box-shadow, .box-shadow:focus, .box-shadow:focus-within {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n.focus\\:bg-contrast:focus {\n @extend .bg-contrast;\n}\n\n.hover\\:color-text:hover {\n @extend .color-text;\n}\n\n.focus\\:color-text:focus {\n @extend .color-text;\n}\n\n.hover\\:bg-secondary-contrast:hover {\n @extend .bg-secondary-contrast;\n}\n\n.focus\\:bg-secondary-contrast:focus {\n @extend .bg-secondary-contrast;\n}\n\n.focus\\:inner-ring-info:focus {\n @extend .inner-ring-info;\n}\n\n.focus\\:ring-info:focus {\n @extend .ring-info;\n}\n\n.focus-within\\:ring-info:focus-within {\n @extend .ring-info;\n}\n\n/**\n * Do not use these rules without explicitly handling focus in a different\n * way, otherwise keyboard focus will break.\n */\n.focus\\:outline-none:focus {\n outline: none;\n}\n.focus\\:shadow-none:focus {\n box-shadow: none;\n}\n.focus-within\\:outline-none:focus-within {\n outline: none;\n}\n.focus-within\\:shadow-none:focus-within {\n box-shadow: none;\n}\n",".capitalize {\n text-transform: capitalize;\n}\n\n.font-normal {\n font-weight: 300;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.text-input {\n font-size: 0.875rem;\n line-height: 1.125rem;\n}\n\n.text-base {\n font-size: 1rem;\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.leading-4 {\n line-height: 1rem;\n}\n\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n",".h-auto {\n height: auto;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-100vh {\n height: 100vh;\n}\n\n.h-90vh {\n height: 90vh;\n}\n\n.h-0 {\n height: 0;\n}\n.h-2 {\n height: 0.5rem;\n}\n.h-3\\.5 {\n height: 0.875rem;\n}\n.h-4 {\n height: 1rem;\n}\n.h-4\\.5 {\n height: 1.125rem;\n}\n.h-5 {\n height: 1.25rem;\n}\n.h-6 {\n height: 1.5rem;\n}\n.h-7 {\n height: 1.75rem;\n}\n.h-8 {\n height: 2rem;\n}\n.h-9 {\n height: 2.25rem;\n}\n.h-10 {\n height: 2.5rem;\n}\n.h-14 {\n height: 3.5rem;\n}\n.h-18 {\n height: 4.5rem;\n}\n.h-25 {\n height: 6.25rem;\n}\n\n.h-1px {\n height: 1px;\n}\n.h-20px {\n height: 20px;\n}\n\n.min-h-0 {\n min-height: 0;\n}\n\n.min-h-5 {\n min-height: 1.25rem;\n}\n.m-h-32 {\n min-height: 2rem;\n}\n\n.min-h-20px {\n height: 20px;\n}\n\n.max-h-120 {\n max-height: 30rem;\n}\n",".m-0 {\n margin: 0;\n}\n\n.my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.my-3 {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.-mt-1 {\n margin-top: -0.25rem;\n}\n\n.mt-1 {\n margin-top: 0.25rem;\n}\n\n.mt-2 {\n margin-top: 0.5rem;\n}\n\n.mt-3 {\n margin-top: 0.75rem;\n}\n\n.mt-4 {\n margin-top: 1rem;\n}\n\n.mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.-mr-2 {\n margin-right: -0.5rem;\n}\n\n.mr-1 {\n margin-right: 0.25rem;\n}\n\n.mr-1\\.5 {\n margin-right: 0.375rem;\n}\n\n.mr-2 {\n margin-right: 0.5rem;\n}\n\n.mr-10 {\n margin-right: 2.5rem;\n}\n\n.ml-1 {\n margin-left: 0.25rem;\n}\n\n.ml-1\\.5 {\n margin-left: 0.375rem;\n}\n\n.ml-2 {\n margin-left: 0.5rem;\n}\n\n.ml-4 {\n margin-left: 1rem;\n}\n\n.ml-6 {\n margin-left: 1.5rem;\n}\n",".p-0 {\n padding-top: 0;\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n}\n\n.p-2 {\n padding: 0.5rem;\n}\n\n.p-3 {\n padding: 0.75rem;\n}\n\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n.py-1\\.75 {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.pt-4 {\n padding-top: 1rem;\n}\n\n.pb-3 {\n padding-bottom: 0.75rem;\n}\n\n.pr-2 {\n padding-right: 0.5rem;\n}\n\n.pl-1 {\n padding-left: 0.25rem;\n}\n\n.pl-3 {\n padding-left: 0.75rem;\n}\n",".w-auto {\n width: auto;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-100vw {\n width: 100vw;\n}\n\n.fit-content {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.w-0 {\n width: 0;\n}\n.w-2 {\n width: 0.5rem;\n}\n.w-3\\.5 {\n width: 0.875rem;\n}\n.w-4 {\n width: 1rem;\n}\n.w-5 {\n width: 1.25rem;\n}\n.w-8 {\n width: 2rem;\n}\n.w-25 {\n width: 6.25rem;\n}\n.w-30 {\n width: 7.5rem;\n}\n.w-55 {\n width: 13.75rem;\n}\n.w-56 {\n width: 14rem;\n}\n.w-70 {\n width: 17.5rem;\n}\n.w-80 {\n width: 20rem;\n}\n.w-103 {\n width: 25.75rem;\n}\n.w-125 {\n width: 31.25rem;\n}\n.w-160 {\n width: 40rem;\n}\n\n.w-20px {\n width: 20px;\n}\n\n.min-w-265px {\n min-width: 265px;\n}\n\n.min-w-20px {\n min-width: 20px;\n}\n\n.min-w-0 {\n min-width: 0;\n}\n.min-w-4 {\n min-width: 1rem;\n}\n.min-w-5 {\n min-width: 1.25rem;\n}\n.min-w-8 {\n min-width: 2rem;\n}\n.min-w-20 {\n min-width: 5rem;\n}\n.min-w-40 {\n min-width: 10rem;\n}\n.min-w-42 {\n min-width: 10.5rem;\n}\n.min-w-55 {\n min-width: 13.75rem;\n}\n.min-w-80 {\n min-width: 20rem;\n}\n.min-w-max {\n min-width: max-content;\n}\n\n.max-w-xs {\n max-width: 20rem;\n}\n.max-w-md {\n max-width: 28rem;\n}\n\n.max-w-40 {\n max-width: 10rem;\n}\n\n.max-w-80 {\n max-width: 20rem;\n}\n\n.max-w-125 {\n max-width: 31.25rem;\n}\n\n.max-w-290px {\n max-width: 290px;\n}\n",".duration-150 {\n transition-duration: 150ms;\n}\n\n.ease-out {\n transition-timing-function: ease-out;\n}\n\n.transition-background {\n transition-property: background;\n}\n\n.transition-transform {\n transition-property: transform;\n}\n",".cursor-pointer {\n cursor: pointer;\n}\n",".top-0 {\n top: 0;\n}\n\n.left-0 {\n left: 0;\n}\n\n.bottom-0 {\n bottom: 0;\n}\n\n.bottom-6 {\n bottom: 1.5rem;\n}\n\n.right-0 {\n right: 0;\n}\n\n.right-6 {\n right: 1.5rem;\n}\n\n.top-left-0 {\n @extend .top-0;\n @extend .left-0;\n}\n\n.-top-10 {\n top: -2.5rem;\n}\n\n.-left-51 {\n left: -12.75rem;\n}\n\n.z-index-toast {\n z-index: 11000;\n}\n",".sn-button {\n font-size: 0.8125rem;\n padding: 0.609375rem;\n min-height: 1.8125rem;\n @extend .border-0;\n @extend .rounded;\n @extend .border-solid;\n @extend .cursor-pointer;\n @extend .capitalize;\n @extend .font-bold;\n\n @extend .hover\\:brightness-130;\n @extend .focus\\:brightness-130;\n @extend .focus\\:outline-none;\n}\n\n.sn-button.small {\n font-size: 0.7109375rem;\n padding: 0.40625rem 0.609375rem;\n}\n\n.sn-button.outlined {\n @extend .bg-default;\n @extend .border-1;\n @extend .border-main;\n @extend .color-text;\n @extend .hover\\:bg-highlight;\n @extend .focus\\:bg-highlight;\n @extend .focus\\:shadow-none;\n @extend .focus\\:outline-none;\n}\n\n.sn-button.contrast {\n @extend .hover\\:brightness-130;\n background-color: var(--sn-stylekit-contrast-foreground-color);\n color: var(--sn-stylekit-contrast-background-color);\n}\n\n.sn-button.neutral {\n @extend .hover\\:brightness-130;\n @extend .focus\\:brightness-130;\n background-color: var(--sn-stylekit-neutral-color);\n color: var(--sn-stylekit-neutral-contrast-color);\n}\n\n.sn-button.info {\n @extend .bg-info;\n @extend .color-info-contrast;\n}\n\n.sn-button.warning {\n background-color: var(--sn-stylekit-warning-color);\n color: var(--sn-stylekit-warning-contrast-color);\n}\n\n.sn-button.danger {\n background-color: var(--sn-stylekit-danger-color);\n color: var(--sn-stylekit-danger-contrast-color);\n}\n\n.sn-button.success {\n background-color: var(--sn-stylekit-success-color);\n color: var(--sn-stylekit-success-contrast-color);\n}\n\n.sn-dropdown-menu {\n @extend .items-center;\n @extend .bg-default;\n @extend .border-0;\n @extend .border-main;\n @extend .rounded;\n @extend .border-solid;\n @extend .border-1;\n @extend .cursor-pointer;\n @extend .font-normal;\n @extend .m-h-32;\n @extend .hover\\:bg-highlight;\n @extend .inline-flex;\n @extend .justify-center;\n @extend .leading-4;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .px-2;\n @extend .py-1;\n @extend .color-text;\n @extend .text-sm;\n @extend .w-auto;\n}\n\n.sn-dropdown-menu > .sn-icon:first-child {\n @extend .mr-2;\n}\n\n.sn-dropdown-menu > .sn-icon:last-child {\n @extend .ml-2;\n}\n\n.sn-dropdown-menu-list {\n @extend .absolute;\n @extend .bg-default;\n @extend .border-main;\n @extend .rounded;\n @extend .box-shadow;\n @extend .font-normal;\n @extend .min-w-265px;\n @extend .mt-2;\n @extend .focus\\:outline-none;\n @extend .origin-top-right;\n @extend .py-2;\n @extend .slide-down-animation;\n @extend .color-text;\n @extend .w-56;\n}\n\n.sn-dropdown-menu-list-item {\n @extend .items-center;\n @extend .cursor-pointer;\n @extend .flex;\n @extend .hover\\:bg-highlight;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .px-2;\n @extend .selected\\:bg-color;\n @extend .selected\\:fg-color;\n @extend .text-sm;\n @extend .m-h-32;\n}\n\n.sn-dropdown-menu-list-item > .sn-icon {\n @extend .mr-2;\n}\n\n.sn-select {\n @extend .items-center;\n @extend .bg-default;\n @extend .border-0;\n @extend .border-main;\n @extend .border-solid;\n @extend .border-1;\n @extend .border-box;\n @extend .rounded;\n @extend .cursor-pointer;\n @extend .font-normal;\n @extend .m-h-32;\n @extend .hover\\:bg-highlight;\n @extend .inline-flex;\n @extend .justify-center;\n @extend .leading-4;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .color-text;\n @extend .text-sm;\n @extend .w-auto;\n}\n\n.sn-select-button {\n @extend .items-center;\n @extend .border-0;\n @extend .cursor-pointer;\n @extend .inline-flex;\n @extend .justify-center;\n @extend .py-1;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n}\n\n.sn-select-button > .sn-icon:last-child {\n @extend .ml-2;\n}\n\n.sn-select-list {\n @extend .bg-default;\n @extend .border-main;\n @extend .rounded;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .origin-top-right;\n @extend .color-text;\n @extend .text-sm;\n}\n\n.sn-select-list-option {\n @extend .cursor-pointer;\n @extend .selected\\:bg-color;\n @extend .selected\\:fg-color;\n @extend .font-normal;\n @extend .text-sm;\n @extend .py-2;\n}\n\n.sn-select-popover {\n @extend .border-main;\n @extend .rounded;\n @extend .box-shadow;\n @extend .mt-2;\n @extend .focus\\:outline-none;\n @extend .focus\\:shadow-none;\n @extend .border-0;\n @extend .slide-down-animation;\n}\n\n/**\n * A button that is just an icon. Separated from .sn-button because there\n * is almost no style overlap.\n */\n.sn-icon-button {\n @extend .color-neutral;\n @extend .min-w-8;\n @extend .h-8;\n @extend .flex;\n @extend .justify-center;\n @extend .items-center;\n @extend .border-solid;\n @extend .border-1;\n @extend .border-main;\n @extend .bg-clip-padding;\n @extend .m-0;\n @extend .p-0;\n @extend .bg-transparent;\n @extend .cursor-pointer;\n @extend .rounded-full;\n @extend .hover\\:color-text;\n @extend .focus\\:color-text;\n @extend .hover\\:bg-contrast;\n @extend .focus\\:bg-contrast;\n @extend .focus\\:outline-none;\n @extend .focus\\:ring-info;\n}\n\n.sn-icon {\n @extend .h-5;\n @extend .w-5;\n @extend .fill-current;\n\n &.sn-icon--small {\n @extend .h-3\\.5;\n @extend .w-3\\.5;\n }\n\n &.sn-icon--mid {\n @extend .w-4;\n @extend .h-4;\n }\n}\n\n.sn-icon-button.info {\n @extend .bg-info;\n @extend .color-info-contrast;\n\n &:hover,\n &:focus {\n @extend .color-info-contrast;\n @extend .bg-info-dark;\n }\n}\n\n.sn-full-screen {\n @extend .h-100vh;\n @extend .w-100vw;\n\n @extend .absolute;\n @extend .top-left-0;\n}\n","/* This code is subject to LICENSE in root of this repository */\n\n/* Used to detect in JavaScript if apps have loaded styles or not. */\n:root {\n --reach-dialog: 1;\n}\n\n[data-reach-dialog-overlay] {\n background: hsla(0, 0%, 0%, 0.33);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n}\n\n[data-reach-dialog-content] {\n width: 50vw;\n margin: 10vh auto;\n background: white;\n padding: 2rem;\n outline: none;\n}\n","$transition-duration: 750ms;\n\n@keyframes strike {\n from {\n text-decoration: line-through 1px solid transparent;\n }\n to {\n text-decoration: line-through 1px solid var(--sn-stylekit-info-color);\n }\n}\n\n.cross-out {\n animation-duration: $transition-duration;\n animation-fill-mode: forwards;\n animation-name: strike;\n animation-timing-function: linear;\n}\n\n.no-text-decoration {\n text-decoration: none !important;\n}\n",".completed-tasks-container {\n .task-item .checkbox-button * {\n stroke: var(--sn-stylekit-neutral-color) !important;\n }\n\n .task-item .text-area-input {\n color: var(--sn-stylekit-neutral-color) !important;\n text-decoration: line-through 1px solid var(--sn-stylekit-neutral-color);\n }\n}\n","$transition-duration: 750ms;\n\n@keyframes fadeOut {\n 100% {\n opacity: 0;\n max-height: 0;\n }\n 0% {\n opacity: 1;\n max-height: 100px;\n }\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 100% {\n opacity: 1;\n max-height: 100px;\n }\n}\n\n.fade-out {\n animation: fadeOut ease $transition-duration;\n animation-delay: 0s;\n animation-fill-mode: forwards;\n}\n\n.fade-in {\n animation: fadeIn ease $transition-duration;\n animation-delay: 0s;\n animation-fill-mode: forwards;\n}\n\n.completed {\n animation-delay: 1.8s;\n}\n\n.opened {\n animation-delay: 1.2s;\n}\n\n.hide {\n display: none;\n}\n","$transition-duration: 750ms;\n\n.checkbox-container {\n display: block;\n padding-left: 22px;\n position: relative;\n\n &:last-child {\n border-bottom: none;\n }\n}\n\n.checkbox-state {\n height: 0;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n width: 0;\n}\n\n.checkbox-button {\n bottom: 0;\n cursor: pointer;\n fill: var(--sn-stylekit-contrast-background-color);\n height: 18px;\n left: 0;\n margin: auto;\n position: absolute;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 1;\n top: 0;\n width: 18px;\n}\n\n.align-baseline {\n .checkbox-button {\n top: -10px !important;\n }\n}\n\n.checkbox-square,\n.checkbox-mark {\n cursor: pointer;\n transition: stroke-dashoffset $transition-duration cubic-bezier(0.9, 0, 0.5, 1);\n}\n\n.checkbox-circle {\n animation-delay: 1s;\n animation: none $transition-duration linear;\n stroke-dasharray: 1 6;\n stroke-width: 0;\n stroke: var(--sn-stylekit-neutral-color);\n transform-origin: 13.5px 12.5px;\n transform: scale(0.4) rotate(0deg);\n}\n\n.checkbox-square {\n stroke-dasharray: 56.1053, 56.1053;\n stroke-dashoffset: 0;\n stroke: var(--sn-stylekit-shadow-color);\n transition-delay: $transition-duration * 0.2;\n fill: var(--sn-stylekit-contrast-background-color);\n}\n\n.checkbox-mark {\n stroke-dasharray: 9.8995, 9.8995;\n stroke-dashoffset: 9.8995;\n stroke: var(--sn-stylekit-neutral-color);\n transition-duration: $transition-duration * 0.4;\n}\n\n.checkbox-circle {\n animation-delay: $transition-duration * 0.7;\n animation-duration: $transition-duration * 0.7;\n}\n\n.checkbox-state:checked {\n ~ .checkbox-button .checkbox-square {\n stroke-dashoffset: 56.1053;\n stroke: var(--sn-stylekit-info-color);\n transition-delay: 0s;\n }\n\n ~ .checkbox-button .checkbox-mark {\n stroke-dashoffset: 0;\n stroke: var(--sn-stylekit-info-color);\n transition-delay: $transition-duration * 0.6;\n }\n}\n\n@keyframes explode {\n 30% {\n stroke: var(--sn-stylekit-info-color);\n stroke-opacity: 1;\n stroke-width: 3;\n transform: scale(0.8) rotate(40deg);\n }\n 100% {\n stroke: var(--sn-stylekit-neutral-color);\n stroke-opacity: 0;\n stroke-width: 0;\n transform: scale(1.1) rotate(60deg);\n }\n}\n\n.explode {\n .checkbox-circle {\n animation: explode ease $transition-duration;\n animation-delay: $transition-duration;\n animation-fill-mode: forwards;\n }\n}\n"],"names":[],"sourceRoot":""}