@sorocraft/ui 1.0.5

package/dist/styles/ui.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Avatar.module.scss","SVGIcon.module.scss","Button.module.scss","IconButton.module.scss","ListItem.module.scss","Link.module.scss","Input.module.scss","DropDown.module.scss","LoadingItem.module.scss"],"names":[],"mappings":"AAyCA,yCACE,GACE,MACF,CACA,GACE,MACF,CACF,CACA,wCACE,GACE,uBACF,CACA,GACE,2BACF,CACF,CACA,0CACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF,CACA,6BACE,iBACF,CACA,yDAEE,iBAAkB,CADlB,aAAc,CAEd,mBAAiB,CAAjB,gBAAiB,CACjB,2BACF,CACA,4DACE,cACF,CACA,2DACE,iBACF,CACA,uHAUE,kBAAmB,CAHnB,kCAAuC,CAMvC,iBAAkB,CAPlB,QAAS,CAET,UAAc,CACd,YAAa,CAEb,sBAAuB,CANvB,MAAO,CAHP,iBAAkB,CAElB,OAAQ,CADR,KAAM,CASN,uBAEF,CACA,2HAEE,gBAAiB,CACjB,UACF,CACA,mIAEE,kCACF,CACA,uIAEE,SACF,CACA,2DAGE,kBAAmB,CAFnB,YAAa,CAGb,qBAAsB,CAFtB,sBAGF,CACA,6FACE,gBAAkB,CAClB,iBACF,CACA,iLAEE,4CACF,CACA,qLAEE,SACF,CACA,kFAEE,uBAAyB,CADzB,sBAEF,CACA,iFAEE,gCAAkC,CADlC,+BAEF,CACA,iFAEE,uBAAyB,CADzB,sBAEF,CACA,iFAEE,gCAAkC,CADlC,+BAEF,CACA,iFAEE,uBAAyB,CADzB,sBAEF,CACA,iFAEE,gCAAkC,CADlC,+BAEF,CACA,uKAEE,YACF,CACA,2KAEE,gBACF,CACA,oFACE,YACF,CACA,kFAEE,iCAAmC,CADnC,gCAEF,CACA,qFACE,YACF,CACA,mFAEE,iCAAmC,CADnC,gCAEF,CACA,yDACE,iBACF,CCxIA,0CACE,GACE,MACF,CACA,GACE,MACF,CACF,CACA,yCACE,GACE,uBACF,CACA,GACE,2BACF,CACF,CACA,2CACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF,CACA,iCAEE,kBAAmB,CADnB,mBAAoB,CAGpB,uBAAmB,CAAnB,kBAAmB,CADnB,sBAAuB,CAEvB,sBAAkB,CAAlB,iBACF,CACA,iEACE,yCAAoB,CACpB,qBAAsB,CACtB,kCAAmC,CACnC,qCACF,CACA,0CACE,iCACF,CC1CA,yCACE,GACE,MACF,CACA,GACE,MACF,CACF,CACA,wCACE,GACE,uBACF,CACA,GACE,2BACF,CACF,CACA,0CACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF,CACA,gCACE,iBACF,CACA,8DAOE,kBAAmB,CACnB,qBAAyB,CAEzB,qBAAsB,CANtB,aAAc,CACd,YAAa,CACb,qBAAsB,CAJtB,UAAW,CAOX,aAAe,CARf,iBAAkB,CAElB,WAQF,CACA,mGACE,YAAa,CAEb,QAAS,CADT,6BAA8B,CAE9B,gBACF,CACA,6DAeE,yBAA0B,CAT1B,wBAAyB,CAJzB,QAAS,CAWT,qBAAsB,CAVtB,eAAgB,CAEhB,UAAc,CAYd,cAAe,CAbf,oBAAqB,CAGrB,iBAAmB,CACnB,eAAgB,CAChB,eAAgB,CARhB,gCAAiC,CASjC,iBAAkB,CAMlB,mBAAoB,CAFpB,iCAAmC,CAFnC,wBAAiB,CAAjB,qBAAiB,CAAjB,gBAAiB,CADjB,qBAAsB,CAOtB,kBACF,CACA,yFAEE,kBAAmB,CADnB,YAAa,CAEb,SAAW,CACX,sBACF,CACA,mEACE,wBACF,CAKA,8FACE,aACF,CAKA,kGACE,wBAAyB,CACzB,UACF,CACA,wFACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,0FACE,aACF,CAKA,6LACE,cAAe,CACf,iCACF,CACA,kNACE,wBAAyB,CACzB,aACF,CACA,sNACE,aACF,CAIA,8bACE,cACF,CACA,4FACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,8FACE,aACF,CAKA,qMACE,cAAe,CACf,iCACF,CACA,0NACE,wBAAyB,CACzB,UACF,CACA,8NACE,UACF,CAIA,8cACE,WACF,CACA,8FACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,gGACE,aACF,CAKA,yMACE,cAAe,CACf,iCACF,CACA,8NACE,wBAAyB,CACzB,UACF,CACA,kOACE,UACF,CAIA,sdACE,WACF,CACA,4FACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,8FACE,aACF,CAKA,qMACE,cAAe,CACf,iCACF,CACA,0NACE,wBAAyB,CACzB,UACF,CACA,8NACE,UACF,CAIA,8cACE,WACF,CACA,+FACE,kCAAuC,CACvC,aAAc,CACd,iEACF,CACA,iGACE,aACF,CAKA,2MACE,cAAe,CACf,iCACF,CACA,gOACE,wBAAyB,CACzB,UACF,CACA,oOACE,UACF,CAIA,0dACE,WACF,CACA,iGACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,mGACE,aACF,CAKA,+MACE,cAAe,CACf,iCACF,CACA,oOACE,wBAAyB,CACzB,UACF,CACA,wOACE,UACF,CAIA,keACE,WACF,CACA,+FACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,iGACE,aACF,CAKA,2MACE,cAAe,CACf,iCACF,CACA,gOACE,wBAAyB,CACzB,UACF,CACA,oOACE,UACF,CAIA,0dACE,WACF,CACA,+FACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,iGACE,aACF,CAKA,2MACE,cAAe,CACf,iCACF,CACA,gOACE,wBAAyB,CACzB,UACF,CACA,oOACE,UACF,CAIA,0dACE,WACF,CACA,0FACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,4FACE,UACF,CAKA,iMACE,WAAe,CACf,iCACF,CACA,sNACE,wBAAyB,CACzB,UACF,CACA,0NACE,UACF,CAIA,scACE,WACF,CACA,4FACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,8FACE,UACF,CAKA,qMACE,WAAe,CACf,iCACF,CACA,0NACE,wBAAyB,CACzB,UACF,CACA,8NACE,UACF,CAIA,8cACE,WACF,CACA,yFACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,2FACE,UACF,CAKA,+LACE,WAAe,CACf,iCACF,CACA,oNACE,wBAAyB,CACzB,UACF,CACA,wNACE,UACF,CAIA,kcACE,WACF,CACA,uFACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,yFACE,UACF,CAKA,2LACE,WAAe,CACf,iCACF,CACA,gNACE,wBAAyB,CACzB,UACF,CACA,oNACE,UACF,CAIA,0bACE,WACF,CACA,uFACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,yFACE,UACF,CAKA,2LACE,WAAe,CACf,iCACF,CACA,gNACE,wBAAyB,CACzB,UACF,CACA,oNACE,UACF,CAIA,0bACE,WACF,CACA,0FACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,4FACE,UACF,CAKA,iMACE,WAAe,CACf,iCACF,CACA,sNACE,wBAAyB,CACzB,UACF,CACA,0NACE,UACF,CAIA,scACE,WACF,CACA,0FACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,4FACE,UACF,CAKA,iMACE,WAAe,CACf,iCACF,CACA,sNACE,wBAAyB,CACzB,UACF,CACA,0NACE,UACF,CAIA,scACE,WACF,CACA,4FACE,4BAA6B,CAC7B,UAAc,CACd,iEACF,CACA,8FACE,UACF,CAKA,qMACE,WAAe,CACf,iCACF,CACA,0NACE,4BAA6B,CAC7B,aACF,CACA,8NACE,aACF,CAIA,8cACE,cACF,CACA,0FACE,qBAAyB,CACzB,aAAc,CACd,iEACF,CACA,4FACE,aACF,CAKA,iMACE,cAAe,CACf,iCACF,CACA,sNACE,wBAAyB,CACzB,UACF,CACA,0NACE,UACF,CAIA,scACE,WACF,CACA,kGACE,4BAA6B,CAC7B,aAAc,CACd,iEACF,CACA,oGACE,aACF,CAKA,iNACE,cAAe,CACf,iCACF,CACA,sOACE,wBAAyB,CACzB,UACF,CACA,0OACE,UACF,CAIA,seACE,WACF,CACA,oGACE,4BAA6B,CAC7B,aAAc,CACd,iEACF,CACA,sGACE,aACF,CAKA,qNACE,cAAe,CACf,iCACF,CACA,0OACE,wBAAyB,CACzB,UACF,CACA,8OACE,UACF,CAIA,8eACE,WACF,CACA,kGACE,wBACF,CACA,oGACE,wBACF,CACA,sEAEE,wBAAyB,CAEzB,oBAAqB,CAHrB,UAAc,CAEd,kBAAmB,CAEnB,WACF,CACA,wFACE,kBACF,CACA,yFACE,oBACF,CAIA,2JACE,UACF,CACA,6FACE,MAAO,CACP,OAAQ,CACR,UACF,CChqBA,6CACE,GACE,MACF,CACA,GACE,MACF,CACF,CACA,4CACE,GACE,uBACF,CACA,GACE,2BACF,CACF,CACA,8CACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF,CACA,qCAGE,kBAAmB,CAGnB,qBAAsB,CAItB,aAAc,CATd,cAAe,CACf,mBAAoB,CAKpB,iBAAmB,CACnB,eAAgB,CAJhB,sBAAuB,CAKvB,eAAgB,CAJhB,YAAa,CAOb,iBAAkB,CADlB,uBAEF,CACA,wEACE,SACF,CACA,iEACE,gBAAiB,CAEjB,sBAAuB,CADvB,qBAEF,CACA,iEAEE,aAAc,CADd,YAEF,CACA,iEAEE,sBAAuB,CADvB,qBAEF,CACA,iEAEE,sBAAuB,CADvB,qBAEF,CACA,uEAOE,kBAAmB,CACnB,qBAAyB,CAEzB,qBAAsB,CANtB,aAAc,CAQd,6CAAsD,CAPtD,YAAa,CACb,qBAAsB,CAJtB,UAAW,CAOX,kBAAoB,CARpB,iBAAkB,CAElB,WAAY,CAQZ,SAEF,CACA,gHACE,YAAa,CAEb,QAAS,CADT,6BAA8B,CAE9B,gBACF,CACA,uGACE,WAAY,CAGZ,UAAW,CADX,YAAc,CADd,UAGF,CACA,uEACE,kBACF,CACA,oEACE,4BAA6B,CAC7B,UACF,CACA,oEACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,sEACE,aACF,CAKA,qJACE,cAAe,CACf,iCACF,CACA,8KACE,wBAAyB,CACzB,aACF,CACA,kLACE,aACF,CAIA,sXACE,cACF,CACA,wEACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,0EACE,aACF,CAKA,6JACE,cAAe,CACf,iCACF,CACA,sLACE,wBAAyB,CACzB,UACF,CACA,0LACE,UACF,CAIA,sYACE,WACF,CACA,0EACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,4EACE,aACF,CAKA,iKACE,cAAe,CACf,iCACF,CACA,0LACE,wBAAyB,CACzB,UACF,CACA,8LACE,UACF,CAIA,8YACE,WACF,CACA,wEACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,0EACE,aACF,CAKA,6JACE,cAAe,CACf,iCACF,CACA,sLACE,wBAAyB,CACzB,UACF,CACA,0LACE,UACF,CAIA,sYACE,WACF,CACA,2EACE,kCAAuC,CACvC,aAAc,CACd,iEACF,CACA,6EACE,aACF,CAKA,mKACE,cAAe,CACf,iCACF,CACA,4LACE,wBAAyB,CACzB,UACF,CACA,gMACE,UACF,CAIA,kZACE,WACF,CACA,6EACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,+EACE,aACF,CAKA,uKACE,cAAe,CACf,iCACF,CACA,gMACE,wBAAyB,CACzB,UACF,CACA,oMACE,UACF,CAIA,0ZACE,WACF,CACA,2EACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,6EACE,aACF,CAKA,mKACE,cAAe,CACf,iCACF,CACA,4LACE,wBAAyB,CACzB,UACF,CACA,gMACE,UACF,CAIA,kZACE,WACF,CACA,2EACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,6EACE,aACF,CAKA,mKACE,cAAe,CACf,iCACF,CACA,4LACE,wBAAyB,CACzB,UACF,CACA,gMACE,UACF,CAIA,kZACE,WACF,CACA,sEACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,wEACE,UACF,CAKA,yJACE,WAAe,CACf,iCACF,CACA,kLACE,wBAAyB,CACzB,UACF,CACA,sLACE,UACF,CAIA,8XACE,WACF,CACA,wEACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,0EACE,UACF,CAKA,6JACE,WAAe,CACf,iCACF,CACA,sLACE,wBAAyB,CACzB,UACF,CACA,0LACE,UACF,CAIA,sYACE,WACF,CACA,qEACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,uEACE,UACF,CAKA,uJACE,WAAe,CACf,iCACF,CACA,gLACE,wBAAyB,CACzB,UACF,CACA,oLACE,UACF,CAIA,0XACE,WACF,CACA,mEACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,qEACE,UACF,CAKA,mJACE,WAAe,CACf,iCACF,CACA,4KACE,wBAAyB,CACzB,UACF,CACA,gLACE,UACF,CAIA,kXACE,WACF,CACA,mEACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,qEACE,UACF,CAKA,mJACE,WAAe,CACf,iCACF,CACA,4KACE,wBAAyB,CACzB,UACF,CACA,gLACE,UACF,CAIA,kXACE,WACF,CACA,sEACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,wEACE,UACF,CAKA,yJACE,WAAe,CACf,iCACF,CACA,kLACE,wBAAyB,CACzB,UACF,CACA,sLACE,UACF,CAIA,8XACE,WACF,CACA,sEACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,wEACE,UACF,CAKA,yJACE,WAAe,CACf,iCACF,CACA,kLACE,wBAAyB,CACzB,UACF,CACA,sLACE,UACF,CAIA,8XACE,WACF,CACA,wEACE,4BAA6B,CAC7B,UAAc,CACd,iEACF,CACA,0EACE,UACF,CAKA,6JACE,WAAe,CACf,iCACF,CACA,sLACE,4BAA6B,CAC7B,aACF,CACA,0LACE,aACF,CAIA,sYACE,cACF,CACA,sEACE,qBAAyB,CACzB,aAAc,CACd,iEACF,CACA,wEACE,aACF,CAKA,yJACE,cAAe,CACf,iCACF,CACA,kLACE,wBAAyB,CACzB,UACF,CACA,sLACE,UACF,CAIA,8XACE,WACF,CACA,8EACE,4BAA6B,CAC7B,aAAc,CACd,iEACF,CACA,gFACE,aACF,CAKA,yKACE,cAAe,CACf,iCACF,CACA,kMACE,wBAAyB,CACzB,UACF,CACA,sMACE,UACF,CAIA,8ZACE,WACF,CACA,gFACE,4BAA6B,CAC7B,aAAc,CACd,iEACF,CACA,kFACE,aACF,CAKA,6KACE,cAAe,CACf,iCACF,CACA,sMACE,wBAAyB,CACzB,UACF,CACA,0MACE,UACF,CAIA,saACE,WACF,CACA,8EACE,wBACF,CCvoBA,2CACE,GACE,MACF,CACA,GACE,MACF,CACF,CACA,0CACE,GACE,uBACF,CACA,GACE,2BACF,CACF,CACA,4CACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF,CACA,iCAEE,kBAAmB,CAGnB,qBAAuB,CAJvB,YAAa,CAEb,6BAA8B,CAC9B,kBAEF,CACA,kEACE,+BAAgC,CAChC,mBACF,CACA,wEACE,gCAAiC,CACjC,mBACF,CACA,iEAEE,kBAAmB,CADnB,YAEF,CACA,4HAEE,kBAAmB,CADnB,eAEF,CACA,+HAEE,aAAc,CADd,eAAgB,CAEhB,iBACF,CACA,mEAIE,qBAAuB,CACvB,aAAc,CAFd,WAAY,CADZ,iBAAkB,CADlB,SAKF,CACA,kGACE,wBACF,CACA,+FACE,wBACF,CACA,kGACE,wBACF,CACA,iGACE,wBACF,CACA,kGACE,wBACF,CACA,uCACE,wBACF,CACA,qEAEE,aAAc,CADd,iBAAkB,CAElB,aACF,CCpFA,uCACE,GACE,MACF,CACA,GACE,MACF,CACF,CACA,sCACE,GACE,uBACF,CACA,GACE,2BACF,CACF,CACA,wCACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF,CACA,yBAIE,kBAAmB,CAHnB,qBAAsB,CAEtB,YAAa,CAIb,iBAAmB,CACnB,eAAgB,CAFhB,SAAW,CADX,sBAAuB,CAIvB,eAAgB,CAChB,iBAAkB,CARlB,iEASF,CACA,sDACE,UACF,CACA,iDACE,SACF,CACA,gDACE,cACF,CACA,+CACE,oBACF,CACA,8CACE,qBACF,CACA,8CACE,kBACF,CACA,+CACE,qBACF,CACA,+CACE,oBACF,CACA,kDACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,oDACE,aACF,CAKA,iHACE,cAAe,CACf,iCACF,CACA,oIACE,wBAAyB,CACzB,aACF,CACA,wIACE,aACF,CAIA,kSACE,cACF,CACA,sDACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,wDACE,aACF,CAKA,yHACE,cAAe,CACf,iCACF,CACA,4IACE,wBAAyB,CACzB,UACF,CACA,gJACE,UACF,CAIA,kTACE,WACF,CACA,wDACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,0DACE,aACF,CAKA,6HACE,cAAe,CACf,iCACF,CACA,gJACE,wBAAyB,CACzB,UACF,CACA,oJACE,UACF,CAIA,0TACE,WACF,CACA,sDACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,wDACE,aACF,CAKA,yHACE,cAAe,CACf,iCACF,CACA,4IACE,wBAAyB,CACzB,UACF,CACA,gJACE,UACF,CAIA,kTACE,WACF,CACA,yDACE,kCAAuC,CACvC,aAAc,CACd,iEACF,CACA,2DACE,aACF,CAKA,+HACE,cAAe,CACf,iCACF,CACA,kJACE,wBAAyB,CACzB,UACF,CACA,sJACE,UACF,CAIA,8TACE,WACF,CACA,2DACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,6DACE,aACF,CAKA,mIACE,cAAe,CACf,iCACF,CACA,sJACE,wBAAyB,CACzB,UACF,CACA,0JACE,UACF,CAIA,sUACE,WACF,CACA,yDACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,2DACE,aACF,CAKA,+HACE,cAAe,CACf,iCACF,CACA,kJACE,wBAAyB,CACzB,UACF,CACA,sJACE,UACF,CAIA,8TACE,WACF,CACA,yDACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,2DACE,aACF,CAKA,+HACE,cAAe,CACf,iCACF,CACA,kJACE,wBAAyB,CACzB,UACF,CACA,sJACE,UACF,CAIA,8TACE,WACF,CACA,oDACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,sDACE,UACF,CAKA,qHACE,WAAe,CACf,iCACF,CACA,wIACE,wBAAyB,CACzB,UACF,CACA,4IACE,UACF,CAIA,0SACE,WACF,CACA,sDACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,wDACE,UACF,CAKA,yHACE,WAAe,CACf,iCACF,CACA,4IACE,wBAAyB,CACzB,UACF,CACA,gJACE,UACF,CAIA,kTACE,WACF,CACA,mDACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,qDACE,UACF,CAKA,mHACE,WAAe,CACf,iCACF,CACA,sIACE,wBAAyB,CACzB,UACF,CACA,0IACE,UACF,CAIA,sSACE,WACF,CACA,iDACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,mDACE,UACF,CAKA,+GACE,WAAe,CACf,iCACF,CACA,kIACE,wBAAyB,CACzB,UACF,CACA,sIACE,UACF,CAIA,8RACE,WACF,CACA,iDACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,mDACE,UACF,CAKA,+GACE,WAAe,CACf,iCACF,CACA,kIACE,wBAAyB,CACzB,UACF,CACA,sIACE,UACF,CAIA,8RACE,WACF,CACA,oDACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,sDACE,UACF,CAKA,qHACE,WAAe,CACf,iCACF,CACA,wIACE,wBAAyB,CACzB,UACF,CACA,4IACE,UACF,CAIA,0SACE,WACF,CACA,oDACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,sDACE,UACF,CAKA,qHACE,WAAe,CACf,iCACF,CACA,wIACE,wBAAyB,CACzB,UACF,CACA,4IACE,UACF,CAIA,0SACE,WACF,CACA,sDACE,4BAA6B,CAC7B,UAAc,CACd,iEACF,CACA,wDACE,UACF,CAKA,yHACE,WAAe,CACf,iCACF,CACA,4IACE,4BAA6B,CAC7B,aACF,CACA,gJACE,aACF,CAIA,kTACE,cACF,CACA,oDACE,qBAAyB,CACzB,aAAc,CACd,iEACF,CACA,sDACE,aACF,CAKA,qHACE,cAAe,CACf,iCACF,CACA,wIACE,wBAAyB,CACzB,UACF,CACA,4IACE,UACF,CAIA,0SACE,WACF,CACA,4DACE,4BAA6B,CAC7B,aAAc,CACd,iEACF,CACA,8DACE,aACF,CAKA,qIACE,cAAe,CACf,iCACF,CACA,wJACE,wBAAyB,CACzB,UACF,CACA,4JACE,UACF,CAIA,0UACE,WACF,CACA,8DACE,4BAA6B,CAC7B,aAAc,CACd,iEACF,CACA,gEACE,aACF,CAKA,yIACE,cAAe,CACf,iCACF,CACA,4JACE,wBAAyB,CACzB,UACF,CACA,gKACE,UACF,CAIA,kVACE,WACF,CACA,4DACE,wBACF,CACA,8DACE,wBACF,CC3mBA,wCACE,GACE,MACF,CACA,GACE,MACF,CACF,CACA,uCACE,GACE,uBACF,CACA,GACE,2BACF,CACF,CACA,yCACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF,CACA,2BAEE,oBAAqB,CADrB,iBAEF,CACA,oDACE,UACF,CACA,wDACE,eACF,CACA,0DAGE,kBAAmB,CADnB,YAAa,CADb,iBAAkB,CAGlB,SACF,CACA,uGAkBE,uBAAgB,CAAhB,oBAAgB,CAAhB,eAAgB,CADhB,2BAA4B,CAd5B,wBAAyB,CAGzB,wBAAqB,CAMrB,qBAAsB,CALtB,eAAgB,CAHhB,aAAc,CASd,aAAc,CAFd,iBAAkB,CAIlB,eAAgB,CAChB,eAAgB,CAPhB,0BAA2B,CAC3B,sBAAwB,CAFxB,yBAA2B,CAM3B,UAKF,CACA,6JAGE,aAAc,CACd,SACF,CALA,8IAGE,aAAc,CACd,SACF,CACA,yHAGE,wBAAyB,CACzB,oBAAqB,CACrB,aAAc,CAEd,SAAU,CADV,yBAEF,CACA,kCACE,oBAAqB,CACrB,uBAAwB,CACxB,eAAgB,CAChB,yEAA4E,CAE5E,0CAA6C,CAD7C,kCAAoC,CAEpC,+BACF,CACA,oCACE,oBACF,CACA,4DACE,uBAAwB,CACxB,oBAAqB,CACrB,eAAgB,CAGhB,WAAY,CAFZ,iBAAkB,CAMlB,cAAe,CAFf,WAAY,CACZ,eAAgB,CAJhB,SAAU,CAEV,UAIF,CACA,kFACE,iBACF,CACA,+EACE,iBACF,CACA,iCAKE,kBAAmB,CADnB,YAAa,CAFb,iBAAkB,CADlB,eAAgB,CAKhB,6BAA8B,CAH9B,mBAIF,CACA,yEAIE,aAAc,CAHd,WAAY,CAEZ,iBAAkB,CAGlB,eAAgB,CADhB,mBAAqB,CAHrB,iBAKF,CACA,sDAEE,kBAAmB,CADnB,YAAa,CAKb,WAAY,CAHZ,sBAAuB,CACvB,iBAAkB,CAClB,WAAa,CAEb,UACF,CACA,+DACE,cACF,CACA,kFACE,cACF,CACA,sDAGE,aAAc,CADd,iBAAmB,CAEnB,eAAgB,CAHhB,gBAIF,CACA,uDACE,sBACF,CACA,oEAKE,qBAAyB,CAEzB,yCAA0C,CAC1C,0CAA2C,CAE3C,6CAAsD,CAPtD,MAAO,CAMP,0BAA2B,CAR3B,iBAAkB,CAGlB,OAAQ,CAFR,QAAS,CAIT,SAKF,CACA,iGAIE,2BAA4B,CAC5B,4BAA6B,CAC7B,sCAAuC,CACvC,uCAAwC,CAJxC,WAAY,CAFZ,0BAA2B,CAC3B,QAMF,CACA,uMAGE,4BAA6B,CAE7B,QAAS,CACT,mCAAoC,CAFpC,eAAgB,CAGhB,uCACF,CACA,yNAGE,4BAA6B,CAC7B,oBAAqB,CACrB,aAAc,CAEd,SAAU,CADV,yBAEF,CACA,qLAIE,0BAA2B,CAD3B,mBAEF,CACA,gFACE,WAAY,CACZ,UACF,CACA,wLAIE,kBAAmB,CADnB,mBAEF,CACA,iFACE,YAAc,CACd,WACF,CACA,8DACE,kBACF,CCjNA,2CACE,GACE,MACF,CACA,GACE,MACF,CACF,CACA,0CACE,GACE,uBACF,CACA,GACE,2BACF,CACF,CACA,4CACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF,CACA,6BACE,qBAAyB,CACzB,oBAAqB,CAErB,6CAAsD,CACtD,0BAA2B,CAF3B,kBAGF,CAEA,iEAIE,qBAAsB,CAHtB,cAAe,CACf,oBAAuB,CACvB,iEAEF,CACA,8FACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,gGACE,aACF,CAKA,yMACE,cAAe,CACf,iCACF,CACA,gOACE,wBAAyB,CACzB,aACF,CACA,oOACE,aACF,CAIA,0dACE,cACF,CACA,kGACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,oGACE,aACF,CAKA,iNACE,cAAe,CACf,iCACF,CACA,wOACE,wBAAyB,CACzB,UACF,CACA,4OACE,UACF,CAIA,0eACE,WACF,CACA,oGACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,sGACE,aACF,CAKA,qNACE,cAAe,CACf,iCACF,CACA,4OACE,wBAAyB,CACzB,UACF,CACA,gPACE,UACF,CAIA,kfACE,WACF,CACA,kGACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,oGACE,aACF,CAKA,iNACE,cAAe,CACf,iCACF,CACA,wOACE,wBAAyB,CACzB,UACF,CACA,4OACE,UACF,CAIA,0eACE,WACF,CACA,qGACE,kCAAuC,CACvC,aAAc,CACd,iEACF,CACA,uGACE,aACF,CAKA,uNACE,cAAe,CACf,iCACF,CACA,8OACE,wBAAyB,CACzB,UACF,CACA,kPACE,UACF,CAIA,sfACE,WACF,CACA,uGACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,yGACE,aACF,CAKA,2NACE,cAAe,CACf,iCACF,CACA,kPACE,wBAAyB,CACzB,UACF,CACA,sPACE,UACF,CAIA,8fACE,WACF,CACA,qGACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,uGACE,aACF,CAKA,uNACE,cAAe,CACf,iCACF,CACA,8OACE,wBAAyB,CACzB,UACF,CACA,kPACE,UACF,CAIA,sfACE,WACF,CACA,qGACE,wBAAyB,CACzB,aAAc,CACd,iEACF,CACA,uGACE,aACF,CAKA,uNACE,cAAe,CACf,iCACF,CACA,8OACE,wBAAyB,CACzB,UACF,CACA,kPACE,UACF,CAIA,sfACE,WACF,CACA,gGACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,kGACE,UACF,CAKA,6MACE,WAAe,CACf,iCACF,CACA,oOACE,wBAAyB,CACzB,UACF,CACA,wOACE,UACF,CAIA,keACE,WACF,CACA,kGACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,oGACE,UACF,CAKA,iNACE,WAAe,CACf,iCACF,CACA,wOACE,wBAAyB,CACzB,UACF,CACA,4OACE,UACF,CAIA,0eACE,WACF,CACA,+FACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,iGACE,UACF,CAKA,2MACE,WAAe,CACf,iCACF,CACA,kOACE,wBAAyB,CACzB,UACF,CACA,sOACE,UACF,CAIA,8dACE,WACF,CACA,6FACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,+FACE,UACF,CAKA,uMACE,WAAe,CACf,iCACF,CACA,8NACE,wBAAyB,CACzB,UACF,CACA,kOACE,UACF,CAIA,sdACE,WACF,CACA,6FACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,+FACE,UACF,CAKA,uMACE,WAAe,CACf,iCACF,CACA,8NACE,wBAAyB,CACzB,UACF,CACA,kOACE,UACF,CAIA,sdACE,WACF,CACA,gGACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,kGACE,UACF,CAKA,6MACE,WAAe,CACf,iCACF,CACA,oOACE,wBAAyB,CACzB,UACF,CACA,wOACE,UACF,CAIA,keACE,WACF,CACA,gGACE,wBAAyB,CACzB,UAAc,CACd,iEACF,CACA,kGACE,UACF,CAKA,6MACE,WAAe,CACf,iCACF,CACA,oOACE,wBAAyB,CACzB,UACF,CACA,wOACE,UACF,CAIA,keACE,WACF,CACA,kGACE,4BAA6B,CAC7B,UAAc,CACd,iEACF,CACA,oGACE,UACF,CAKA,iNACE,WAAe,CACf,iCACF,CACA,wOACE,4BAA6B,CAC7B,aACF,CACA,4OACE,aACF,CAIA,0eACE,cACF,CACA,gGACE,qBAAyB,CACzB,aAAc,CACd,iEACF,CACA,kGACE,aACF,CAKA,6MACE,cAAe,CACf,iCACF,CACA,oOACE,wBAAyB,CACzB,UACF,CACA,wOACE,UACF,CAIA,keACE,WACF,CACA,wGACE,4BAA6B,CAC7B,aAAc,CACd,iEACF,CACA,0GACE,aACF,CAKA,6NACE,cAAe,CACf,iCACF,CACA,oPACE,wBAAyB,CACzB,UACF,CACA,wPACE,UACF,CAIA,kgBACE,WACF,CACA,0GACE,4BAA6B,CAC7B,aAAc,CACd,iEACF,CACA,4GACE,aACF,CAKA,iOACE,cAAe,CACf,iCACF,CACA,wPACE,wBAAyB,CACzB,UACF,CACA,4PACE,UACF,CAIA,0gBACE,WACF,CACA,+FACE,cACF,CACA,8FACE,qBACF,CACA,8FACE,kBACF,CCxlBA,8CACE,GACE,MACF,CACA,GACE,MACF,CACF,CACA,6CACE,GACE,uBACF,CACA,GACE,2BACF,CACF,CACA,+CACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF,CACA,qCACE,6CAAoB,CACpB,qBAAsB,CACtB,kCAAmC,CACnC,qCAAsC,CACtC,wBACF,CACA,oGAEE,WAAY,CADZ,UAEF,CACA,mGAEE,WAAY,CADZ,UAEF,CACA,mGAEE,WAAY,CADZ,UAEF,CACA,mGAEE,WAAY,CADZ,UAEF,CACA,mGAEE,WAAY,CADZ,UAEF,CACA,mGAEE,YAAa,CADb,WAEF,CACA,oGAEE,YAAa,CADb,WAEF,CACA,qGAEE,YAAa,CADb,WAEF,CACA,sGAEE,YAAa,CADb,WAEF","file":"ui.css","sourcesContent":["/* Text */\n/* Input */\n/* Button */\n/* TABLE */\n/* Modal */\n/* Bagde */\n/* Menu */\n/* Notification */\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* RESPONSIVE */\n@keyframes flexWide {\n  from {\n    flex: 0;\n  }\n  to {\n    flex: 1;\n  }\n}\n@keyframes slidein {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes fadeInOut {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n.avatar {\n  position: relative;\n}\n.avatar .image {\n  display: block;\n  border-radius: 50%;\n  object-fit: cover;\n  position: relative !important;\n}\n.avatar.clickable {\n  cursor: pointer;\n}\n.avatar.editable {\n  position: relative;\n}\n.avatar .editIcon,\n.avatar .overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(24, 28, 50, 0.1);\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  border-radius: 50%;\n}\n.avatar .editIcon i,\n.avatar .overlay i {\n  font-size: 1.2rem;\n  opacity: 0.5;\n}\n.avatar .editIcon:hover,\n.avatar .overlay:hover {\n  background-color: rgba(24, 28, 50, 0.3);\n}\n.avatar .editIcon:hover i,\n.avatar .overlay:hover i {\n  opacity: 1;\n}\n.avatar .overlay {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.avatar .overlay .overlayText {\n  margin-top: 0.5rem;\n  text-align: center;\n}\n.avatar.loading .editIcon,\n.avatar.loading .overlay {\n  background-color: rgba(24, 28, 50, 0.3) !important;\n}\n.avatar.loading .editIcon i,\n.avatar.loading .overlay i {\n  opacity: 1;\n}\n.avatar.xxs .image {\n  width: 1.6rem !important;\n  height: 1.6rem !important;\n}\n.avatar.xs .image {\n  width: 2.1333333333rem !important;\n  height: 2.1333333333rem !important;\n}\n.avatar.sm .image {\n  width: 3.2rem !important;\n  height: 3.2rem !important;\n}\n.avatar.md .image {\n  width: 4.2666666667rem !important;\n  height: 4.2666666667rem !important;\n}\n.avatar.lg .image {\n  width: 6.4rem !important;\n  height: 6.4rem !important;\n}\n.avatar.xl .image {\n  width: 8.5333333333rem !important;\n  height: 8.5333333333rem !important;\n}\n.avatar.xl .editIcon,\n.avatar.xl .overlay {\n  padding: 1rem;\n}\n.avatar.xl .editIcon i,\n.avatar.xl .overlay i {\n  font-size: 2.5rem;\n}\n.avatar.xxl .overlay {\n  padding: 1rem;\n}\n.avatar.xxl .image {\n  width: 17.0666666667rem !important;\n  height: 17.0666666667rem !important;\n}\n.avatar.xxxl .overlay {\n  padding: 1rem;\n}\n.avatar.xxxl .image {\n  width: 34.1333333333rem !important;\n  height: 34.1333333333rem !important;\n}\n.avatar.inline {\n  margin-right: 1rem;\n}","/* Text */\n/* Input */\n/* Button */\n/* TABLE */\n/* Modal */\n/* Bagde */\n/* Menu */\n/* Notification */\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* RESPONSIVE */\n@keyframes flexWide {\n  from {\n    flex: 0;\n  }\n  to {\n    flex: 1;\n  }\n}\n@keyframes slidein {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes fadeInOut {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n.container {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: fit-content;\n  width: fit-content;\n}\n.container.isLoading {\n  animation: fadeInOut;\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-timing-function: ease-in-out;\n}\n.container svg path {\n  transition: stroke 0.2s ease-in-out;\n}","/* Text */\n/* Input */\n/* Button */\n/* TABLE */\n/* Modal */\n/* Bagde */\n/* Menu */\n/* Notification */\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* RESPONSIVE */\n@keyframes flexWide {\n  from {\n    flex: 0;\n  }\n  to {\n    flex: 1;\n  }\n}\n@keyframes slidein {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes fadeInOut {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n.container {\n  position: relative;\n}\n.container .confirm {\n  position: absolute;\n  left: -8rem;\n  right: -2rem;\n  bottom: 3.5rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background-color: #ffffff;\n  padding: 0.5rem;\n  border-radius: 3.75rem;\n}\n.container .confirm .confirmActions {\n  display: flex;\n  justify-content: space-between;\n  gap: 1rem;\n  margin-top: 0.5rem;\n}\n.container .button {\n  padding: 1rem calc(1.75rem + 1px);\n  border: 0;\n  box-shadow: none;\n  display: inline-block;\n  color: #ffffff;\n  background-color: #2d3436;\n  font-size: 0.925rem;\n  font-weight: 500;\n  line-height: 1.5;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  border-radius: 3.75rem;\n  transition: color 0.15s ease-in-out;\n  -webkit-appearance: button;\n  text-transform: none;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.container .button .label {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  justify-content: center;\n}\n.container .button:hover {\n  background-color: #212526;\n}\n.container .button.light {\n  background-color: #f5f8fa;\n  color: #a1a5b7;\n}\n.container .button.light:hover {\n  color: #2d3436;\n}\n.container .button.lightDark {\n  background-color: #eff2f5;\n  color: #181c32;\n}\n.container .button.lightDark:hover {\n  background-color: #181c32;\n  color: #ffffff;\n}\n.container .button.light {\n  background-color: #f5f8fa;\n  color: #a1a5b7;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.light i {\n  color: #a1a5b7;\n}\n.container .button.light svg {\n  stroke: #a1a5b7;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.light svg path {\n  stroke: #a1a5b7;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.light:hover, .container .button.light.active {\n  background-color: #e4e6ef;\n  color: #7e8299;\n}\n.container .button.light:hover i, .container .button.light.active i {\n  color: #7e8299;\n}\n.container .button.light:hover svg, .container .button.light.active svg {\n  stroke: #7e8299;\n}\n.container .button.light:hover svg path, .container .button.light.active svg path {\n  stroke: #7e8299;\n}\n.container .button.lightDark {\n  background-color: #eff2f5;\n  color: #181c32;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.lightDark i {\n  color: #181c32;\n}\n.container .button.lightDark svg {\n  stroke: #181c32;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightDark svg path {\n  stroke: #181c32;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightDark:hover, .container .button.lightDark.active {\n  background-color: #181c32;\n  color: #ffffff;\n}\n.container .button.lightDark:hover i, .container .button.lightDark.active i {\n  color: #ffffff;\n}\n.container .button.lightDark:hover svg, .container .button.lightDark.active svg {\n  stroke: #ffffff;\n}\n.container .button.lightDark:hover svg path, .container .button.lightDark.active svg path {\n  stroke: #ffffff;\n}\n.container .button.lightDanger {\n  background-color: #fff5f8;\n  color: #f1416c;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.lightDanger i {\n  color: #f1416c;\n}\n.container .button.lightDanger svg {\n  stroke: #f1416c;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightDanger svg path {\n  stroke: #f1416c;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightDanger:hover, .container .button.lightDanger.active {\n  background-color: #f1416c;\n  color: #ffffff;\n}\n.container .button.lightDanger:hover i, .container .button.lightDanger.active i {\n  color: #ffffff;\n}\n.container .button.lightDanger:hover svg, .container .button.lightDanger.active svg {\n  stroke: #ffffff;\n}\n.container .button.lightDanger:hover svg path, .container .button.lightDanger.active svg path {\n  stroke: #ffffff;\n}\n.container .button.lightInfo {\n  background-color: #f8f5ff;\n  color: #f8f5ff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.lightInfo i {\n  color: #f8f5ff;\n}\n.container .button.lightInfo svg {\n  stroke: #f8f5ff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightInfo svg path {\n  stroke: #f8f5ff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightInfo:hover, .container .button.lightInfo.active {\n  background-color: #f8f5ff;\n  color: #ffffff;\n}\n.container .button.lightInfo:hover i, .container .button.lightInfo.active i {\n  color: #ffffff;\n}\n.container .button.lightInfo:hover svg, .container .button.lightInfo.active svg {\n  stroke: #ffffff;\n}\n.container .button.lightInfo:hover svg path, .container .button.lightInfo.active svg path {\n  stroke: #ffffff;\n}\n.container .button.lightPrimary {\n  background-color: rgba(45, 52, 54, 0.1);\n  color: #2d3436;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.lightPrimary i {\n  color: #2d3436;\n}\n.container .button.lightPrimary svg {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightPrimary svg path {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightPrimary:hover, .container .button.lightPrimary.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.container .button.lightPrimary:hover i, .container .button.lightPrimary.active i {\n  color: #ffffff;\n}\n.container .button.lightPrimary:hover svg, .container .button.lightPrimary.active svg {\n  stroke: #ffffff;\n}\n.container .button.lightPrimary:hover svg path, .container .button.lightPrimary.active svg path {\n  stroke: #ffffff;\n}\n.container .button.lightSecondary {\n  background-color: #c9f7f5;\n  color: #16a085;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.lightSecondary i {\n  color: #16a085;\n}\n.container .button.lightSecondary svg {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightSecondary svg path {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightSecondary:hover, .container .button.lightSecondary.active {\n  background-color: #16a085;\n  color: #ffffff;\n}\n.container .button.lightSecondary:hover i, .container .button.lightSecondary.active i {\n  color: #ffffff;\n}\n.container .button.lightSecondary:hover svg, .container .button.lightSecondary.active svg {\n  stroke: #ffffff;\n}\n.container .button.lightSecondary:hover svg path, .container .button.lightSecondary.active svg path {\n  stroke: #ffffff;\n}\n.container .button.lightWarning {\n  background-color: #fff8dd;\n  color: #ffc700;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.lightWarning i {\n  color: #ffc700;\n}\n.container .button.lightWarning svg {\n  stroke: #ffc700;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightWarning svg path {\n  stroke: #ffc700;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightWarning:hover, .container .button.lightWarning.active {\n  background-color: #ffc700;\n  color: #ffffff;\n}\n.container .button.lightWarning:hover i, .container .button.lightWarning.active i {\n  color: #ffffff;\n}\n.container .button.lightWarning:hover svg, .container .button.lightWarning.active svg {\n  stroke: #ffffff;\n}\n.container .button.lightWarning:hover svg path, .container .button.lightWarning.active svg path {\n  stroke: #ffffff;\n}\n.container .button.lightSuccess {\n  background-color: #c9f7f5;\n  color: #1bc5bd;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.lightSuccess i {\n  color: #1bc5bd;\n}\n.container .button.lightSuccess svg {\n  stroke: #1bc5bd;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightSuccess svg path {\n  stroke: #1bc5bd;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.lightSuccess:hover, .container .button.lightSuccess.active {\n  background-color: #1bc5bd;\n  color: #ffffff;\n}\n.container .button.lightSuccess:hover i, .container .button.lightSuccess.active i {\n  color: #ffffff;\n}\n.container .button.lightSuccess:hover svg, .container .button.lightSuccess.active svg {\n  stroke: #ffffff;\n}\n.container .button.lightSuccess:hover svg path, .container .button.lightSuccess.active svg path {\n  stroke: #ffffff;\n}\n.container .button.primary {\n  background-color: #2d3436;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.primary i {\n  color: #ffffff;\n}\n.container .button.primary svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.primary svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.primary:hover, .container .button.primary.active {\n  background-color: #212526;\n  color: #ffffff;\n}\n.container .button.primary:hover i, .container .button.primary.active i {\n  color: #ffffff;\n}\n.container .button.primary:hover svg, .container .button.primary.active svg {\n  stroke: #ffffff;\n}\n.container .button.primary:hover svg path, .container .button.primary.active svg path {\n  stroke: #ffffff;\n}\n.container .button.secondary {\n  background-color: #16a085;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.secondary i {\n  color: #ffffff;\n}\n.container .button.secondary svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.secondary svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.secondary:hover, .container .button.secondary.active {\n  background-color: #0bb7af;\n  color: #ffffff;\n}\n.container .button.secondary:hover i, .container .button.secondary.active i {\n  color: #ffffff;\n}\n.container .button.secondary:hover svg, .container .button.secondary.active svg {\n  stroke: #ffffff;\n}\n.container .button.secondary:hover svg path, .container .button.secondary.active svg path {\n  stroke: #ffffff;\n}\n.container .button.danger {\n  background-color: #f1416c;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.danger i {\n  color: #ffffff;\n}\n.container .button.danger svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.danger svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.danger:hover, .container .button.danger.active {\n  background-color: #d9214e;\n  color: #ffffff;\n}\n.container .button.danger:hover i, .container .button.danger.active i {\n  color: #ffffff;\n}\n.container .button.danger:hover svg, .container .button.danger.active svg {\n  stroke: #ffffff;\n}\n.container .button.danger:hover svg path, .container .button.danger.active svg path {\n  stroke: #ffffff;\n}\n.container .button.dark {\n  background-color: #181c32;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.dark i {\n  color: #ffffff;\n}\n.container .button.dark svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.dark svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.dark:hover, .container .button.dark.active {\n  background-color: #131628;\n  color: #ffffff;\n}\n.container .button.dark:hover i, .container .button.dark.active i {\n  color: #ffffff;\n}\n.container .button.dark:hover svg, .container .button.dark.active svg {\n  stroke: #ffffff;\n}\n.container .button.dark:hover svg path, .container .button.dark.active svg path {\n  stroke: #ffffff;\n}\n.container .button.info {\n  background-color: #f8f5ff;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.info i {\n  color: #ffffff;\n}\n.container .button.info svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.info svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.info:hover, .container .button.info.active {\n  background-color: #5014d0;\n  color: #ffffff;\n}\n.container .button.info:hover i, .container .button.info.active i {\n  color: #ffffff;\n}\n.container .button.info:hover svg, .container .button.info.active svg {\n  stroke: #ffffff;\n}\n.container .button.info:hover svg path, .container .button.info.active svg path {\n  stroke: #ffffff;\n}\n.container .button.success {\n  background-color: #1bc5bd;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.success i {\n  color: #ffffff;\n}\n.container .button.success svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.success svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.success:hover, .container .button.success.active {\n  background-color: #0bb7af;\n  color: #ffffff;\n}\n.container .button.success:hover i, .container .button.success.active i {\n  color: #ffffff;\n}\n.container .button.success:hover svg, .container .button.success.active svg {\n  stroke: #ffffff;\n}\n.container .button.success:hover svg path, .container .button.success.active svg path {\n  stroke: #ffffff;\n}\n.container .button.warning {\n  background-color: #ffc700;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.warning i {\n  color: #ffffff;\n}\n.container .button.warning svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.warning svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.warning:hover, .container .button.warning.active {\n  background-color: #f1bc00;\n  color: #ffffff;\n}\n.container .button.warning:hover i, .container .button.warning.active i {\n  color: #ffffff;\n}\n.container .button.warning:hover svg, .container .button.warning.active svg {\n  stroke: #ffffff;\n}\n.container .button.warning:hover svg path, .container .button.warning.active svg path {\n  stroke: #ffffff;\n}\n.container .button.whiteText {\n  background-color: transparent;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.whiteText i {\n  color: #ffffff;\n}\n.container .button.whiteText svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.whiteText svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.whiteText:hover, .container .button.whiteText.active {\n  background-color: transparent;\n  color: #e4e6ef;\n}\n.container .button.whiteText:hover i, .container .button.whiteText.active i {\n  color: #e4e6ef;\n}\n.container .button.whiteText:hover svg, .container .button.whiteText.active svg {\n  stroke: #e4e6ef;\n}\n.container .button.whiteText:hover svg path, .container .button.whiteText.active svg path {\n  stroke: #e4e6ef;\n}\n.container .button.default {\n  background-color: #ffffff;\n  color: #5e6278;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.default i {\n  color: #5e6278;\n}\n.container .button.default svg {\n  stroke: #5e6278;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.default svg path {\n  stroke: #5e6278;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.default:hover, .container .button.default.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.container .button.default:hover i, .container .button.default.active i {\n  color: #ffffff;\n}\n.container .button.default:hover svg, .container .button.default.active svg {\n  stroke: #ffffff;\n}\n.container .button.default:hover svg path, .container .button.default.active svg path {\n  stroke: #ffffff;\n}\n.container .button.borderedPrimary {\n  background-color: transparent;\n  color: #2d3436;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.borderedPrimary i {\n  color: #2d3436;\n}\n.container .button.borderedPrimary svg {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.borderedPrimary svg path {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.borderedPrimary:hover, .container .button.borderedPrimary.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.container .button.borderedPrimary:hover i, .container .button.borderedPrimary.active i {\n  color: #ffffff;\n}\n.container .button.borderedPrimary:hover svg, .container .button.borderedPrimary.active svg {\n  stroke: #ffffff;\n}\n.container .button.borderedPrimary:hover svg path, .container .button.borderedPrimary.active svg path {\n  stroke: #ffffff;\n}\n.container .button.borderedSecondary {\n  background-color: transparent;\n  color: #16a085;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .button.borderedSecondary i {\n  color: #16a085;\n}\n.container .button.borderedSecondary svg {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.borderedSecondary svg path {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .button.borderedSecondary:hover, .container .button.borderedSecondary.active {\n  background-color: #16a085;\n  color: #ffffff;\n}\n.container .button.borderedSecondary:hover i, .container .button.borderedSecondary.active i {\n  color: #ffffff;\n}\n.container .button.borderedSecondary:hover svg, .container .button.borderedSecondary.active svg {\n  stroke: #ffffff;\n}\n.container .button.borderedSecondary:hover svg path, .container .button.borderedSecondary.active svg path {\n  stroke: #ffffff;\n}\n.container .button.borderedPrimary {\n  border: 1px solid #2d3436;\n}\n.container .button.borderedSecondary {\n  border: 1px solid #16a085;\n}\n.container .button:disabled {\n  color: #ffffff;\n  background-color: #2d3436;\n  cursor: not-allowed;\n  border-color: #2d3436;\n  opacity: 0.65;\n}\n.container .button.small {\n  padding: 0.5rem 1rem;\n}\n.container .button.xsmall {\n  padding: 0.25rem 0.5rem;\n}\n.container.fullWidth {\n  width: 100%;\n}\n.container.fullWidth .button {\n  width: 100%;\n}\n.container.fullWidth .confirm {\n  left: 0;\n  right: 0;\n  width: 100%;\n}","/* Text */\n/* Input */\n/* Button */\n/* TABLE */\n/* Modal */\n/* Bagde */\n/* Menu */\n/* Notification */\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* RESPONSIVE */\n@keyframes flexWide {\n  from {\n    flex: 0;\n  }\n  to {\n    flex: 1;\n  }\n}\n@keyframes slidein {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes fadeInOut {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n.iconButton {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n  border-radius: 3.75rem;\n  font-size: 0.925rem;\n  font-weight: 500;\n  line-height: 1.5;\n  color: #181c32;\n  transition: all 0.2s ease;\n  position: relative;\n}\n.iconButton.noPadding {\n  padding: 0;\n}\n.iconButton.lg {\n  font-size: 1.5rem;\n  width: 2.9333333333rem;\n  height: 2.9333333333rem;\n}\n.iconButton.md {\n  width: 2.4rem;\n  height: 2.4rem;\n}\n.iconButton.sm {\n  width: 1.8666666667rem;\n  height: 1.8666666667rem;\n}\n.iconButton.xs {\n  width: 1.0666666667rem;\n  height: 1.0666666667rem;\n}\n.iconButton .confirm {\n  position: absolute;\n  left: -7rem;\n  right: -2rem;\n  bottom: 3.5rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background-color: #ffffff;\n  padding: 0.5rem 1rem;\n  border-radius: 3.75rem;\n  z-index: 1;\n  box-shadow: 0px 10px 35px 0px rgba(56, 71, 109, 0.075);\n}\n.iconButton .confirm .confirmActions {\n  display: flex;\n  justify-content: space-between;\n  gap: 1rem;\n  margin-top: 0.5rem;\n}\n.iconButton .confirm.bottom {\n  bottom: auto;\n  top: 3.5rem;\n  right: -0.5rem;\n  left: -8rem;\n}\n.iconButton.disabled {\n  cursor: not-allowed;\n}\n.iconButton.white {\n  background-color: transparent;\n  color: #ffffff;\n}\n.iconButton.light {\n  background-color: #f5f8fa;\n  color: #a1a5b7;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.light i {\n  color: #a1a5b7;\n}\n.iconButton.light svg {\n  stroke: #a1a5b7;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.light svg path {\n  stroke: #a1a5b7;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.light:hover, .iconButton.light.active {\n  background-color: #e4e6ef;\n  color: #7e8299;\n}\n.iconButton.light:hover i, .iconButton.light.active i {\n  color: #7e8299;\n}\n.iconButton.light:hover svg, .iconButton.light.active svg {\n  stroke: #7e8299;\n}\n.iconButton.light:hover svg path, .iconButton.light.active svg path {\n  stroke: #7e8299;\n}\n.iconButton.lightDark {\n  background-color: #eff2f5;\n  color: #181c32;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.lightDark i {\n  color: #181c32;\n}\n.iconButton.lightDark svg {\n  stroke: #181c32;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightDark svg path {\n  stroke: #181c32;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightDark:hover, .iconButton.lightDark.active {\n  background-color: #181c32;\n  color: #ffffff;\n}\n.iconButton.lightDark:hover i, .iconButton.lightDark.active i {\n  color: #ffffff;\n}\n.iconButton.lightDark:hover svg, .iconButton.lightDark.active svg {\n  stroke: #ffffff;\n}\n.iconButton.lightDark:hover svg path, .iconButton.lightDark.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.lightDanger {\n  background-color: #fff5f8;\n  color: #f1416c;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.lightDanger i {\n  color: #f1416c;\n}\n.iconButton.lightDanger svg {\n  stroke: #f1416c;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightDanger svg path {\n  stroke: #f1416c;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightDanger:hover, .iconButton.lightDanger.active {\n  background-color: #f1416c;\n  color: #ffffff;\n}\n.iconButton.lightDanger:hover i, .iconButton.lightDanger.active i {\n  color: #ffffff;\n}\n.iconButton.lightDanger:hover svg, .iconButton.lightDanger.active svg {\n  stroke: #ffffff;\n}\n.iconButton.lightDanger:hover svg path, .iconButton.lightDanger.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.lightInfo {\n  background-color: #f8f5ff;\n  color: #f8f5ff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.lightInfo i {\n  color: #f8f5ff;\n}\n.iconButton.lightInfo svg {\n  stroke: #f8f5ff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightInfo svg path {\n  stroke: #f8f5ff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightInfo:hover, .iconButton.lightInfo.active {\n  background-color: #f8f5ff;\n  color: #ffffff;\n}\n.iconButton.lightInfo:hover i, .iconButton.lightInfo.active i {\n  color: #ffffff;\n}\n.iconButton.lightInfo:hover svg, .iconButton.lightInfo.active svg {\n  stroke: #ffffff;\n}\n.iconButton.lightInfo:hover svg path, .iconButton.lightInfo.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.lightPrimary {\n  background-color: rgba(45, 52, 54, 0.1);\n  color: #2d3436;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.lightPrimary i {\n  color: #2d3436;\n}\n.iconButton.lightPrimary svg {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightPrimary svg path {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightPrimary:hover, .iconButton.lightPrimary.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.iconButton.lightPrimary:hover i, .iconButton.lightPrimary.active i {\n  color: #ffffff;\n}\n.iconButton.lightPrimary:hover svg, .iconButton.lightPrimary.active svg {\n  stroke: #ffffff;\n}\n.iconButton.lightPrimary:hover svg path, .iconButton.lightPrimary.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.lightSecondary {\n  background-color: #c9f7f5;\n  color: #16a085;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.lightSecondary i {\n  color: #16a085;\n}\n.iconButton.lightSecondary svg {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightSecondary svg path {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightSecondary:hover, .iconButton.lightSecondary.active {\n  background-color: #16a085;\n  color: #ffffff;\n}\n.iconButton.lightSecondary:hover i, .iconButton.lightSecondary.active i {\n  color: #ffffff;\n}\n.iconButton.lightSecondary:hover svg, .iconButton.lightSecondary.active svg {\n  stroke: #ffffff;\n}\n.iconButton.lightSecondary:hover svg path, .iconButton.lightSecondary.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.lightWarning {\n  background-color: #fff8dd;\n  color: #ffc700;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.lightWarning i {\n  color: #ffc700;\n}\n.iconButton.lightWarning svg {\n  stroke: #ffc700;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightWarning svg path {\n  stroke: #ffc700;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightWarning:hover, .iconButton.lightWarning.active {\n  background-color: #ffc700;\n  color: #ffffff;\n}\n.iconButton.lightWarning:hover i, .iconButton.lightWarning.active i {\n  color: #ffffff;\n}\n.iconButton.lightWarning:hover svg, .iconButton.lightWarning.active svg {\n  stroke: #ffffff;\n}\n.iconButton.lightWarning:hover svg path, .iconButton.lightWarning.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.lightSuccess {\n  background-color: #c9f7f5;\n  color: #1bc5bd;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.lightSuccess i {\n  color: #1bc5bd;\n}\n.iconButton.lightSuccess svg {\n  stroke: #1bc5bd;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightSuccess svg path {\n  stroke: #1bc5bd;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.lightSuccess:hover, .iconButton.lightSuccess.active {\n  background-color: #1bc5bd;\n  color: #ffffff;\n}\n.iconButton.lightSuccess:hover i, .iconButton.lightSuccess.active i {\n  color: #ffffff;\n}\n.iconButton.lightSuccess:hover svg, .iconButton.lightSuccess.active svg {\n  stroke: #ffffff;\n}\n.iconButton.lightSuccess:hover svg path, .iconButton.lightSuccess.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.primary {\n  background-color: #2d3436;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.primary i {\n  color: #ffffff;\n}\n.iconButton.primary svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.primary svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.primary:hover, .iconButton.primary.active {\n  background-color: #212526;\n  color: #ffffff;\n}\n.iconButton.primary:hover i, .iconButton.primary.active i {\n  color: #ffffff;\n}\n.iconButton.primary:hover svg, .iconButton.primary.active svg {\n  stroke: #ffffff;\n}\n.iconButton.primary:hover svg path, .iconButton.primary.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.secondary {\n  background-color: #16a085;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.secondary i {\n  color: #ffffff;\n}\n.iconButton.secondary svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.secondary svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.secondary:hover, .iconButton.secondary.active {\n  background-color: #0bb7af;\n  color: #ffffff;\n}\n.iconButton.secondary:hover i, .iconButton.secondary.active i {\n  color: #ffffff;\n}\n.iconButton.secondary:hover svg, .iconButton.secondary.active svg {\n  stroke: #ffffff;\n}\n.iconButton.secondary:hover svg path, .iconButton.secondary.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.danger {\n  background-color: #f1416c;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.danger i {\n  color: #ffffff;\n}\n.iconButton.danger svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.danger svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.danger:hover, .iconButton.danger.active {\n  background-color: #d9214e;\n  color: #ffffff;\n}\n.iconButton.danger:hover i, .iconButton.danger.active i {\n  color: #ffffff;\n}\n.iconButton.danger:hover svg, .iconButton.danger.active svg {\n  stroke: #ffffff;\n}\n.iconButton.danger:hover svg path, .iconButton.danger.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.dark {\n  background-color: #181c32;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.dark i {\n  color: #ffffff;\n}\n.iconButton.dark svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.dark svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.dark:hover, .iconButton.dark.active {\n  background-color: #131628;\n  color: #ffffff;\n}\n.iconButton.dark:hover i, .iconButton.dark.active i {\n  color: #ffffff;\n}\n.iconButton.dark:hover svg, .iconButton.dark.active svg {\n  stroke: #ffffff;\n}\n.iconButton.dark:hover svg path, .iconButton.dark.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.info {\n  background-color: #f8f5ff;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.info i {\n  color: #ffffff;\n}\n.iconButton.info svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.info svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.info:hover, .iconButton.info.active {\n  background-color: #5014d0;\n  color: #ffffff;\n}\n.iconButton.info:hover i, .iconButton.info.active i {\n  color: #ffffff;\n}\n.iconButton.info:hover svg, .iconButton.info.active svg {\n  stroke: #ffffff;\n}\n.iconButton.info:hover svg path, .iconButton.info.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.success {\n  background-color: #1bc5bd;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.success i {\n  color: #ffffff;\n}\n.iconButton.success svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.success svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.success:hover, .iconButton.success.active {\n  background-color: #0bb7af;\n  color: #ffffff;\n}\n.iconButton.success:hover i, .iconButton.success.active i {\n  color: #ffffff;\n}\n.iconButton.success:hover svg, .iconButton.success.active svg {\n  stroke: #ffffff;\n}\n.iconButton.success:hover svg path, .iconButton.success.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.warning {\n  background-color: #ffc700;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.warning i {\n  color: #ffffff;\n}\n.iconButton.warning svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.warning svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.warning:hover, .iconButton.warning.active {\n  background-color: #f1bc00;\n  color: #ffffff;\n}\n.iconButton.warning:hover i, .iconButton.warning.active i {\n  color: #ffffff;\n}\n.iconButton.warning:hover svg, .iconButton.warning.active svg {\n  stroke: #ffffff;\n}\n.iconButton.warning:hover svg path, .iconButton.warning.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.whiteText {\n  background-color: transparent;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.whiteText i {\n  color: #ffffff;\n}\n.iconButton.whiteText svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.whiteText svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.whiteText:hover, .iconButton.whiteText.active {\n  background-color: transparent;\n  color: #e4e6ef;\n}\n.iconButton.whiteText:hover i, .iconButton.whiteText.active i {\n  color: #e4e6ef;\n}\n.iconButton.whiteText:hover svg, .iconButton.whiteText.active svg {\n  stroke: #e4e6ef;\n}\n.iconButton.whiteText:hover svg path, .iconButton.whiteText.active svg path {\n  stroke: #e4e6ef;\n}\n.iconButton.default {\n  background-color: #ffffff;\n  color: #5e6278;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.default i {\n  color: #5e6278;\n}\n.iconButton.default svg {\n  stroke: #5e6278;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.default svg path {\n  stroke: #5e6278;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.default:hover, .iconButton.default.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.iconButton.default:hover i, .iconButton.default.active i {\n  color: #ffffff;\n}\n.iconButton.default:hover svg, .iconButton.default.active svg {\n  stroke: #ffffff;\n}\n.iconButton.default:hover svg path, .iconButton.default.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.borderedPrimary {\n  background-color: transparent;\n  color: #2d3436;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.borderedPrimary i {\n  color: #2d3436;\n}\n.iconButton.borderedPrimary svg {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.borderedPrimary svg path {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.borderedPrimary:hover, .iconButton.borderedPrimary.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.iconButton.borderedPrimary:hover i, .iconButton.borderedPrimary.active i {\n  color: #ffffff;\n}\n.iconButton.borderedPrimary:hover svg, .iconButton.borderedPrimary.active svg {\n  stroke: #ffffff;\n}\n.iconButton.borderedPrimary:hover svg path, .iconButton.borderedPrimary.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.borderedSecondary {\n  background-color: transparent;\n  color: #16a085;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.iconButton.borderedSecondary i {\n  color: #16a085;\n}\n.iconButton.borderedSecondary svg {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.borderedSecondary svg path {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.iconButton.borderedSecondary:hover, .iconButton.borderedSecondary.active {\n  background-color: #16a085;\n  color: #ffffff;\n}\n.iconButton.borderedSecondary:hover i, .iconButton.borderedSecondary.active i {\n  color: #ffffff;\n}\n.iconButton.borderedSecondary:hover svg, .iconButton.borderedSecondary.active svg {\n  stroke: #ffffff;\n}\n.iconButton.borderedSecondary:hover svg path, .iconButton.borderedSecondary.active svg path {\n  stroke: #ffffff;\n}\n.iconButton.borderedPrimary {\n  border: 1px solid #2d3436;\n}","/* Text */\n/* Input */\n/* Button */\n/* TABLE */\n/* Modal */\n/* Bagde */\n/* Menu */\n/* Notification */\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* RESPONSIVE */\n@keyframes flexWide {\n  from {\n    flex: 0;\n  }\n  to {\n    flex: 1;\n  }\n}\n@keyframes slidein {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes fadeInOut {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n.listItem {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.5rem 1rem;\n  border-radius: 0.475rem;\n}\n.listItem.separator {\n  border-bottom: 1px solid #eff2f5;\n  padding: 1.5rem 1rem;\n}\n.listItem.dashedSeparator {\n  border-bottom: 1px dashed #eff2f5;\n  padding: 1.5rem 1rem;\n}\n.listItem .content {\n  display: flex;\n  align-items: center;\n}\n.listItem .content .data .title {\n  font-weight: 600;\n  font-size: 1.075rem;\n}\n.listItem .content .data .subtitle {\n  font-weight: 500;\n  color: #a1a5b7;\n  margin-top: 0.25rem;\n}\n.listItem .indicator {\n  width: 4px;\n  margin-right: 1rem;\n  height: 40px;\n  border-radius: 0.475rem;\n  flex-shrink: 0;\n}\n.listItem .indicator.success {\n  background-color: #1bc5bd;\n}\n.listItem .indicator.info {\n  background-color: #f8f5ff;\n}\n.listItem .indicator.warning {\n  background-color: #ffc700;\n}\n.listItem .indicator.danger {\n  background-color: #f1416c;\n}\n.listItem .indicator.primary {\n  background-color: #2d3436;\n}\n.listItem:hover {\n  background-color: #f5f8fa;\n}\n.listItem .completed i {\n  font-size: 1.75rem;\n  color: #2d3436;\n  padding: 0.5rem;\n}","/* Text */\n/* Input */\n/* Button */\n/* TABLE */\n/* Modal */\n/* Bagde */\n/* Menu */\n/* Notification */\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* RESPONSIVE */\n@keyframes flexWide {\n  from {\n    flex: 0;\n  }\n  to {\n    flex: 1;\n  }\n}\n@keyframes slidein {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes fadeInOut {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n.link {\n  border-radius: 3.75rem;\n  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  font-size: 0.925rem;\n  font-weight: 500;\n  line-height: 1.5;\n  text-align: center;\n}\n.link.fullWidth {\n  width: 100%;\n}\n.link.zero {\n  padding: 0;\n}\n.link.xxs {\n  padding: 0.25rem;\n}\n.link.xs {\n  padding: 0.25rem 0.5rem;\n}\n.link.s {\n  padding: 0.25rem 0.75rem;\n}\n.link.m {\n  padding: 0.5rem 1rem;\n}\n.link.lg {\n  padding: 0.75rem 1.5rem;\n}\n.link.xl {\n  padding: 1rem 1.75rem;\n}\n.link.light {\n  background-color: #f5f8fa;\n  color: #a1a5b7;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.light i {\n  color: #a1a5b7;\n}\n.link.light svg {\n  stroke: #a1a5b7;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.light svg path {\n  stroke: #a1a5b7;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.light:hover, .link.light.active {\n  background-color: #e4e6ef;\n  color: #7e8299;\n}\n.link.light:hover i, .link.light.active i {\n  color: #7e8299;\n}\n.link.light:hover svg, .link.light.active svg {\n  stroke: #7e8299;\n}\n.link.light:hover svg path, .link.light.active svg path {\n  stroke: #7e8299;\n}\n.link.lightDark {\n  background-color: #eff2f5;\n  color: #181c32;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.lightDark i {\n  color: #181c32;\n}\n.link.lightDark svg {\n  stroke: #181c32;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightDark svg path {\n  stroke: #181c32;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightDark:hover, .link.lightDark.active {\n  background-color: #181c32;\n  color: #ffffff;\n}\n.link.lightDark:hover i, .link.lightDark.active i {\n  color: #ffffff;\n}\n.link.lightDark:hover svg, .link.lightDark.active svg {\n  stroke: #ffffff;\n}\n.link.lightDark:hover svg path, .link.lightDark.active svg path {\n  stroke: #ffffff;\n}\n.link.lightDanger {\n  background-color: #fff5f8;\n  color: #f1416c;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.lightDanger i {\n  color: #f1416c;\n}\n.link.lightDanger svg {\n  stroke: #f1416c;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightDanger svg path {\n  stroke: #f1416c;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightDanger:hover, .link.lightDanger.active {\n  background-color: #f1416c;\n  color: #ffffff;\n}\n.link.lightDanger:hover i, .link.lightDanger.active i {\n  color: #ffffff;\n}\n.link.lightDanger:hover svg, .link.lightDanger.active svg {\n  stroke: #ffffff;\n}\n.link.lightDanger:hover svg path, .link.lightDanger.active svg path {\n  stroke: #ffffff;\n}\n.link.lightInfo {\n  background-color: #f8f5ff;\n  color: #f8f5ff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.lightInfo i {\n  color: #f8f5ff;\n}\n.link.lightInfo svg {\n  stroke: #f8f5ff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightInfo svg path {\n  stroke: #f8f5ff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightInfo:hover, .link.lightInfo.active {\n  background-color: #f8f5ff;\n  color: #ffffff;\n}\n.link.lightInfo:hover i, .link.lightInfo.active i {\n  color: #ffffff;\n}\n.link.lightInfo:hover svg, .link.lightInfo.active svg {\n  stroke: #ffffff;\n}\n.link.lightInfo:hover svg path, .link.lightInfo.active svg path {\n  stroke: #ffffff;\n}\n.link.lightPrimary {\n  background-color: rgba(45, 52, 54, 0.1);\n  color: #2d3436;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.lightPrimary i {\n  color: #2d3436;\n}\n.link.lightPrimary svg {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightPrimary svg path {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightPrimary:hover, .link.lightPrimary.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.link.lightPrimary:hover i, .link.lightPrimary.active i {\n  color: #ffffff;\n}\n.link.lightPrimary:hover svg, .link.lightPrimary.active svg {\n  stroke: #ffffff;\n}\n.link.lightPrimary:hover svg path, .link.lightPrimary.active svg path {\n  stroke: #ffffff;\n}\n.link.lightSecondary {\n  background-color: #c9f7f5;\n  color: #16a085;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.lightSecondary i {\n  color: #16a085;\n}\n.link.lightSecondary svg {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightSecondary svg path {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightSecondary:hover, .link.lightSecondary.active {\n  background-color: #16a085;\n  color: #ffffff;\n}\n.link.lightSecondary:hover i, .link.lightSecondary.active i {\n  color: #ffffff;\n}\n.link.lightSecondary:hover svg, .link.lightSecondary.active svg {\n  stroke: #ffffff;\n}\n.link.lightSecondary:hover svg path, .link.lightSecondary.active svg path {\n  stroke: #ffffff;\n}\n.link.lightWarning {\n  background-color: #fff8dd;\n  color: #ffc700;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.lightWarning i {\n  color: #ffc700;\n}\n.link.lightWarning svg {\n  stroke: #ffc700;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightWarning svg path {\n  stroke: #ffc700;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightWarning:hover, .link.lightWarning.active {\n  background-color: #ffc700;\n  color: #ffffff;\n}\n.link.lightWarning:hover i, .link.lightWarning.active i {\n  color: #ffffff;\n}\n.link.lightWarning:hover svg, .link.lightWarning.active svg {\n  stroke: #ffffff;\n}\n.link.lightWarning:hover svg path, .link.lightWarning.active svg path {\n  stroke: #ffffff;\n}\n.link.lightSuccess {\n  background-color: #c9f7f5;\n  color: #1bc5bd;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.lightSuccess i {\n  color: #1bc5bd;\n}\n.link.lightSuccess svg {\n  stroke: #1bc5bd;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightSuccess svg path {\n  stroke: #1bc5bd;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.lightSuccess:hover, .link.lightSuccess.active {\n  background-color: #1bc5bd;\n  color: #ffffff;\n}\n.link.lightSuccess:hover i, .link.lightSuccess.active i {\n  color: #ffffff;\n}\n.link.lightSuccess:hover svg, .link.lightSuccess.active svg {\n  stroke: #ffffff;\n}\n.link.lightSuccess:hover svg path, .link.lightSuccess.active svg path {\n  stroke: #ffffff;\n}\n.link.primary {\n  background-color: #2d3436;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.primary i {\n  color: #ffffff;\n}\n.link.primary svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.primary svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.primary:hover, .link.primary.active {\n  background-color: #212526;\n  color: #ffffff;\n}\n.link.primary:hover i, .link.primary.active i {\n  color: #ffffff;\n}\n.link.primary:hover svg, .link.primary.active svg {\n  stroke: #ffffff;\n}\n.link.primary:hover svg path, .link.primary.active svg path {\n  stroke: #ffffff;\n}\n.link.secondary {\n  background-color: #16a085;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.secondary i {\n  color: #ffffff;\n}\n.link.secondary svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.secondary svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.secondary:hover, .link.secondary.active {\n  background-color: #0bb7af;\n  color: #ffffff;\n}\n.link.secondary:hover i, .link.secondary.active i {\n  color: #ffffff;\n}\n.link.secondary:hover svg, .link.secondary.active svg {\n  stroke: #ffffff;\n}\n.link.secondary:hover svg path, .link.secondary.active svg path {\n  stroke: #ffffff;\n}\n.link.danger {\n  background-color: #f1416c;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.danger i {\n  color: #ffffff;\n}\n.link.danger svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.danger svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.danger:hover, .link.danger.active {\n  background-color: #d9214e;\n  color: #ffffff;\n}\n.link.danger:hover i, .link.danger.active i {\n  color: #ffffff;\n}\n.link.danger:hover svg, .link.danger.active svg {\n  stroke: #ffffff;\n}\n.link.danger:hover svg path, .link.danger.active svg path {\n  stroke: #ffffff;\n}\n.link.dark {\n  background-color: #181c32;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.dark i {\n  color: #ffffff;\n}\n.link.dark svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.dark svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.dark:hover, .link.dark.active {\n  background-color: #131628;\n  color: #ffffff;\n}\n.link.dark:hover i, .link.dark.active i {\n  color: #ffffff;\n}\n.link.dark:hover svg, .link.dark.active svg {\n  stroke: #ffffff;\n}\n.link.dark:hover svg path, .link.dark.active svg path {\n  stroke: #ffffff;\n}\n.link.info {\n  background-color: #f8f5ff;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.info i {\n  color: #ffffff;\n}\n.link.info svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.info svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.info:hover, .link.info.active {\n  background-color: #5014d0;\n  color: #ffffff;\n}\n.link.info:hover i, .link.info.active i {\n  color: #ffffff;\n}\n.link.info:hover svg, .link.info.active svg {\n  stroke: #ffffff;\n}\n.link.info:hover svg path, .link.info.active svg path {\n  stroke: #ffffff;\n}\n.link.success {\n  background-color: #1bc5bd;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.success i {\n  color: #ffffff;\n}\n.link.success svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.success svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.success:hover, .link.success.active {\n  background-color: #0bb7af;\n  color: #ffffff;\n}\n.link.success:hover i, .link.success.active i {\n  color: #ffffff;\n}\n.link.success:hover svg, .link.success.active svg {\n  stroke: #ffffff;\n}\n.link.success:hover svg path, .link.success.active svg path {\n  stroke: #ffffff;\n}\n.link.warning {\n  background-color: #ffc700;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.warning i {\n  color: #ffffff;\n}\n.link.warning svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.warning svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.warning:hover, .link.warning.active {\n  background-color: #f1bc00;\n  color: #ffffff;\n}\n.link.warning:hover i, .link.warning.active i {\n  color: #ffffff;\n}\n.link.warning:hover svg, .link.warning.active svg {\n  stroke: #ffffff;\n}\n.link.warning:hover svg path, .link.warning.active svg path {\n  stroke: #ffffff;\n}\n.link.whiteText {\n  background-color: transparent;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.whiteText i {\n  color: #ffffff;\n}\n.link.whiteText svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.whiteText svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.whiteText:hover, .link.whiteText.active {\n  background-color: transparent;\n  color: #e4e6ef;\n}\n.link.whiteText:hover i, .link.whiteText.active i {\n  color: #e4e6ef;\n}\n.link.whiteText:hover svg, .link.whiteText.active svg {\n  stroke: #e4e6ef;\n}\n.link.whiteText:hover svg path, .link.whiteText.active svg path {\n  stroke: #e4e6ef;\n}\n.link.default {\n  background-color: #ffffff;\n  color: #5e6278;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.default i {\n  color: #5e6278;\n}\n.link.default svg {\n  stroke: #5e6278;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.default svg path {\n  stroke: #5e6278;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.default:hover, .link.default.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.link.default:hover i, .link.default.active i {\n  color: #ffffff;\n}\n.link.default:hover svg, .link.default.active svg {\n  stroke: #ffffff;\n}\n.link.default:hover svg path, .link.default.active svg path {\n  stroke: #ffffff;\n}\n.link.borderedPrimary {\n  background-color: transparent;\n  color: #2d3436;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.borderedPrimary i {\n  color: #2d3436;\n}\n.link.borderedPrimary svg {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.borderedPrimary svg path {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.borderedPrimary:hover, .link.borderedPrimary.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.link.borderedPrimary:hover i, .link.borderedPrimary.active i {\n  color: #ffffff;\n}\n.link.borderedPrimary:hover svg, .link.borderedPrimary.active svg {\n  stroke: #ffffff;\n}\n.link.borderedPrimary:hover svg path, .link.borderedPrimary.active svg path {\n  stroke: #ffffff;\n}\n.link.borderedSecondary {\n  background-color: transparent;\n  color: #16a085;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.link.borderedSecondary i {\n  color: #16a085;\n}\n.link.borderedSecondary svg {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.borderedSecondary svg path {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.link.borderedSecondary:hover, .link.borderedSecondary.active {\n  background-color: #16a085;\n  color: #ffffff;\n}\n.link.borderedSecondary:hover i, .link.borderedSecondary.active i {\n  color: #ffffff;\n}\n.link.borderedSecondary:hover svg, .link.borderedSecondary.active svg {\n  stroke: #ffffff;\n}\n.link.borderedSecondary:hover svg path, .link.borderedSecondary.active svg path {\n  stroke: #ffffff;\n}\n.link.borderedPrimary {\n  border: 1px solid #2d3436;\n}\n.link.borderedSecondary {\n  border: 1px solid #16a085;\n}","/* Text */\n/* Input */\n/* Button */\n/* TABLE */\n/* Modal */\n/* Bagde */\n/* Menu */\n/* Notification */\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* RESPONSIVE */\n@keyframes flexWide {\n  from {\n    flex: 0;\n  }\n  to {\n    flex: 1;\n  }\n}\n@keyframes slidein {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes fadeInOut {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n.input {\n  position: relative;\n  margin-bottom: 2.5rem;\n}\n.input.full {\n  width: 100%;\n}\n.input.noMargin {\n  margin-bottom: 0;\n}\n.input .container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  z-index: 2;\n}\n.input input,\n.input select,\n.input textarea {\n  background-color: #f5f8fa;\n  color: #5e6278;\n  border: 1px solid #e4e6ef;\n  border-color: #f5f8fa;\n  box-shadow: none;\n  transition: color 0.2s ease;\n  min-height: 3.3333333333rem;\n  padding: 0.825rem 1.5rem;\n  font-size: 1.15rem;\n  border-radius: 3.75rem;\n  display: block;\n  width: 100%;\n  font-weight: 500;\n  line-height: 1.5;\n  background-clip: padding-box;\n  appearance: none;\n}\n.input input::placeholder,\n.input select::placeholder,\n.input textarea::placeholder {\n  color: #a1a5b7;\n  opacity: 1;\n}\n.input input:focus,\n.input select:focus,\n.input textarea:focus {\n  background-color: #eef3f7;\n  border-color: #eef3f7;\n  color: #5e6278;\n  transition: color 0.2s ease;\n  outline: 0;\n}\n.input select {\n  -moz-appearance: none; /* Firefox */\n  -webkit-appearance: none; /* Safari and Chrome */\n  appearance: none;\n  background-image: url(\"https://images.sorocraft.com/icons/chevron-down.svg\");\n  background-repeat: no-repeat, repeat;\n  background-position: right 0.7em top 50%, 0 0;\n  background-size: 0.65em auto, 100%;\n}\n.input textarea {\n  border-radius: 1.5rem;\n}\n.input .colorPicker {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border-radius: 50%;\n  padding: 0;\n  border: none;\n  width: 2rem;\n  height: 2rem;\n  min-height: auto;\n  cursor: pointer;\n}\n.input .colorPicker::-webkit-color-swatch {\n  border-radius: 50%;\n}\n.input .colorPicker::-moz-color-swatch {\n  border-radius: 50%;\n}\n.input label {\n  font-weight: 500;\n  font-size: 1.15rem;\n  margin-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.input label span.required::after {\n  content: \"*\";\n  position: relative;\n  font-size: inherit;\n  color: #f1416c;\n  padding-left: 0.25rem;\n  font-weight: 600;\n}\n.input .addon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: 0.5rem;\n  height: 3rem;\n  width: 3rem;\n}\n.input .addon svg path {\n  stroke: #a1a5b7;\n}\n.input .addon.pointer {\n  cursor: pointer;\n}\n.input .error {\n  margin-top: 0.5rem;\n  font-size: 0.925rem;\n  color: #f1416c;\n  font-weight: 400;\n}\n.input .avatar {\n  display: none !important;\n}\n.input .autoCompleteContent {\n  position: absolute;\n  top: 2rem;\n  left: 0;\n  right: 0;\n  background-color: #ffffff;\n  z-index: 1;\n  border-bottom-left-radius: 2.1428571429rem;\n  border-bottom-right-radius: 2.1428571429rem;\n  padding: 2.5rem 1rem 1.5rem;\n  box-shadow: 0px 10px 35px 0px rgba(56, 71, 109, 0.075);\n}\n.input .autoCompleteContent.reversed {\n  padding: 1.5rem 1rem 2.5rem;\n  top: auto;\n  bottom: 2rem;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 2.1428571429rem;\n  border-top-right-radius: 2.1428571429rem;\n}\n.input.transparent input,\n.input.transparent select,\n.input.transparent textarea {\n  background-color: transparent;\n  border-radius: 0;\n  border: 0;\n  border-bottom: 1px solid transparent;\n  transition: border-color 0.2s ease-in-out;\n}\n.input.transparent input:focus,\n.input.transparent select:focus,\n.input.transparent textarea:focus {\n  background-color: transparent;\n  border-color: #e4e6ef;\n  color: #5e6278;\n  transition: color 0.2s ease;\n  outline: 0;\n}\n.input.small input,\n.input.small select,\n.input.small textarea {\n  padding: 0.25rem 1rem;\n  min-height: 2.6666666667rem;\n}\n.input.small .addon {\n  height: 1rem;\n  width: 1rem;\n}\n.input.xsmall input,\n.input.xsmall select,\n.input.xsmall textarea {\n  padding: 0.25rem 1rem;\n  min-height: 2.25rem;\n}\n.input.xsmall .addon {\n  height: 0.5rem;\n  width: 0.5rem;\n}\n.input.hasAddon input {\n  padding-right: 3rem;\n}","/* Text */\n/* Input */\n/* Button */\n/* TABLE */\n/* Modal */\n/* Bagde */\n/* Menu */\n/* Notification */\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* RESPONSIVE */\n@keyframes flexWide {\n  from {\n    flex: 0;\n  }\n  to {\n    flex: 1;\n  }\n}\n@keyframes slidein {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes fadeInOut {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n.menu {\n  background-color: #ffffff;\n  border-radius: 1.5rem;\n  padding: 1rem 0.5rem;\n  box-shadow: 0px 10px 35px 0px rgba(56, 71, 109, 0.075);\n  min-width: 17.0666666667rem;\n}\n\n.container .action {\n  cursor: pointer;\n  padding: 0.25rem 0.5rem;\n  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;\n  border-radius: 3.75rem;\n}\n.container .action.light {\n  background-color: #f5f8fa;\n  color: #a1a5b7;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.light i {\n  color: #a1a5b7;\n}\n.container .action.light svg {\n  stroke: #a1a5b7;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.light svg path {\n  stroke: #a1a5b7;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.light:hover, .container .action.light.active {\n  background-color: #e4e6ef;\n  color: #7e8299;\n}\n.container .action.light:hover i, .container .action.light.active i {\n  color: #7e8299;\n}\n.container .action.light:hover svg, .container .action.light.active svg {\n  stroke: #7e8299;\n}\n.container .action.light:hover svg path, .container .action.light.active svg path {\n  stroke: #7e8299;\n}\n.container .action.lightDark {\n  background-color: #eff2f5;\n  color: #181c32;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.lightDark i {\n  color: #181c32;\n}\n.container .action.lightDark svg {\n  stroke: #181c32;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightDark svg path {\n  stroke: #181c32;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightDark:hover, .container .action.lightDark.active {\n  background-color: #181c32;\n  color: #ffffff;\n}\n.container .action.lightDark:hover i, .container .action.lightDark.active i {\n  color: #ffffff;\n}\n.container .action.lightDark:hover svg, .container .action.lightDark.active svg {\n  stroke: #ffffff;\n}\n.container .action.lightDark:hover svg path, .container .action.lightDark.active svg path {\n  stroke: #ffffff;\n}\n.container .action.lightDanger {\n  background-color: #fff5f8;\n  color: #f1416c;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.lightDanger i {\n  color: #f1416c;\n}\n.container .action.lightDanger svg {\n  stroke: #f1416c;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightDanger svg path {\n  stroke: #f1416c;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightDanger:hover, .container .action.lightDanger.active {\n  background-color: #f1416c;\n  color: #ffffff;\n}\n.container .action.lightDanger:hover i, .container .action.lightDanger.active i {\n  color: #ffffff;\n}\n.container .action.lightDanger:hover svg, .container .action.lightDanger.active svg {\n  stroke: #ffffff;\n}\n.container .action.lightDanger:hover svg path, .container .action.lightDanger.active svg path {\n  stroke: #ffffff;\n}\n.container .action.lightInfo {\n  background-color: #f8f5ff;\n  color: #f8f5ff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.lightInfo i {\n  color: #f8f5ff;\n}\n.container .action.lightInfo svg {\n  stroke: #f8f5ff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightInfo svg path {\n  stroke: #f8f5ff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightInfo:hover, .container .action.lightInfo.active {\n  background-color: #f8f5ff;\n  color: #ffffff;\n}\n.container .action.lightInfo:hover i, .container .action.lightInfo.active i {\n  color: #ffffff;\n}\n.container .action.lightInfo:hover svg, .container .action.lightInfo.active svg {\n  stroke: #ffffff;\n}\n.container .action.lightInfo:hover svg path, .container .action.lightInfo.active svg path {\n  stroke: #ffffff;\n}\n.container .action.lightPrimary {\n  background-color: rgba(45, 52, 54, 0.1);\n  color: #2d3436;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.lightPrimary i {\n  color: #2d3436;\n}\n.container .action.lightPrimary svg {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightPrimary svg path {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightPrimary:hover, .container .action.lightPrimary.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.container .action.lightPrimary:hover i, .container .action.lightPrimary.active i {\n  color: #ffffff;\n}\n.container .action.lightPrimary:hover svg, .container .action.lightPrimary.active svg {\n  stroke: #ffffff;\n}\n.container .action.lightPrimary:hover svg path, .container .action.lightPrimary.active svg path {\n  stroke: #ffffff;\n}\n.container .action.lightSecondary {\n  background-color: #c9f7f5;\n  color: #16a085;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.lightSecondary i {\n  color: #16a085;\n}\n.container .action.lightSecondary svg {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightSecondary svg path {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightSecondary:hover, .container .action.lightSecondary.active {\n  background-color: #16a085;\n  color: #ffffff;\n}\n.container .action.lightSecondary:hover i, .container .action.lightSecondary.active i {\n  color: #ffffff;\n}\n.container .action.lightSecondary:hover svg, .container .action.lightSecondary.active svg {\n  stroke: #ffffff;\n}\n.container .action.lightSecondary:hover svg path, .container .action.lightSecondary.active svg path {\n  stroke: #ffffff;\n}\n.container .action.lightWarning {\n  background-color: #fff8dd;\n  color: #ffc700;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.lightWarning i {\n  color: #ffc700;\n}\n.container .action.lightWarning svg {\n  stroke: #ffc700;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightWarning svg path {\n  stroke: #ffc700;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightWarning:hover, .container .action.lightWarning.active {\n  background-color: #ffc700;\n  color: #ffffff;\n}\n.container .action.lightWarning:hover i, .container .action.lightWarning.active i {\n  color: #ffffff;\n}\n.container .action.lightWarning:hover svg, .container .action.lightWarning.active svg {\n  stroke: #ffffff;\n}\n.container .action.lightWarning:hover svg path, .container .action.lightWarning.active svg path {\n  stroke: #ffffff;\n}\n.container .action.lightSuccess {\n  background-color: #c9f7f5;\n  color: #1bc5bd;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.lightSuccess i {\n  color: #1bc5bd;\n}\n.container .action.lightSuccess svg {\n  stroke: #1bc5bd;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightSuccess svg path {\n  stroke: #1bc5bd;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.lightSuccess:hover, .container .action.lightSuccess.active {\n  background-color: #1bc5bd;\n  color: #ffffff;\n}\n.container .action.lightSuccess:hover i, .container .action.lightSuccess.active i {\n  color: #ffffff;\n}\n.container .action.lightSuccess:hover svg, .container .action.lightSuccess.active svg {\n  stroke: #ffffff;\n}\n.container .action.lightSuccess:hover svg path, .container .action.lightSuccess.active svg path {\n  stroke: #ffffff;\n}\n.container .action.primary {\n  background-color: #2d3436;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.primary i {\n  color: #ffffff;\n}\n.container .action.primary svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.primary svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.primary:hover, .container .action.primary.active {\n  background-color: #212526;\n  color: #ffffff;\n}\n.container .action.primary:hover i, .container .action.primary.active i {\n  color: #ffffff;\n}\n.container .action.primary:hover svg, .container .action.primary.active svg {\n  stroke: #ffffff;\n}\n.container .action.primary:hover svg path, .container .action.primary.active svg path {\n  stroke: #ffffff;\n}\n.container .action.secondary {\n  background-color: #16a085;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.secondary i {\n  color: #ffffff;\n}\n.container .action.secondary svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.secondary svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.secondary:hover, .container .action.secondary.active {\n  background-color: #0bb7af;\n  color: #ffffff;\n}\n.container .action.secondary:hover i, .container .action.secondary.active i {\n  color: #ffffff;\n}\n.container .action.secondary:hover svg, .container .action.secondary.active svg {\n  stroke: #ffffff;\n}\n.container .action.secondary:hover svg path, .container .action.secondary.active svg path {\n  stroke: #ffffff;\n}\n.container .action.danger {\n  background-color: #f1416c;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.danger i {\n  color: #ffffff;\n}\n.container .action.danger svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.danger svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.danger:hover, .container .action.danger.active {\n  background-color: #d9214e;\n  color: #ffffff;\n}\n.container .action.danger:hover i, .container .action.danger.active i {\n  color: #ffffff;\n}\n.container .action.danger:hover svg, .container .action.danger.active svg {\n  stroke: #ffffff;\n}\n.container .action.danger:hover svg path, .container .action.danger.active svg path {\n  stroke: #ffffff;\n}\n.container .action.dark {\n  background-color: #181c32;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.dark i {\n  color: #ffffff;\n}\n.container .action.dark svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.dark svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.dark:hover, .container .action.dark.active {\n  background-color: #131628;\n  color: #ffffff;\n}\n.container .action.dark:hover i, .container .action.dark.active i {\n  color: #ffffff;\n}\n.container .action.dark:hover svg, .container .action.dark.active svg {\n  stroke: #ffffff;\n}\n.container .action.dark:hover svg path, .container .action.dark.active svg path {\n  stroke: #ffffff;\n}\n.container .action.info {\n  background-color: #f8f5ff;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.info i {\n  color: #ffffff;\n}\n.container .action.info svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.info svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.info:hover, .container .action.info.active {\n  background-color: #5014d0;\n  color: #ffffff;\n}\n.container .action.info:hover i, .container .action.info.active i {\n  color: #ffffff;\n}\n.container .action.info:hover svg, .container .action.info.active svg {\n  stroke: #ffffff;\n}\n.container .action.info:hover svg path, .container .action.info.active svg path {\n  stroke: #ffffff;\n}\n.container .action.success {\n  background-color: #1bc5bd;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.success i {\n  color: #ffffff;\n}\n.container .action.success svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.success svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.success:hover, .container .action.success.active {\n  background-color: #0bb7af;\n  color: #ffffff;\n}\n.container .action.success:hover i, .container .action.success.active i {\n  color: #ffffff;\n}\n.container .action.success:hover svg, .container .action.success.active svg {\n  stroke: #ffffff;\n}\n.container .action.success:hover svg path, .container .action.success.active svg path {\n  stroke: #ffffff;\n}\n.container .action.warning {\n  background-color: #ffc700;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.warning i {\n  color: #ffffff;\n}\n.container .action.warning svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.warning svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.warning:hover, .container .action.warning.active {\n  background-color: #f1bc00;\n  color: #ffffff;\n}\n.container .action.warning:hover i, .container .action.warning.active i {\n  color: #ffffff;\n}\n.container .action.warning:hover svg, .container .action.warning.active svg {\n  stroke: #ffffff;\n}\n.container .action.warning:hover svg path, .container .action.warning.active svg path {\n  stroke: #ffffff;\n}\n.container .action.whiteText {\n  background-color: transparent;\n  color: #ffffff;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.whiteText i {\n  color: #ffffff;\n}\n.container .action.whiteText svg {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.whiteText svg path {\n  stroke: #ffffff;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.whiteText:hover, .container .action.whiteText.active {\n  background-color: transparent;\n  color: #e4e6ef;\n}\n.container .action.whiteText:hover i, .container .action.whiteText.active i {\n  color: #e4e6ef;\n}\n.container .action.whiteText:hover svg, .container .action.whiteText.active svg {\n  stroke: #e4e6ef;\n}\n.container .action.whiteText:hover svg path, .container .action.whiteText.active svg path {\n  stroke: #e4e6ef;\n}\n.container .action.default {\n  background-color: #ffffff;\n  color: #5e6278;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.default i {\n  color: #5e6278;\n}\n.container .action.default svg {\n  stroke: #5e6278;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.default svg path {\n  stroke: #5e6278;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.default:hover, .container .action.default.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.container .action.default:hover i, .container .action.default.active i {\n  color: #ffffff;\n}\n.container .action.default:hover svg, .container .action.default.active svg {\n  stroke: #ffffff;\n}\n.container .action.default:hover svg path, .container .action.default.active svg path {\n  stroke: #ffffff;\n}\n.container .action.borderedPrimary {\n  background-color: transparent;\n  color: #2d3436;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.borderedPrimary i {\n  color: #2d3436;\n}\n.container .action.borderedPrimary svg {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.borderedPrimary svg path {\n  stroke: #2d3436;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.borderedPrimary:hover, .container .action.borderedPrimary.active {\n  background-color: #2d3436;\n  color: #ffffff;\n}\n.container .action.borderedPrimary:hover i, .container .action.borderedPrimary.active i {\n  color: #ffffff;\n}\n.container .action.borderedPrimary:hover svg, .container .action.borderedPrimary.active svg {\n  stroke: #ffffff;\n}\n.container .action.borderedPrimary:hover svg path, .container .action.borderedPrimary.active svg path {\n  stroke: #ffffff;\n}\n.container .action.borderedSecondary {\n  background-color: transparent;\n  color: #16a085;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n.container .action.borderedSecondary i {\n  color: #16a085;\n}\n.container .action.borderedSecondary svg {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.borderedSecondary svg path {\n  stroke: #16a085;\n  transition: stroke 0.2s ease-in-out;\n}\n.container .action.borderedSecondary:hover, .container .action.borderedSecondary.active {\n  background-color: #16a085;\n  color: #ffffff;\n}\n.container .action.borderedSecondary:hover i, .container .action.borderedSecondary.active i {\n  color: #ffffff;\n}\n.container .action.borderedSecondary:hover svg, .container .action.borderedSecondary.active svg {\n  stroke: #ffffff;\n}\n.container .action.borderedSecondary:hover svg path, .container .action.borderedSecondary.active svg path {\n  stroke: #ffffff;\n}\n.container .action.xsmall {\n  padding: 0.15rem;\n}\n.container .action.small {\n  padding: 0.15rem 0.25rem;\n}\n.container .action.large {\n  padding: 0.5rem 1rem;\n}","/* Text */\n/* Input */\n/* Button */\n/* TABLE */\n/* Modal */\n/* Bagde */\n/* Menu */\n/* Notification */\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* Border radius */\n/* Fonts */\n/* BUTTON */\n/* WIDTH */\n/* HEIGHT */\n/* CARD */\n/* TABLE */\n/* MODAL */\n/* BADGE */\n/* Menu */\n/* Input */\n/* EDITOR */\n/* MESSAGE */\n/* TASK VIEW */\n/* SHADOW */\n/**/\n/* RESPONSIVE */\n@keyframes flexWide {\n  from {\n    flex: 0;\n  }\n  to {\n    flex: 1;\n  }\n}\n@keyframes slidein {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes fadeInOut {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n.container {\n  animation: fadeInOut;\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-timing-function: ease-in-out;\n  background-color: #e4e6ef;\n}\n.container.square.xxs {\n  width: 24px;\n  height: 24px;\n}\n.container.square.xs {\n  width: 32px;\n  height: 32px;\n}\n.container.square.sm {\n  width: 48px;\n  height: 48px;\n}\n.container.square.md {\n  width: 64px;\n  height: 64px;\n}\n.container.square.lg {\n  width: 96px;\n  height: 96px;\n}\n.container.square.xl {\n  width: 128px;\n  height: 128px;\n}\n.container.square.xxl {\n  width: 192px;\n  height: 192px;\n}\n.container.square.xxxl {\n  width: 256px;\n  height: 256px;\n}\n.container.square.xxxxl {\n  width: 512px;\n  height: 512px;\n}"]}

package/dist/utils/common.d.ts

@@ -0,0 +1 @@
+export declare const isEmpty: (value: any) => boolean;

package/dist/utils/icon.d.ts

@@ -0,0 +1,2 @@
+import { SIZE } from "src/models/ui";
+export declare const getDimension: (size: SIZE) => 8 | 12 | 16 | 24 | 32 | 48 | 64 | 128;

package/dist/utils/styling.d.ts

@@ -0,0 +1,2 @@
+import { ClassNames, StylesProps } from "./styling.types";
+export declare const classNames: (styles: StylesProps, classNames: ClassNames, extraClassNames?: string[]) => string;

package/dist/utils/styling.types.d.ts

@@ -0,0 +1,6 @@
+export interface ClassNames {
+    [key: string]: boolean;
+}
+export interface StylesProps {
+    [key: string]: string;
+}

package/dist/utils/view.d.ts

@@ -0,0 +1 @@
+export declare const useClickOutside: (ref: any, callback: () => void) => void;

package/package.json

@@ -0,0 +1,64 @@
+{
+	"name": "@sorocraft/ui",
+	"version": "1.0.5",
+	"description": "UI Library by sorocraft.com",
+	"main": "dist/index.js",
+	"module": "dist/index.esm.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"exports": {
+		".": {
+			"require": "./dist/index.js",
+			"import": "./dist/index.esm.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./icons": {
+			"require": "./dist/icons/index.js",
+			"import": "./dist/icons/index.esm.js",
+			"types": "./dist/icons/index.d.ts"
+		},
+		"./styles/ui.css": "./dist/styles/ui.css",
+		"./styles/utils.scss": "./dist/styles/scss/utils.scss"
+	},
+	"typesVersions": {
+		"*": {
+			"icons": [
+				"dist/icons/index.d.ts"
+			]
+		}
+	},
+	"scripts": {
+		"clean": "rimraf dist",
+		"build": "npm run clean && rollup -c",
+		"dev": "npm run clean && rollup -c -w",
+		"lint": "eslint src",
+		"icons": "npx @svgr/cli --typescript --ignore-existing --jsx-runtime automatic  --out-dir src/icons -- src/assets/icons",
+		"pub": "git add . && git commit -m \"New version\" && npm version patch && npm run build && npm publish --access public"
+	},
+	"author": "sorocraft.com",
+	"license": "MIT",
+	"homepage": "https://sorocraft.com",
+	"peerDependencies": {
+		"react": ">=18.2.0",
+		"react-dom": ">=18.2.0"
+	},
+	"devDependencies": {
+		"@rollup/plugin-commonjs": "^26.0.1",
+		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-terser": "^0.4.4",
+		"@rollup/plugin-typescript": "^11.1.6",
+		"@types/react": "^18.3.3",
+		"@types/react-dom": "^18.3.0",
+		"autoprefixer": "^10.4.20",
+		"eslint": "^9.9.0",
+		"rimraf": "^6.0.1",
+		"rollup-plugin-copy": "^3.5.0",
+		"rollup-plugin-peer-deps-external": "^2.2.4",
+		"rollup-plugin-postcss": "^4.0.2",
+		"sass": "^1.77.8",
+		"tslib": "^2.6.3",
+		"typescript": "^5.5.4"
+	}
+}