{"version":3,"sources":["cp/src/css/craft.css","cp/src/css/_reset.scss","cp/src/css/_main.scss","../../../node_modules/craftcms-sass/_mixins.scss","cp/src/css/_cp.scss","cp/src/css/_fld.scss","cp/src/css/_image_editor.scss","cp/src/css/_shame.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;4CDG4C;ACC5C,6eACE,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,wBAAwB,EAAA;;AAG1B,0FACE,cAAc,EAAA;;AAGhB,OACE,cAAc,EAAA;;AAGhB,SACE,gBAAgB,EAAA;;AAGlB,gBACE,YAAY,EAAA;;AAGd,yDACE,aAAa,EAAA;;AAGf,QACE,yBAAyB,EACzB,iBAAiB,EAAA;;AAGnB,IACE,qBAAqB,EAAA;;AAGvB,kBACE,SAAS,EACT,wCAAwC,EACxC,eAAe,EAAA;;AAGjB,WACE,gBAAgB,EAAA;;AAGlB,SACE,SAAS,EAAA;;ACrBX,aACE,oBAAoB,EACpB,2IAE6C,EAC7C,mBAAmB,EACnB,kBAAkB,EAAA;;AAGpB;;4CFV4C;AEc5C,aACE,yBCzC0B,EAAA;;AD4C5B,oCAEE,gBAAgB,EAAA;;AAGlB,OACE,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,cC/C0B,EDgD1B,4CAA4C,EAAA;;AAG9C,WACE,cAAc,EAAA;;AAGhB,gCCoDE,yKAAyK,EAAA;;ADhD3K,4RACE,wBAAwB,EAAA;;AAG1B,6PACE,2BAA2B,EAAA;;AAG7B,cACE,sBAAsB,EAAA;;AAKtB,6DACE,2BAA2B,EAC3B,yBAAyB,EAAA;;AAG3B,6DACE,4BAA4B,EAC5B,yBAAyB,EAAA;;AAI7B,UAAA;AACA,yUCyCE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EAAA;;AD7Cd,mCAEE,gBAAgB,EAChB,eAAe,EAAA;;AF/DjB,qBEmEE,wBAAwB,EAAA;;AFjE1B,0BEqEE,8BAA8B,EAAA;;AAGhC,0EAEE,kBAAkB,EAAA;;AAGpB,oFAEE,uBAAuB,EAAA;;AAGzB,sBACE,iBAAiB,EAAA;;AAGnB,wBACE,mBAAmB,EAAA;;AAGrB,mBACE,eAAe,EAAA;;AAGjB,oBACE,eAAe,EAAA;;AAGjB,wBACE,mBAAmB,EAAA;;AAGrB,sBACE,iBAAiB,EAAA;;AAGnB,sBACE,iBAAiB,EAAA;;AAGnB,wBACE,mBAAmB,EAAA;;AAGrB,eACE,eAAe,EACf,cCpIe,EAAA;;AAqTf,2DACE,iBD5KyB,EAAA;;AC8K3B,2DACE,gBD/KyB,EAAA;;AAI7B,sBACE,gBAAgB,EAChB,eAAe,EAAA;;AAIf,6BACE,gBAAgB,EAAA;;AAElB,6BACE,oBAAoB,EAAA;;AAIxB,aAAA;AACA,KACE,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAAA;;AAGlB,KACE,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EAAA;;AAGnB,KACE,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAAA;;AAGlB,KACE,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cCvN0B,EAAA;;AD0N5B,KACE,kBAAkB,EAClB,gBAAgB,EAChB,cC7N0B,EAAA;;ADgO5B,KCwLE,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,cA7Z0B,EA8Z1B,yBAAyB,EACzB,iBAAiB,EAAA;;AAxFjB,gCACE,sBAAoB,EAAA;;AAEtB,gCACE,sBAAoB,EAAA;;ADjGxB,uBAEE,eAAe,EAAA;;AC2Ff,gCACE,qBAAoB,EAAA;;AAEtB,gCACE,qBAAoB,EAAA;;AD5FxB,oBAAA;AACA,KACE,cAAc,EACd,YAAY,EACZ,2CCzJ2C,ED0J3C,SAAS,EACT,kBAAkB,EAAA;;AAGpB,WACE,kBAAkB,EAAA;;AAGpB,eAAA;AACA,IACE,aAAa,EAAA;;AAGf,SACE,aAAa,EAAA;;AAGf,MACE,qBAAqB,EACrB,kBAAkB,EAAA;;AAGpB,MACE,mBAAmB,EACnB,kBAAkB,EAAA;;ACoElB,mBACE,iBDjEuB,EAAA;;ACmEzB,mBACE,kBDpEuB,EAAA;;AAG3B,UAAA;AACA,WAEE,uBAAuB,EAAA;;ACqFvB,oBACE,kBDvFwB,EAAA;;ACyF1B,oBACE,mBD1FwB,EAAA;;AAI5B,KAEE,wBAAwB,EAAA;;ACgFxB,cACE,kBDlFwB,EAAA;;ACoF1B,cACE,mBDrFwB,EAAA;;AAI5B,SAAA;AACA,2CC3KE,qFAAqF,EACrF,2BAA2B,EAAA;;AD0K7B,mFAOI,2BAA2B,EAAA;;AAI/B,UAAA;AACA,IACE,cC1Re,ED2Rf,eAAe,EAAA;;AAEf,yBACE,0BAA0B,EAAA;;AAI9B,UACE,0BAA0B,EAAA;;AAG5B,kBAEE,0BAA0B,EAC1B,qBAAqB,EAAA;;AAGvB,YACE,eAAe,EACf,gBAAgB,EAEhB,cClU0B,EAAA;;AA2W1B,qBACE,iBD3CuB,EAAA;;AC6CzB,qBACE,kBD9CuB,EAAA;;AAEzB,qBACE,qBAAqB,EAAA;;AAEvB,qBACE,qBAAqB,EAAA;;AAIzB,kBACE,cC1Te,EAAA;;AD6TjB,oBAAA;ACUE,8BACE,iBDTuB,EAAA;;ACWzB,8BACE,gBDZuB,EAAA;;AAE3B,yBACE,UAAU,EACV,cClV0B,EDmV1B,qDAA0D,EAAA;;AAG5D,iBAAA;AACA,+BAEE,YAAY,EACZ,2BAA2B,EAC3B,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EAAA;;AANjB,6CCvNE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EAAA;;AD4Md,kBAKE,yBC7W0B,EAAA;;ADyW1B,oBACE,qBAAqB,EAAA;;AAFzB,yBAQI,gBAAgB,EAChB,cC1Sa,EAAA;;AD8SjB,cACE,yBCtX0B,EAAA;;ADqX5B,qBAII,gBAAgB,EAChB,cC1UY,EAAA;;AD8UhB,YAAA;AACA,gCAEE,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAUlB,0CAAkC,EAAlC,wCAAkC,EAAlC,kCAAkC,EAAlC,6FAAkC,EAAA;;AATlC,kDACE,iCAAyB,EAAzB,4BAAyB,EAAzB,yBAAyB,EAAA;;AAE3B,kDACE,gCAAwB,EAAxB,2BAAwB,EAAxB,wBAAwB,EAAA;;AAQ5B,uCAEE,oBAAoB,EAAA;;AAGtB,sIAIE,uCAA+B,EAA/B,kCAA+B,EAA/B,+BAA+B,EAAA;;AAGjC,gBACE,cAAc,EACd,kBAAkB,EAClB,cAAc,EAEd,cC5Z0B,ED6Z1B,qBAAqB,EAAA;;ACvDrB,yBACE,kBDoDwB,EAAA;;AClD1B,yBACE,mBDiDwB,EAAA;;AAK5B,uBACE,cAAc,EACd,kBAAkB,EAClB,SAAS,EAAA;;ACxOT,gCACE,UDwOgB,EAAA;;ACtOlB,gCACE,WDqOgB,EAAA;;AAGpB,aAAA;AACA,QACE,kBAAkB,EAAA;;AAGpB,kBACE,iBAAiB,EAAA;;AAGnB,oBAAA;AACA,YCwGE,eAAe,EACf,iBAAiB,EAAA;;ADzGnB,qFC4GI,mBAAmB,EACnB,gBAAgB,EAAA;;AD7GpB,eCiHI,eAAe,EACf,iBAAiB,EACjB,WAAW,EAAA;;ADnHf,eCuHI,eAAe,EACf,iBAAiB,EAAA;;ADxHrB,eC4HI,eAAe,EACf,iBAAiB,EAAA;;AD7HrB,eCiII,eAAe,EACf,iBAAiB,EAAA;;ADlIrB,eCsII,eAAe,EACf,iBAAiB,EAAA;;ADvIrB,eC2II,iBAAiB,EACjB,iBAAiB,EACjB,cAjkBwB,EAAA;;ADob5B,6BCkJI,aAAa,EAAA;;AA7Nf,+CACE,iBA6NyB,EAAA;;AA3N3B,+CACE,kBA0NyB,EAAA;;ADnJ7B,kBCuJI,qBAAqB,EAAA;;ADvJzB,oBC2JI,kBAAkB,EAAA;;AD3JtB,uBC+JI,cAAc,EAAA;;AD/JlB,kCCkKM,eAAe,EACf,cAvlBsB,EAAA;;AAkO1B,2CACE,4CA3IyC,EAAA;;AA6I3C,2CACE,6CA9IyC,EAAA;;AD4V7C,4BCwKM,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EAEZ,iBAAiB,EAAA;;AAvPrB,qCACE,kBAqP4B,EAAA;;AAnP9B,qCACE,mBAkP4B,EAAA;;AD3KhC,oDC+KQ,qBAtjBQ,EAujBR,cAAc,EAAA;;ADhLtB,2DCmLU,gBAAgB,EAChB,cA3jBM,EAAA;;ADuYhB,gCCyLQ,qBA7lBS,EA8lBT,cA9mBoB,EAAA;;ADob5B,uCC6LU,oBAAoB,EACpB,cAlmBO,EAAA;;ADoajB,oCCmMQ,qBA5jBW,EA6jBX,cAAc,EAAA;;ADpMtB,2CCuMU,gBAAgB,EAChB,cAjkBS,EAAA;;ADyXnB,mCCnTE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EAyeN,kBAAkB,EAClB,SAAS,EAET,eAAe,EACf,WAAW,EAAA;;AAxcjB,4CACE,UAqcsB,EAAA;;AAncxB,4CACE,WAkcsB,EAAA;;AD5M1B,gBAAA;ACxOE,sBACE,gBAAgB,EAAA;;AAElB,sBACE,iBAAiB,EAAA;;ADyOrB,YACE,mBAAmB,EAAA;;ACrOnB,uBACE,iBAAiB,EAAA;;AAEnB,uBACE,gBAAgB,EAAA;;ADwOpB,eACE,6BAA6B,EAAA;;AAG/B,UACE,mBAAmB,EAAA;;AAGrB,cACE,qBAAqB,EAAA;;AAGvB,SACE,yBAAkC,EAClC,mBAAmB,EAAA;;AAGrB,cACE,yBAAiC,EAAA;;AAGnC,aACE,eAAe,EACf,gBAAgB,EAAA;;AAGlB,SACE,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,cCte0B,EAAA;;ADye5B,mCACE,gBAAgB,EAAA;;AAGlB,kBACE,mBAAmB,EAEnB,cAAc,EACd,cClcc,EAAA;;AAwRd,2BACE,qBAAoB,EAAA;;AAEtB,2BACE,qBAAoB,EAAA;;ADyKxB,cACE,cAAc,EAAA;;AChMd,iBACE,WAAW,EAAA;;AAEb,iBACE,YAAY,EAAA;;AAKd,kBACE,YAAY,EAAA;;AAEd,kBACE,WAAW,EAAA;;AD8Lf,SAGE,sBAAsB,EAAA;;ACjTtB,2BACE,gBAAgB,EAAA;;AAElB,2BACE,iBAAiB,EAAA;;ADgTrB,6DAGI,iBAAiB,EAAA;;AAGrB,6DAGI,gBAAgB,EAAA;;AAIpB,qBAEE,WAAW,EAAA;;AC1TX,uCACE,iBAAiB,EAAA;;AAEnB,uCACE,gBAAgB,EAAA;;AD0TpB,cACE,aAAa,EAAA;;AAGf,SACE,cAAc,EACd,WAAW,EACX,SAAS,EAAA;;AAGX,aACE,WAAW,EAAA;;AAGb,qCCpIE,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,cAna0B,EAoa1B,0CAA6C,EAC7C,8CA9U+C,EAAA;;AD+cjD,wBACE,kBAAkB,EAClB,WAAW,EAAA;;AAGb,6BACE,UAAU,EAAA;;AAGZ,+BCjbE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ED2ZZ,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,OAAO,EACP,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EAAA;;AAGhB,eACE,8CAAoD,EACpD,sBCzkBU,ED0kBV,aAAa,EAAA;;AAGf,WACE,yBAA+B,EAAA;;AAGjC,UACE,yBAA8B,EAAA;;AAGhC,WACE,yBAA+B,EAAA;;AAGjC,sDChdE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ED8bR,UAAU,EAAA;;AClRd,wEACE,qBAAoB,EAAA;;AAEtB,wEACE,qBAAoB,EAAA;;ADwQxB,2BAWI,oBAAoB,EAAA;;AAXxB,4BAeI,gBAAgB,EAAA;;AAIpB,SACE,yBAA6B,EAAA;;AAG/B,aACE,qBAAqB,EAAA;;AAGvB,4BACE,YAAY,EAAA;;AAGd,oBACE,eAAe,EACf,+BCxhB+C,EAAA;;AD2hBjD,yCACE,cCtmBe,EAAA;;ADymBjB,eACE,qBAAqB,EAAA;;AAGvB,sBACE,iBAAiB,EACjB,+BCriB+C,EAAA;;ADwiBjD,2CACE,cCplBc,EAAA;;ADulBhB,4CACE,cAA2B,EAAA;;AAG7B,UACE,wBAAwB,EAAA;;AAG1B,aACE,kBAAkB,EAAA;;AAGpB,oBCrfE,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;ADqfpB,QACE,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAAA;;AAPlB,eCrhBE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EDwgBV,wBAAwB,EACxB,WAAW,EACX,kBAAkB,EAClB,cCtqBwB,EAAA;;ADwpB5B,6BAmBM,eAAe,EAAA;;AAnBrB,mCAsBM,cC5pBW,EAAA;;ADsoBjB,uBA4BM,gBAAgB,EAAA;;AA5BtB,6BA+BM,cC1nBa,EAAA;;AD+nBnB,kBAEI,gBAAgB,EAChB,kBAAkB,EAAA;;AAHtB,eAOI,qBAAqB,EACrB,WAAW,EAAA;;AAIf,4BACE,kBAEI,mBAAmB,EACnB,WAAW,EAAA,EACZ;;AAIL;;4CFvT4C;AE2T5C,WACE,kBAAkB,EAAA;;AAGpB,iBC1jBE,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;AD0jBpB,sBAAA;AACA,8BAEI,cAAc,EACd,sBAAsB,EAEtB,yBAAiC,EACjC,iCAA8B,EAA9B,8BAA8B,EAAA;;AClYhC,uCACE,2BAAqB,EAAA;;AAEvB,uCACE,2BAAqB,EAAA;;AAbvB,6CACE,iBD6Y2B,EAAA;;AC3Y7B,6CACE,gBD0Y2B,EAAA;;AAT/B,qCAaM,UAAU,EACV,mCAAgC,EAAhC,gCAAgC,EAAA;;AAdtC,oCAkBM,yBAAkC,EAClC,qBAAqB,EAAA;;AAnB3B,2CAsBQ,UAAU,EAAA;;AAMlB,oCACE,cCzuBe,EAAA;;AAyVf,oCACE,mBDmZyB,EAAA;;ACjZ3B,oCACE,oBDgZyB,EAAA;;AAG7B,sCACE,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EAAA;;AAGxB,yCACE,kBAAkB,EAClB,MAAM,EAEN,SAAS,EACT,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,yBAAyB,EACzB,sBAAsB,EACtB,yBCrxB0B,EDsxB1B,cAAc,EACd,gDC1rB2C,EAAA;;AAsG3C,kDACE,OD0kBa,EAAA;;ACxkBf,kDACE,QDukBa,EAAA;;ACpcf,yDACE,sBAAoB,EAAA;;AAEtB,yDACE,sBAAoB,EAAA;;ADgdxB,0BACE,kBAAkB,EAClB,gBAAgB,EAGhB,yBClyB0B,EDmyB1B,mCCvsB2C,EDwsB3C,mBAAmB,EACnB,yBAAiB,EAAjB,iBAAiB,EACjB,eAAe,EAAA;;AC3cf,mCACE,iBDocuB,EAAA;;AClczB,mCACE,gBDicuB,EAAA;;AC5bzB,mCACE,6BAAqB,EAAA;;AAEvB,mCACE,6BAAqB,EAAA;;ADiczB,kEACE,2CC9sB2C,EAAA;;ADitB7C,8BACE,yBC7yB0B,ED8yB1B,UAAU,EAAA;;AAGZ,gCACE,cAAc,EACd,kBAAkB,EAElB,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;ACtnBlB,yCACE,SDknBe,EAAA;;AChnBjB,yCACE,UD+mBe,EAAA;;AAMnB,4DACE,gBAAgB,EAAA;;AAGlB,yCACE,yBAAyB,EACzB,cC/zB0B,EDg0B1B,eAAe,EACf,iBAAiB,EAAA;;AAGnB,8CACE,kBAAkB,EAClB,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EACb,cAAc,EAAA;;AChfd,iDACE,kBDmfwB,EAAA;;ACjf1B,iDACE,iBDgfwB,EAAA;;AAG5B,qCACE,kBAAkB,EAClB,SAAS,EACT,OAAO,EACP,WAAW,EAAA;;AAGb;;4CFnX4C;AEuX5C,WACE,gBAAgB,EAChB,qBAAa,EAAb,aAAa,EACb,uBAAe,EAAf,eAAe,EAAA;;AAHjB,cAMI,gBAAgB,EAAA;;AANpB,gBASM,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,YAAY,EACZ,kBAAkB,EAClB,cCp2BsB,EDq2BtB,kBAAkB,EAClB,sBCj3BM,EAAA;;ADi2BZ,uBAmBQ,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,OAAO,EACP,WAAW,EACX,eAAe,EACf,iBAAiB,EAAA;;AAzBzB,mDA+BU,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,SAAS,EACT,sBAAsB,EAAA;;AAnChC,6UC/tBI,aAvHwB,EAwHxB,eAAe,EACf,gCAA6B,EAA7B,6BAA6B,EAAA;;AD6tBjC,sBA4CQ,qBAAqB,EACrB,yBC34BoB,ED44BpB,qBC34BoB,EAAA;;AD61B5B,6XC/tBI,aA1Ga,EA2Gb,eAAe,EACf,gCAA6B,EAA7B,6BAA6B,EAAA;;ADqxBjC,4CACE,gBACE,WAAW,EAAA,EACZ;;AAGH,4CACE,gBACE,WAAW,EAAA,EACZ;;AAGH;;4CFpa4C;AEwa5C,WACE,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAAA;;AAHlB,iBAMI,+BAAuB,EAAvB,uBAAuB,EAAA;;AAN3B,iBAUI,6BAA4C,EAC5C,2BAA2B,EAAA;;AAI/B,QACE,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,8BAAsB,EAAtB,sBAAsB,EAAA;;AAHxB,0BAMI,uBAAe,EAAf,eAAe,EAAA;;AANnB,8BASM,kBAAkB,EAAA;;AATxB,kBAeM,mBAAmB,EAAA;;ACxmBvB,sCACE,4BD2mBsC,EAAA;;ACzmBxC,sCACE,2BDwmBsC,EAAA;;ACrnBxC,6BACE,yBDwnBmC,EAAA;;ACtnBrC,6BACE,0BDqnBmC,EAAA;;AAKvC,aACE,eAAO,EAAP,OAAO,EAAA;;AAGT,eACE,2BAAmB,EAAnB,mBAAmB,EAAA;;AAGrB,UACE,WAAW,EAAA;;AAGb,WACE,qBAAa,EAAb,aAAa,EACb,kBAAkB,EAClB,cAAc,EAAA;;AC7oBd,6MACE,gBDmpB4B,EAAA;;ACjpB9B,6MACE,iBDgpB4B,EAAA;;AAK9B,6CAEE,SAAS,EAAA;;AAIb,OACE,qBAAqB,EACrB,kBCt4BqB,EDu4BrB,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,yBAAiB,EAAjB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,wBAAgB,EAAhB,gBAAgB,EAChB,aAAa,EACb,cCt/B0B,EDu/B1B,kBAAkB,EAClB,0CAAmD,EAAA;;AAdrD,kBAiBI,6BAA6B,EAC7B,YAAY,EACZ,UAAU,EAAA;;AAnBd,uEAwBM,6BAA6B,EAAA;;AAxBnC,gDA6BM,0BAA0B,EAAA;;AA7BhC,qCAoCI,0CAAmD,EAAA;;AApCvD,2BAyCI,yCAAkD,EAAA;;AAzCtD,uIA8CM,yCAAkD,EAAA;;AA9CxD,qBAmDI,uBAAuB,EACvB,WAAW,EAAA;;AApDf,cAwDI,eAAe,EAAA;;AAxDnB,aA4DI,qBAAqB,EAAA;;AA5DzB,cAgEI,aAAa,EAAA;;AAhEjB,qJAwEM,gBAAgB,EAAA;;AC9tBpB,6KACE,iBDquByB,EAAA;;ACnuB3B,6KACE,gBDkuByB,EAAA;;AAhF7B,oBAoFI,eAAe,EAAA;;AAInB,YACE,aAAa,EAAA;;AAGf,4BAEE,eAAe,EAAA;;AAGjB,iBAEE,YAAY,EAAA;;AClwBZ,sHACE,gBDuwBsB,EAAA;;ACrwBxB,sHACE,iBDowBsB,EAAA;;AAG1B,wFAIE,kBAAkB,EAAA;;AAGpB,gHAIE,eAAe,EAAA;;AAGjB,wBACE,kBAAkB,EAAA;;AAGpB,+BACE,kBAAkB,EAAA;;AAGpB,8BACE,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,SAAS,EACT,MAAM,EACN,sDAAsD,EAAA;;AAGxD,qCACE,mDAAmD,EAAA;;AAGrD,sGAEE,6DAA6D,EAAA;;AAG/D,kBAAA;AACA,YACE,kBAAkB,EAClB,UAAU,EACV,qBAAa,EAAb,aAAa,EACb,mBAAmB,EACnB,2BAAmB,EAAnB,mBAAmB,EAAA;;AALrB,kBAQI,aAAa,EAAA;;AARjB,2BAYI,eAAO,EAAP,OAAO,EAAA;;AAZX,0BAgBI,eAAe,EAAA;;AAhBnB,wBAqBM,eAAe,EAAA;;ACn0BnB,wDACE,iBDs0B2B,EAAA;;ACp0B7B,wDACE,gBDm0B2B,EAAA;;AAG3B,4CAEI,yBAAyB,EACzB,4BAA4B,EAAA;;AAHhC,2CAOI,0BAA0B,EAC1B,6BAA6B,EAAA;;AAIjC,4CAEI,0BAA0B,EAC1B,6BAA6B,EAAA;;AAHjC,2CAOI,yBAAyB,EACzB,4BAA4B,EAAA;;AAMpC,YACE,kBAAkB,EAClB,UAAU,EACV,qBAAa,EAAb,aAAa,EACb,mBAAmB,EACnB,2BAAmB,EAAnB,mBAAmB,EAAA;;AAEnB,2BAEI,0BAA0B,EAC1B,6BAA6B,EAAA;;AAHjC,0BAMI,yBAAyB,EACzB,4BAA4B,EAAA;;AAIhC,2BAEI,yBAAyB,EACzB,4BAA4B,EAAA;;AAHhC,0BAMI,0BAA0B,EAC1B,6BAA6B,EAAA;;AAKnC,iBAAA;AACA,WACE,yBAAiB,EAAjB,iBAAiB,EAAA;;AADnB,iBAII,oBAAoB,EAAA;;ACr3BtB,0BACE,iBDw3ByB,EAAA;;ACt3B3B,0BACE,kBDq3ByB,EAAA;;ACh3B3B,0BACE,kBDg3B0B,EAAA;;AC92B5B,0BACE,iBD62B0B,EAAA;;AAI9B,YAAA;AACA,WACE,qBAAqB,EACrB,sBAAsB,EA9uCtB,WAAW,EACX,wDAAwD,EAAA;;AAivC1D,eACE,WAAW,EACX,YAAY,EACZ,4DAA4D,EAAA;;ACn6B5D,2BACE,gBDs6BsB,EAAA;;ACp6BxB,2BACE,iBDm6BsB,EAAA;;AAG1B,oBACE,cAAc,EAAA;;ACt8Bd,6BACE,WAAW,EAAA;;AAEb,6BACE,YAAY,EAAA;;AAuBd,4EACE,cDg7BoB,EAAA;;AC96BtB,4EACE,eD66BoB,EAAA;;ACx6BtB,0CACE,mBD26ByB,EAAA;;ACz6B3B,0CACE,kBDw6ByB,EAAA;;AAG7B,kBAAA;AACA,mCAEE,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EAAA;;AAGnB,gFAIE,YAAY,EAAA;;AAGd,gBAAA;AACA,+BAEE,eAAe,EACf,eAAe,EACf,iBAAiB,EAAA;;AC58BjB,gGACE,iBDi9BuB,EAAA;;AC/8BzB,gGACE,kBD88BuB,EAAA;;AAG3B,wEAIE,YAAY,EAAA;;AAGd,mBAAA;AACA,kHAKI,sBAAwB,EC1nC1B,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EAAA;;AD6nClB,cACE,oCAA0C,EAAA;;AAG5C,mGAEE,oCAAsD,EAAA;;AAGxD,qGAEE,oCAAuD,EAAA;;AAGzD,iDAEE,oCAA4C,EAAA;;AAG9C,iPAIE,oCAAwD,EAAA;;AAG1D,qPAIE,oCAAyD,EAAA;;AAG3D,iBACE,kBAAkB,EAClB,gBAAgB,EAAA;;AAGlB,uBACE,kBAAkB,EAClB,UACF,EAAA;;AAEA,mBAAA;AACA,cACE,0CCzwCkD,ED0wClD,wCAAwC,EAAA;;ACxnCxC,kDACE,mCD0nC2C,EAAA;;ACxnC7C,kDACE,kCDunC2C,EAAA;;AC/gC7C,kDACE,kBD+gC0B,EAAA;;AC7gC5B,kDACE,iBD4gC0B,EAAA;;AAN9B,oBAUI,qDAA0D,EAAA;;AAV9D,uEAgBM,sDAA2D,EAAA;;AAKjE,iBAAA;AACA,eCrwCE,qFAAqF,EACrF,2BAA2B,EAAA;;ADwwC7B,SACE,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,UAAU,EAAA;;AAPZ,sBAUI,eAAe,EAAA;;AAVnB,qBAx3CE,sPAI8D,EAJ9D,0OAI8D,EAC9D,6BAi4C4B,EAj4C5B,0BAi4C4B,EAh4C5B,wDAPoB,EAAA;;AAy3CtB,eAkBI,WAAW,EACX,YAAY,EA34Cd,sPAI8D,EAJ9D,0OAI8D,EAC9D,2BAu4C2B,EAv4C3B,wBAu4C2B,EAt4C3B,gDAPoB,EAAA;;AAy3CtB,wBAwBI,kBAAkB,EAClB,MAAM,EAEN,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,+CAAwD,EAAA;;AC3tC1D,iCACE,ODstCe,EAAA;;ACptCjB,iCACE,QDmtCe,EAAA;;AA1BnB,+CAiCM,kBAAkB,EAElB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,YAAY,EACZ,UAAU,EAAA;;ACruCd,wDACE,OD8tCiB,EAAA;;AC5tCnB,wDACE,QD2tCiB,EAAA;;AAWrB,YACE,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,cC56C0B,EAAA;;AD+6C5B,gBAAA;AACA,+BACE,qBAAa,EAAb,aAAa,EAAA;;ACnmCb,8CACE,gBDqmCwB,EAAA;;ACnmC1B,8CACE,iBDkmCwB,EAAA;;AAI5B,eACE,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,EAChB,eAAe,EACf,yBAAiB,EAAjB,iBAAiB,EACjB,4DAA+D,EAA/D,6DAA+D,EAC/D,4CAAyC,EAAzC,yCAAyC,EAAA;;AAP3C,kBAUI,4DAAyE,EAAzE,6DAAyE,EAAA;;AAV7E,6BAcI,4DAAoE,EAApE,6DAAoE,EAAA;;AAdxE,sCAkBI,kBAAkB,EAClB,YAAY,EAAA;;AAnBhB,8CAsBM,kBAAkB,EAClB,QAAQ,EACR,sBCx9CM,EAAA;;ADg8CZ,2BA6BI,mBAAmB,EACnB,WAAW,EACX,YAAY,EAAA;;AA/BhB,kDAmCM,WAAW,EAAA;;AC7oCf,2DACE,kBD2oC4B,EAAA;;ACzoC9B,2DACE,mBDwoC4B,EAAA;;AAlChC,0DAsCQ,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,sBAAsB,EAAA;;AAzC9B,qBA+CI,kBAAkB,EAClB,WAAW,EACX,YAAY,EAAA;;AAjDhB,4CAqDM,WAAW,EAAA;;AC/pCf,qDACE,kBD6pC4B,EAAA;;AC3pC9B,qDACE,mBD0pC4B,EAAA;;AApDhC,oDAwDQ,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,qBAAqB,EAAA;;AAK3B,qBACE,qBAAqB,EACrB,mBAAmB,EAAA;;AAlEvB,qBAsEI,aAAa,EAAA;;AAtEjB,oDA0EQ,yBCrgDoB,EAAA;;AAiV1B,kDACE,cD0rCwB,EAAA;;ACxrC1B,kDACE,eDurCwB,EAAA;;AC3rC1B,yEACE,oBDisCkC,EAAA;;AC/rCpC,yEACE,qBD8rCkC,EAAA;;AClsCpC,mEACE,oBDssCkC,EAAA;;ACpsCpC,mEACE,qBDmsCkC,EAAA;;AAMtC,eAAA;AAEE,2BACE,gBAAgB,EAAA;;AAFpB,yBAMI,qBAAqB,EACrB,kBC37CoB,ED47CpB,cCjiDwB,EAAA;;ADyhD5B,gCAWM,gBAAgB,EAAA;;AAXtB,wCAeM,sCAAmC,EAAnC,mCAAmC,EACnC,iDCp9CuC,EDq9CvC,eAAe,EAAA;;AAjBrB,8CAoBQ,qBAAqB,EACrB,mCCjiDS,EAAA;;AD4gDjB,kCA0BM,UAAU,EACV,cCzjDsB,EAAA;;AD8jD5B,mBAAA;AChwCE,oBACE,YAAY,EAAA;;AAEd,oBACE,WAAW,EAAA;;AAbb,yBACE,WAAW,EAAA;;AAEb,yBACE,YAAY,EAAA;;AAuBd,8BACE,iBDuvCuB,EAAA;;ACrvCzB,8BACE,kBDovCuB,EAAA;;AAG3B,gBACE,kBAAkB,EAAA;;AAGpB,gBACE,iBAAiB,EAAA;;AAGnB;;4CFxxB4C;AE4xB5C,aACE,qBAAqB,EACrB,gBAAgB,EAAA;;AC9uChB,qFACE,kBDmvC8B,EAAA;;ACjvChC,qFACE,mBDgvC8B,EAAA;;AC3uChC,mFACE,mBD6uC+B,EAAA;;AC3uCjC,mFACE,kBD0uC+B,EAAA;;AAXnC,uDAkBQ,uCAAuC,EACvC,wCAAwC,EAAA;;AAMhD,qBAEI,mBAAmB,EAAA;;AAFvB,+BAOI,uBAAuB,EACvB,mBAAmB,EAAA;;AARvB,iBAaM,iBAAiB,EAEjB,mBAAmB,EACnB,cC9nDsB,EAAA;;AAgN1B,0BACE,gBAAgB,EAAA;;AAElB,0BACE,iBAAiB,EAAA;;AD05CrB,2CAwBM,gBAAgB,EAChB,mBAAmB,EAAA;;AAzBzB,+EA4BQ,kBAAkB,EAAA;;AA5B1B,6EA+BQ,mBAAmB,EAAA;;AA/B3B,+BAwCM,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EAAA;;AA3C5B,2DA8CQ,sBAA+B,EAC/B,eCljDW,EDmjDX,uBAAuB,EACvB,kBAAkB,EAAA;;AAjD1B,6LAqDU,kBAAkB,EAClB,oBAAoB,EAAA;;AAtD9B,gBA4DM,iBAAiB,EAAA;;AA5DvB,2CAkEQ,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,EACX,yBCxrDoB,EDyrDpB,eAAe,EAAA;;ACr6CrB,qFACE,2BAvKmB,EAAA;;AAyKrB,qFACE,4BA1KmB,EAAA;;AAwLrB,qFACE,8BAzLmB,EAAA;;AA2LrB,qFACE,+BA5LmB,EAAA;;AA+KrB,mFACE,4BAhLmB,EAAA;;AAkLrB,mFACE,2BAnLmB,EAAA;;AAiMrB,mFACE,+BAlMmB,EAAA;;AAoMrB,mFACE,8BArMmB,EAAA;;ADqgDvB,sBAoFQ,mBAAmB,EAAA;;AApF3B,oDAuFU,yBCzsDkB,EAAA;;ADknD5B,8BA2FU,yBC5sDkB,EAAA;;ADinD5B,8BAgGU,kDAAkD,EAClD,4BAA4B,EAAA;;AC71CpC,uCACE,mBD01CiC,EAAA;;ACx1CnC,uCACE,kBDu1CiC,EAAA;;ACp2CnC,mDACE,kBDw2CkC,EAAA;;ACt2CpC,mDACE,mBDq2CkC,EAAA;;AAI1B,kDACE,6BAA6B,EAAA;;AAE/B,kDACE,0BAA0B,EAAA;;AAK5B,4CACE,+BAA+B,EAAA;;AAEjC,4CACE,4BAA4B,EAAA;;AArH1C,sCA0HY,wDAAwD,EAAA;;AACxD,+CACE,8BAA8B,EAAA;;AAEhC,+CACE,2BAA2B,EAAA;;AA/HzC,sBAwIQ,aAAa,EAAA;;AAxIrB,2FA8Ic,yBCjwDc,EAAA;;ADmnD5B,uFAqJc,yBCtwDc,EAAA;;ADinD5B,2CA6JQ,iCAAiC,EACjC,gBAAgB,EAChB,mBAAmB,EACnB,4BAA4B,EAAA;;AAhKpC,gCAsKU,sBAAsB,EACtB,mBAAmB,EACnB,cCxxDkB,EAAA;;AA2N1B,yCACE,iBAAiB,EAAA;;AAEnB,yCACE,gBAAgB,EAAA;;ADi5CpB,kBAiLI,WAAW,EAAA;;AAjLf,uHAwLM,cAAc,EACd,YAAY,EACZ,UAAU,EAEV,sBAAsB,EACtB,mBAAmB,EAAA;;AC3lDvB,oKACE,gBAAgB,EAAA;;AAElB,oKACE,iBAAiB,EAAA;;AD05CrB,wBAiMM,aAAa,EAAA;;AAjMnB,2BAsMQ,cAAc,EACd,+CC7tDqC,EAAA;;ADshD7C,iCCj9CE,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;AD68CpB,qDAgNQ,yBAAyB,EAAA;;AAhNjC,iCAqNU,aAAa,EAAA;;AC5+CrB,8CACE,eDg/C2B,EAAA;;AC9+C7B,8CACE,cD6+C2B,EAAA;;AA1N/B,4CA6NU,iBAAiB,EACjB,6BAA6B,EAC7B,iBAAiB,EAAA;;AA/N3B,0CAmOU,qBAAqB,EAAA;;AAO/B,mEAGE,sBCn2DU,EA6KV,gDAAwD,EAAA;;AD0rD1D,8EAGE,uBAAuB,EAAA;;AAGzB,iFAEE,2BAA2B,EAAA;;AAG7B,+EAEE,8BAA8B,EAAA;;AAI9B,mDACE,4CAAoC,EAApC,uCAAoC,EAApC,oCAAoC,EAAA;;AAEtC,mDACE,2CAAmC,EAAnC,sCAAmC,EAAnC,mCAAmC,EAAA;;AAIvC,aAAA;AAOA,WACE,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,yBAAiB,EAAjB,iBAAiB,EACjB,mBAAmB,EAAA;;AALrB,oCASI,yBC74DwB,EAAA;;ADo4D5B,gCAcI,oCAA2C,EAC3C,kBCvyDmB,EDwyDnB,eAAe,EAAA;;AAhBnB,4CAmBM,oCAAuD,EAAA;;AAnB7D,4DAuBM,oDAAoD,EAAA;;AAvB1D,sFA6BU,mFAA2G,EAAA;;AA7BrH,kCAqCM,kBAAkB,EAClB,qBAAa,EAAb,aAAa,EACb,+BAAuB,EAAvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAAmB,EAAnB,mBAAmB,EACnB,sBAAsB,EAAA;;AA1C5B,sCA6CQ,cAAc,EACd,sBAAc,EAAd,cAAc,EACd,oBAAoB,EACpB,kBCx0De,EDy0Df,eAAe,EACf,gBAAgB,EAAA;;AAlDxB,kBAwDI,qBAAqB,EAAA;;AAxDzB,gDA6DI,qBAAqB,EACrB,YAjEwB,EAkExB,sBAAsB,EAAA;;ACrlDxB,sFACE,kBDulDoF,EAAA;;ACrlDtF,sFACE,mBDolDoF,EAAA;;AAlExF,oFAqEQ,kBAAkB,EAElB,oBAAoB,EAAA;;ACxwD1B,sGACE,SD6rDwB,EAAA;;AC3rD1B,sGACE,UD0rDwB,EAAA;;ACnhD1B,oFACE,kBDimD8D,EAAA;;AC/lDhE,oFACE,mBD8lD8D,EAAA;;AA5ElE,8FA+EQ,qBAAqB,EAErB,WAvFa,EAwFb,YAxFa,EAAA;;AC3rDnB,gHACE,ODgxDmB,EAAA;;AC9wDrB,gHACE,QD6wDmB,EAAA;;AAhFvB,sGA53DE,sPAI8D,EAJ9D,0OAI8D,EAC9D,2BA48DiC,EA58DjC,wBA48DiC,EA38DjC,gDAPoB,EAAA;;ACuWpB,wGACE,kBD+mDkF,EAAA;;AC7mDpF,wGACE,mBD4mDkF,EAAA;;AC3xDpF,wHACE,UD6xD0D,EAAA;;AC3xD5D,wHACE,WD0xD0D,EAAA;;AA7F9D,0BAoGI,cAAc,EACd,sBAxGwB,EAyGxB,YAAO,EACP,sBAAsB,EAAA;;AC7nDxB,6CACE,kBD+nDoF,EAAA;;AC7nDtF,6CACE,mBD4nDoF,EAAA;;AA1GxF,4CA6GQ,kBAAkB,EAElB,UAAK,EAAA;;AChzDX,qDACE,SD6rDwB,EAAA;;AC3rD1B,qDACE,UD0rDwB,EAAA;;AAG5B,wCAoHM,QAvHsB,EAyHtB,YA3HgB,EA4HhB,aA5HgB,EAAA;;AC5rDpB,iDACE,SD6rDwB,EAAA;;AC3rD1B,iDACE,UD0rDwB,EAAA;;AAG5B,4CA53DE,sPAI8D,EAJ9D,0OAI8D,EAC9D,6BAi/DgC,EAj/DhC,0BAi/DgC,EAh/DhC,wDAPoB,EAAA;;AA63DtB,iCA+HM,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,0BAAuB,EAAvB,uBAAuB,EACvB,iBAAiB,EAAA;;AChpDrB,qCACE,mBDqpD6B,EAAA;;ACnpD/B,qCACE,kBDkpD6B,EAAA;;AAzIjC,oCA6IM,+BCl7D2C,EAAA;;ADqyDjD,oFAmJQ,kBAAkB,EAClB,qBAAqB,EAAA;;AC50D3B,sGACE,UDorDwB,EAAA;;AClrD1B,sGACE,SDirDwB,EAAA;;AAG5B,4CA2JQ,kBAAkB,EAAA;;ACn1DxB,qDACE,UDorDwB,EAAA;;AClrD1B,qDACE,SDirDwB,EAAA;;AC1gD1B,4BACE,mBD8qDmD,EAAA;;AC5qDrD,4BACE,kBD2qDmD,EAAA;;AAlKvD,yBAqKM,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,SAAS,EA3iEb,WAAW,EACX,wDAAwD,EA6iEpD,YAAY,EAAA;;ACn2DhB,kCACE,UDg2DoB,EAAA;;AC91DtB,kCACE,SD61DoB,EAAA;;AAzKxB,qCA+KM,aAAa,EAAA;;AAOnB,YACE,kBAAkB,EAAA;;AADpB,iBAII,iBAAiB,EAAA;;AAJrB,uBAOM,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,MAAM,EACN,WAAW,EACX,wBAAkC,EAClC,YAAY,EACZ,kFAAqF,EACrF,kBC59DiB,EAAA;;AD48DvB,oBAqBI,wBAAwB,EACxB,kBAAkB,EAClB,yBCjlEwB,EDklExB,gBAAgB,EAAA;;AAxBpB,0BA2BM,WAAW,EAAA;;AA3BjB,wCA+BM,eAAe,EAAA;;AA/BrB,8CAkCQ,aAAa,EAAA;;AChwDnB,2DACE,iBDqiDqB,EAAA;;ACniDvB,2DACE,gBDkiDqB,EAAA;;AAwLzB,mDA+CQ,aAAa,EAAA;;AA/CrB,6BAoDM,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EAErB,eAAe,EACf,qBAAqB,EAAA;;AChyDzB,sCACE,kBD6xD4B,EAAA;;AC3xD9B,sCACE,mBD0xD4B,EAAA;;AAvDhC,+BA6DM,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EAAA;;ACtyDxB,wCACE,kBDsyD4B,EAAA;;ACpyD9B,wCACE,mBDmyD4B,EAAA;;ACvyD9B,gDACE,kBD0yD4B,EAAA;;ACxyD9B,gDACE,mBDuyD4B,EAAA;;AApEhC,wBA2EI,wBAA8E,EAC9E,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,uBAAe,EAAf,eAAe,EAAA;;AC9zDjB,iCACE,4BAAoB,EAAA;;AAEtB,iCACE,4BAAoB,EAAA;;AD4uDxB,2BAiFM,kBAAkB,EAElB,aAAa,EAAA;;ACn0DjB,oCACE,oBAAoB,EAAA;;AAEtB,oCACE,oBAAoB,EAAA;;AD4uDxB,0CAuFU,yBCjpEkB,EAAA;;AA8W1B,mFACE,kBDyyD4F,EAAA;;ACvyD9F,mFACE,mBDsyD4F,EAAA;;AC1yD9F,6EACE,kBD6yDiI,EAAA;;AC3yDnI,6EACE,mBD0yDiI,EAAA;;ACz9DnI,qFACE,UD29DsF,EAAA;;ACz9DxF,qFACE,WDw9DsF,EAAA;;AArG1F,kDA2GU,kBAAkB,EAClB,UAAkG,EAAA;;ACn+D1G,2DACE,SD6rDwB,EAAA;;AC3rD1B,2DACE,UD0rDwB,EAAA;;AA6S5B,eACE,kBAAkB,EAAA;;AADpB,wBAGI,kBAAkB,EAClB,SAAS,EAAA;;ACt+DX,iCACE,YDs+DoB,EAAA;;ACp+DtB,iCACE,WDm+DoB,EAAA;;AAIxB,mBACE,YAAY,EACZ,YAAY,EAAA;;AAFd,gEAOM,oBAAoB,EAAA;;AAK1B,eAAA;AACA,aACE,kBAAkB,EAClB,UAAU,EAAA;;ACx1DV,yBACE,iBD01DyB,EAAA;;ACx1D3B,yBACE,kBDu1DyB,EAAA;;AAL7B,+BAQM,aAAa,EAAA;;AARnB,qGAcM,UAAU,EAAA;;AAdhB,uCAoBU,UAAU,EAAA;;AApBpB,+CAwBU,cCvsEO,EAAA;;AD+qEjB,8BA8BM,kBAAkB,EAGlB,WAAW,EACX,oCAAuC,EAEvC,kBAAkB,EAAA;;AC95DtB,uCACE,wBAAoB,EAAA;;AAEtB,uCACE,wBAAoB,EAAA;;AAgCtB,uCACE,eDq3DyB,EAAA;;ACn3D3B,uCACE,gBDk3DyB,EAAA;;AC7/D3B,uCACE,iBD+/D2B,EAAA;;AC7/D7B,uCACE,kBD4/D2B,EAAA;;AAnC/B,wBAwCM,kBAAkB,EAClB,UAAU,EAAA;;ACr7Dd,iCACE,WAAW,EAAA;;AAEb,iCACE,YAAY,EAAA;;AAcd,iCACE,yBAAoB,EAAA;;AAEtB,iCACE,yBAAoB,EAAA;;ADs3DxB,2BCliEE,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;AD8hEpB,0CAqDM,UAAU,EACV,mCAAgC,EAAhC,gCAAgC,EAAA;;ACh7DpC,4DACE,oBAAoB,EAAA;;AAEtB,4DACE,oBAAoB,EAAA;;ADs3DxB,qBA0DM,cAAc,EAAA;;AA1DpB,4BA6DQ,oBAAoB,EACpB,+BCnqEyC,EAAA;;ADqmEjD,mFAmEQ,cClvES,EAAA;;AAmSf,mCACE,WAAW,EAAA;;AAEb,mCACE,YAAY,EAAA;;AAcd,mCACE,oBAAoB,EAAA;;AAEtB,mCACE,oBAAoB,EAAA;;AAKtB,yBACE,iBD87DyB,EAAA;;AC57D3B,yBACE,kBD27DyB,EAAA;;AA9E7B,mBAkFM,4BAA4B,EAAA;;ACx6DhC,4BACE,kBDs6D4B,EAAA;;ACp6D9B,4BACE,mBDm6D4B,EAAA;;AAG1B,4BACE,2CAA2C,EAC3C,wBAAwB,EAAA;;AAG1B,4BACE,+CAA+C,EAC/C,2BAA2B,EAAA;;ACj7DjC,wDACE,kBDo7D8B,EAAA;;ACl7DhC,wDACE,mBDi7D8B,EAAA;;AC5jEhC,wDACE,4CA3IyC,EAAA;;AA6I3C,wDACE,6CA9IyC,EAAA;;ADysErC,wDACE,2BAA2B,EAAA;;AAG7B,wDACE,uCAAuC,EAAA;;ACx9D/C,0CACE,iBD49D6B,EAAA;;AC19D/B,0CACE,kBDy9D6B,EAAA;;AA5GjC,qCAoHQ,UAAU,EACV,mBAAmB,EACnB,mCCryES,EAAA;;AD+qEjB,6BA2HM,kBAAkB,EAClB,mCC3yEW,EAAA;;ADgzEjB,0BAAA;AACA,iBACE,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAAA;;AAHlB,uBCpqEE,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;AAkJlB,iEACE,WAAW,EAAA;;AAEb,iEACE,YAAY,EAAA;;AAcd,iEACE,oBAAoB,EAAA;;AAEtB,iEACE,oBAAoB,EAAA;;ADw/DxB,qDAiBI,WAAW,EAAA;;AAjBf,0BAqBI,UAAU,EAAA;;AArBd,gCAwBM,eAAe,EAAA;;AAxBrB,uCA2BQ,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,0BAAuB,EAAvB,uBAAuB,EAAA;;AC9iE7B,mCACE,WAAW,EAAA;;AAEb,mCACE,YAAY,EAAA;;ADojEhB,oBAAA;AACA,iBACE,kBCpwEqB,EDqwErB,yBCj3E0B,EAAA;;AD+2E5B,8CAMI,cCl3EwB,EDm3ExB,mBAAmB,EACnB,yBCz3EwB,EAAA;;ADi3E5B,yDAeQ,iBAAiB,EAAA;;AAfzB,6BAuBQ,8CC3yEqC,EAAA;;AA0R3C,+CACE,+BDmhE6C,EAAA;;ACjhE/C,+CACE,8BDghE6C,EAAA;;AA1BjD,uCA8BU,kBAAkB,EAClB,gBAAgB,EAAA;;AA/B1B,6FA0CU,2CC9zEmC,EAAA;;AAyM3C,6DACE,8BAzLmB,EAAA;;AA2LrB,6DACE,+BA5LmB,EAAA;;AAwLrB,6IACE,8BD8nEiE,EAAA;;AC5nEnE,6IACE,+BD2nEiE,EAAA;;AC9rEnE,oHACE,4CA3IyC,EAAA;;AA6I3C,oHACE,6CA9IyC,EAAA;;AA0I3C,6DACE,8BD6sE4C,EAAA;;AC3sE9C,6DACE,+BD0sE4C,EAAA;;AApEhD,6BAyEQ,mBAAmB,EACnB,kBAAkB,EAClB,sBC/7EI,EDg8EJ,iBAAiB,EAAA;;AA5EzB,mCA+EU,iDCn2EmC,EAAA;;ADoxE7C,qCAmFU,UAAU,EAAA;;AAnFpB,8CAsFY,YAAY,EAAA;;AAtFxB,yCA2FY,qBAAqB,EAAA;;ACvvE/B,kDACE,gBAAgB,EAAA;;AAElB,kDACE,iBAAiB,EAAA;;ADwpErB,8CAgGU,gBAAgB,EAChB,mBAAmB,EAAA;;AAjG7B,2DAoGY,cAAc,EACd,cAAc,EAAA;;AArG1B,2CA0GU,iBAAiB,EACjB,oBAAoB,EAAA;;AA3G9B,6DA8GY,cAAc,EACd,mBAAmB,EACnB,WAAW,EACX,YAAY,EAAA;;AAjHxB,mCAsHU,mCCr7EM,EAAA;;AD+zEhB,sCA0HU,kBAAkB,EAClB,UAAU,EAAA;;AA3HpB,4CA8HY,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,2CAAgD,EAChD,yBAAiB,EAAjB,iBAAiB,EAAA;;AAtI7B,oCA2IU,gBAAgB,EAAA;;ACrxExB,yDACE,iBDuxEiC,EAAA;;ACrxEnC,yDACE,kBDoxEiC,EAAA;;ACjpEnC,yDACE,eDipE+B,EAAA;;AC/oEjC,yDACE,gBD8oE+B,EAAA;;AA/InC,uCAoJU,gBAAgB,EAAA;;AApJ1B,+HA6JM,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAgB,EAAhB,gBAAgB,EAChB,sBAAsB,EAAA;;AAtK5B,uJAyKQ,aAAa,EAAA;;AAzKrB,wCA8KM,cAAc,EACd,kBAAkB,EAAA;;AA/KxB,uGAmLQ,gBAAgB,EAAA;;AAnLxB,iDAuLQ,kBAAkB,EAClB,SAAS,EAAA;;ACt2Ef,0DACE,UDs2EsB,EAAA;;ACp2ExB,0DACE,WDm2EsB,EAAA;;AC5rExB,gEACE,kBD+rE8B,EAAA;;AC7rEhC,gEACE,mBD4rE8B,EAAA;;AA7LlC,uEAmMM,cAAc,EACd,WAAW,EAAA;;AApMjB,yJAuMQ,QAAQ,EAAA;;ACr3Ed,2KACE,UDq3EsB,EAAA;;ACn3ExB,2KACE,WDk3EsB,EAAA;;AAxM1B,yCA+MM,YAAY,EAAA;;AA/MlB,4BAoNI,cAAc,EACd,0BCz9EoB,ED09EpB,0CCz+EgD,ED0+EhD,mBAAmB,EACnB,6BAA6B,EAC7B,gBAAgB,EAAA;;AAzNpB,kCA4NM,mBAAmB,EACnB,qBC3jFW,EAAA;;ADgkFjB,iDAGI,eAAe,EAAA;;AAInB;;4CFvvC4C;AGhhC1C,sCACE,iBD4wEuB,EAAA;;AC1wEzB,sCACE,kBDywEuB,EAAA;;ACtxEzB,4BACE,sBAAoB,EAAA;;AAEtB,4BACE,sBAAoB,EAAA;;ADyxExB,iBAAA;AACA,UACE,qBAAqB,EAErB,WAAW,EACX,YAAY,EACZ,6BAA6B,EAC7B,mBAAmB,EACnB,sBAAsB,EAAA;;ACnxEtB,mBACE,kBD6wEwB,EAAA;;AC3wE1B,mBACE,iBD0wEwB,EAAA;;AAO1B,kCAEI,6BAA6B,EAC7B,mBAAmB,EACnB,4BAA4B,EAC5B,yDAA4D,EAC5D,kBAAkB,EAAA;;AANtB,kGAYI,kBAAkB,EAAA;;AAKxB,qPACE,qCAA8C,EAAA;;AAGhD,oEAKE,yBClkFe,EAAA;;ADqkFjB,UAAA;AAEA,2BAEE,yBCllFiB,EAAA;;ADqlFnB,WAAA;AAEA,wDAIE,yBCvmFc,EAAA;;AD0mFhB,QAAA;AAEA,UACE,yBCrmFiB,EAAA;;ADwmFnB,QACE,yBC9nFe,EAAA;;ADioFjB,UACE,yBAAyB,EAAA;;AAG3B,QACE,yBC1pFe,EAAA;;AD6pFjB,aACE,yBC1mFe,EAAA;;AD6mFjB,gBACE,yBCprF0B,EAAA;;ADurF5B,QACE,yBCtrF0B,EAAA;;ADyrF5B,SACE,yBCprF0B,EAAA;;ADurF5B,kCAEE,UAAU,EAAA;;AAGZ;;4CF/yC4C;AEmzC5C,eACE,kBAAkB,EAClB,yBCnsF0B,EDosF1B,YAAY,EACZ,kBAAkB,EAClB,SAAS,EACT,UAAU,EAAA;;AAGZ,qBACE,kBAAkB,EAClB,WAAW,EACX,yBC7sF0B,EAAA;;ADgtF5B,gDACE,QAAQ,EACR,iCAA8B,EAA9B,8BAA8B,EAAA;;AAGhC,0CAQE,yCAAiC,EAAjC,oCAAiC,EAAjC,iCAAiC,EACjC,iCAAyB,EAAzB,4BAAyB,EAAzB,yBAAyB,EACzB,2CAAmC,EAAnC,sCAAmC,EAAnC,mCAAmC,EAAA;;AAntFnC,mDACE,6GAAuG,EAAvG,0GAAuG,EAAA;;AAEzG,mDACE,4GAAsG,EAAtG,yGAAsG,EAAA;;AAusFxG,mDACE,2CAAmC,EAAnC,sCAAmC,EAAnC,mCAAmC,EAAA;;AAErC,mDACE,2CAAmC,EAAnC,sCAAmC,EAAnC,mCAAmC,EAAA;;AAOvC,yCACE,OACE,sBAAsB,EAAA;EAExB,KACE,yBAAyB,EAAA,EAAA;;AAL7B,oCACE,OACE,sBAAsB,EAAA;EAExB,KACE,yBAAyB,EAAA,EAAA;;AAL7B,iCACE,OACE,sBAAsB,EAAA;EAExB,KACE,yBAAyB,EAAA,EAAA;;AAI7B,yCACE,OACE,sBAAsB,EAAA;EAExB,KACE,0BAA0B,EAAA,EAAA;;AAL9B,oCACE,OACE,sBAAsB,EAAA;EAExB,KACE,0BAA0B,EAAA,EAAA;;AAL9B,iCACE,OACE,sBAAsB,EAAA;EAExB,KACE,0BAA0B,EAAA,EAAA;;AAI9B,iCACE,0CAA6C,EAC7C,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,MAAM,EAEN,aAAa,EAAA;;AChkFb,0CACE,OD8jFa,EAAA;;AC5jFf,0CACE,QD2jFa,EAAA;;AAIjB,2BACE,kBAAkB,EAAA;;AAGpB,2CACE,cAAc,EACd,UAAU,EAAA;;AAKZ,qBACE,4BAA4B,EAC5B,gBAAgB,EAChB,oCAAqC,EAAA;;AAHvC,4BAMI,SAAS,EAAA;;AANb,qCAUI,kBAAkB,EAClB,2CC/rFyC,EDgsFzC,kBAAkB,EAAA;;ACx7EpB,8CACE,0BAAqB,EAAA;;AAEvB,8CACE,0BAAqB,EAAA;;ADw6EzB,2CAgBM,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EAAA;;ACjmFzB,oDACE,ODimFiB,EAAA;;AC/lFnB,oDACE,QD8lFiB,EAAA;;AApBrB,6FAuBQ,WAAW,EACX,YAAY,EAAA;;AAxBpB,wCA6BM,eAAO,EAAP,OAAO,EACP,wBAAwB,EAAA;;AA9B9B,0CAkCM,SAAS,EAAA;;AAKf;;4CFz2C4C;AE62C5C,QC9oFE,gBAjLU,EAkLV,oFAA8F,ED+oF9F,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,kBCntFqB,EDotFrB,qBAAqB,EACrB,sBAAsB,EAAA;;AAEtB,8BAEE,yBCv0FwB,EDw0FxB,uCC3uFyC,ED4uFzC,gBAAgB,EAAA;;AAIpB,eAAA;AACA,QACE,eAAe,EACf,iBAAiB,EAAA;;AAFnB,6FAQM,qBAAa,EAAb,aAAa,EACb,sCAA8B,EAA9B,8BAA8B,EAC9B,2BAAmB,EAAnB,mBAAmB,EACnB,yBAAiB,EAAjB,iBAAiB,EACjB,0BAA0B,EAC1B,eAAe,EACf,oEAAiE,EAAjE,iEAAiE,EAAA;;AC9+ErE,6JACE,kBDg/E8B,EAAA;;AC9+EhC,6JACE,mBD6+E8B,EAAA;;AAjBlC,6GAqBQ,yBAAsC,EAAA;;AArB9C,yIAwBU,kBAAkB,EAElB,WAAW,ECluFnB,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ED6sFJ,eAAe,EACf,cCz2FkB,EAAA;;AAgM1B,6KACE,ODmqFqB,EAAA;;ACjqFvB,6KACE,QDgqFqB,EAAA;;ACzoFvB,6KACE,iBAAiB,EAAA;;AAEnB,6KACE,gBAAgB,EAAA;;AD4mFpB,yIAmCQ,uBAAe,EAAf,eAAe,EAEf,iBAAiB,EAAA;;ACziFvB,6KACE,kBAAoB,EAAA;;AAEtB,6KACE,kBAAoB,EAAA;;ADggFxB,iNAyCQ,eAAO,EAAP,OAAO,EAAA;;AAzCf,yJA8CU,yBAAiB,EAAjB,iBAAiB,EAAA;;AA9C3B,yKAiDY,gBAAgB,EAAA;;AAjD5B,sEAwDM,eAAe,EAAA;;AAxDrB,oEA4DM,cAAc,EAAA;;AA5DpB,yJAiEM,cC14FsB,EAAA;;ADy0F5B,iIAsEM,cAAc,EACd,yBAAyB,EAAA;;AAvE/B,sGA2EM,eAAO,EAAP,OAAO,EACP,WAAW,EAAA;;AA5EjB,sEAiFQ,yBAAyB,EACzB,oCAAwC,EAAA;;AAlFhD,8FAqFU,2BCrzFa,EDszFb,4BCtzFa,EAAA;;ADguFvB,4FA0FU,8BC1zFa,ED2zFb,+BC3zFa,EAAA;;ADguFvB,wFA+FU,2BAA2B,EAAA;;AA/FrC,sFAqGU,mBAAmB,EAAA;;AArG7B,oHAwGY,kBAAkB,EAClB,QAAQ,EAAA;;ACpvFlB,sIACE,WDovF2B,EAAA;;AClvF7B,sIACE,YDivF2B,EAAA;;ACrmF7B,sIACE,cDqmF8B,EAAA;;ACnmFhC,sIACE,eDkmF8B,EAAA;;AA3GlC,0zBAyHY,cAAc,EACd,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,6BAA6B,EAC7B,uBAAuB,EAAA;;AA/HnC,ycAuIU,6BAA6B,EAAA;;AClxFrC,y1BACE,ODmxFuB,EAAA;;ACjxFzB,y1BACE,QDgxFuB,EAAA;;AAzI3B,sIA+IY,UAAU,EAAA;;AA/ItB,sIAmJY,UAAU,EAAA;;ACroFpB,oJACE,mBDwoFmC,EAAA;;ACtoFrC,oJACE,kBDqoFmC,EAAA;;AAvJvC,+LA6JU,cAAc,EACd,WAAW,EAAA;;AA9JrB,wEAmKQ,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EAAA;;AAtK7B,qTA8KM,2CC/5FuC,EAAA;;ADivF7C,gEAqLM,0BAA0B,EAC1B,kBAAkB,EAClB,yBAAsC,EAAA;;AAvL5C,uCA2LM,gBAAgB,EAChB,YAAY,EAAA;;AA5LlB,0BAgMM,eAAe,EAAA;;AAKrB,oCACE,cAAc,EACd,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,6BAA6B,EAAA;;AC70F7B,mDACE,QD+0FgB,EAAA;;AC70FlB,mDACE,OD40FgB,EAAA;;AATpB,+CAaI,kBAAkB,EAClB,qBAAqB,EAAA;;ACr1FvB,wDACE,YDq1FoB,EAAA;;ACn1FtB,wDACE,WDk1FoB,EAAA;;AAfxB,2CAoBI,WAAW,EACX,6BAA6B,EAAA;;ACnsF/B,oDACE,wBAAqB,EAAA;;AAEvB,oDACE,wBAAqB,EAAA;;ADmsFzB,QACE,kBAAkB,EAAA;;AAGpB,eAEE,YAAY,EACZ,sBAAsB,EAAA;;AAGxB,qBCn4FE,kBArEqB,EAsErB,sBAvLU,EAwLV,8CAAsD,EAAA;;ADs4FxD,kFCz5FE,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;AD+5FpB,6CAIE,kBAAkB,EAClB,UAAU,EACV,sBAAsB,EAAA;;AAGxB,6CAIE,yBCjlG0B,EAAA;;ADolG5B,uBAEE,0BAAwD,EACxD,aAAa,EACb,gDC5/F2C,EAAA;;ADw/F7C,6BAOI,SAAS,EAAA;;AAIb,uBAEE,0BCp/FqB,EDq/FrB,kBAAkB,EAClB,+CCvgG2C,EAAA;;ADmgG7C,yCAQM,gBAAgB,EAAA;;AAKtB,2BAEE,aAAa,EACb,gBAAgB,EAChB,sBAAsB,EAAA;;AAGxB,sCAGI,wBAAwB,EAAA;;AAH5B,sCAOI,wBAAwB,EAAA;;AAI5B,2BAEE,YAAY,EACZ,eAAe,EACf,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,aAAa,EAAA;;AAGf,0BAEI,sDAA2D,EAAA;;AAF/D,oBAMI,kDAA0D,EAAA;;AAI9D,SACE,eAAe,EACf,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAAA;;AANlB,gBASI,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EAAA;;AClzFf,8BACE,kBDqzF0B,EAAA;;ACnzF5B,8BACE,mBDkzF0B,EAAA;;AAhB9B,4BC9gGE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ED4gGR,gBAAgB,EAChB,eAAe,EACf,cCzqGsB,EAAA;;AAuU1B,qCACE,uBAAoB,EAAA;;AAEtB,qCACE,uBAAoB,EAAA;;AAtBtB,qCACE,WAAW,EAAA;;AAEb,qCACE,YAAY,EAAA;;AAkDd,+BACE,kBDk0F0B,EAAA;;ACh0F5B,+BACE,mBD+zF0B,EAAA;;AA7B9B,6BC9gGE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EDyhGR,iBAAiB,EACjB,eAAe,EACf,cCtrGsB,EAAA;;AAuU1B,sCACE,wBAAoB,EAAA;;AAEtB,sCACE,wBAAoB,EAAA;;AAtBtB,sCACE,WAAW,EAAA;;AAEb,sCACE,YAAY,EAAA;;ADw1FhB,uBA0CI,kBAAkB,EAClB,UAAU,EACV,SAAS,EAET,WAAW,EACX,YAAY,EACZ,6BAA6B,EAC7B,mBAAmB,EAAA;;ACz/FrB,gCACE,QDo/FgB,EAAA;;ACl/FlB,gCACE,ODi/FgB,EAAA;;AAKhB,gCACE,iDAAiD,EAAA;;AAEnD,gCACE,qDAAqD,EAAA;;AAK3D,OACE,kBAAkB,EAClB,aAAa,EACb,MAAM,EAAA;;AAHR,8BAMI,uDAAuD,EAAA;;AAN3D,YAUI,kBAAkB,EAClB,YAAY,EACZ,yBAAyB,EAAA;;AAZ7B,iBAgBI,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gDAAgD,EAAA;;AAnBpD,gBAuBI,UAAU,EACV,WAAW,EACX,YAAY,EACZ,+CAA+C,EAAA;;AA1BnD,kBA8BI,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,iDAAiD,EAAA;;AAjCrD,mBAqCI,aAAa,EACb,WAAW,EACX,YAAY,EACZ,kDAAkD,EAAA;;AAItD,qCAEE,iBAAiB,EAAA;;AAGnB,aACE,gBAAgB,EAAA;;AADlB,iCAII,wBAAgB,EAAhB,gBAAgB,EAAA;;AAJpB,0CAOM,WAAW,EAAA;;AAPjB,4CAWM,YAAY,EAAA;;AAXlB,uCAgBI,kBAAkB,EAClB,6BAA6B,EAC7B,oCAA6C,EAC7C,4BAA4B,EAAA;;AAnBhC,uCAuBI,yBCvxGwB,EAAA;;AD2xG5B,0BAAA;AAEA,2BACE,kBAAkB,EAClB,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,2BAAmB,EAAnB,mBAAmB,EACnB,aAAa,EACb,yBCzxG0B,EAAA;;ADmxG5B,yCAUM,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,OAAO,EACP,MAAM,EACN,mFAA2F,EAAA;;AAI/F,oCACE,mBAAmB,EACnB,kBCvsGmB,EDwsGnB,gBAAgB,EAAA;;AAzBpB,0CA6BI,qBAAa,EAAb,aAAa,EACb,8BAAsB,EAAtB,sBAAsB,EACtB,2BAAmB,EAAnB,mBAAmB,EACnB,WAAW,EAAA;;AAhCf,8CAmCM,cAAc,EACd,eAAe,EACf,iBAAiB,EAAA;;AArCvB,oCA0CI,eAAe,EAAA;;AA1CnB,oCA8CI,UAAU,EACV,kBAAkB,EAClB,SAAS,EAET,SAAS,EACT,mCAAgC,EAAhC,gCAAgC,EAAA;;ACpoGlC,6CACE,WDioGmB,EAAA;;AC/nGrB,6CACE,UD8nGmB,EAAA;;AAjDvB,yCAsDM,yBC50GsB,ED60GtB,WCv1GM,EA8LV,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EAAA;;AD0pG2B,qFA1D7C,yCA4DU,wCAA+C,EAC/C,mCAA2B,EAA3B,2BAA2B,EAC3B,sEAA8D,EAA9D,iEAA8D,EAA9D,8DAA8D,EAA9D,oGAA8D,EAAA,EAC/D;;AA/DT,0CAqEI,UAAU,EAAA;;AArEd,8DAyEI,yBCh2GwB,EAAA;;ADk2Ge,qFA3E3C,8DA6EQ,yCAA+C,EAAA,EAChD;;AAKP,wBAAA;AAEA,4BACE,sBACE,gBAAgB,EAAA,EACjB;;AAGH,sBACE,gBAAgB,EAAA;;AADlB,kCAII,kBAAkB,EAAA;;AAJtB,4BAQI,cAAc,EAAA;;AARlB,2DAYQ,kBAAkB,EAAA;;AAZ1B,yCAgBQ,kBAAkB,EAClB,mBAAmB,EAAA;;AAM3B,4BAAA;AACA,wBACE,oBAAoB,EACpB,yBAAiB,EAAjB,iBAAiB,EAAA;;AAFnB,8BAKI,kBAAkB,EAClB,YAAY,EAAA;;AANhB,2CASM,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,uBAAuB,EAAA;;AAZ7B,uCAgBM,yBAAyB,EAAA;;AAhB/B,gDAmBQ,kBAAkB,EAClB,MAAM,EAEN,YAAY,EACZ,cAAc,EAAA;;ACplGpB,yDACE,mBDilG+B,EAAA;;AC/kGjC,yDACE,oBD8kG+B,EAAA;;AArBnC,6CA2BQ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,kBAAkB,EAAA;;AAhC1B,4DAoCY,6BAA6B,EAAA;;AApCzC,iFAyCc,qBAAqB,EAAA;;AAzCnC,iFA8CgB,aAAa,EAAA;;AA9C7B,oFAkDgB,UAAU,EACV,cCj8GY,EAAA;;AD84G5B,6FAsDkB,aAAa,EAAA;;AAtD/B,2JA4DgB,eAAe,EAAA;;AC9lG7B,mGACE,iBDimGqC,EAAA;;AC/lGvC,mGACE,kBD8lGqC,EAAA;;AAhEzC,uEAsEY,eAAe,EACf,aAAa,EAAA;;AAvEzB,gCA+EI,kBAAkB,EAClB,SAAS,EACT,OAAO,EACP,WAAW,EACX,SAAS,EAAA;;AClqGX,kDACE,YAAY,EAAA;;AAEd,kDACE,WAAW,EAAA;;AAuBb,kDACE,mBD0oG6B,EAAA;;ACxoG/B,kDACE,kBDuoG6B,EAAA;;AAKjC,wBAAA;AACA,6BAEI,kBAAkB,EAAA;;AAFtB,sCAKM,kBAAkB,EAClB,MAAM,EAAA;;ACvyGV,+CACE,YDuyGsB,EAAA;;ACryGxB,+CACE,WDoyGsB,EAAA;;AAK1B,iDAAA;AACA,6CAEE,YAAY,EAAA;;AAGd,0DAGE,YAAY,EAAA;;AAGd,mCAEE,YAAY,EAAA;;AAGd,qEAGI,kBAAkB,EAAA;;AAHtB,uFAMM,kBAAkB,EAClB,MAAM,EACN,aAAa,EAAA;;ACt0GjB,yGACE,YDs0GsB,EAAA;;ACp0GxB,yGACE,WDm0GsB,EAAA;;AAK1B,sBAAA;AACA,oCAEI,wBAAwB,EACxB,aAAa,EACb,yBC7hHwB,EAAA;;ADyhH5B,kCASM,qBAAqB,EACrB,iBAAiB,EAAA;;AAVvB,kCAgBI,qBAAqB,EACrB,sBAAsB,EAAA;;ACvtGxB,2CACE,iBDotGyB,EAAA;;ACltG3B,2CACE,kBDitGyB,EAAA;;AC5sG3B,8CACE,mBDktG6B,EAAA;;AChtG/B,8CACE,kBD+sG6B,EAAA;;AAKjC,yBACE,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,gBAAgB,EAAA;;AALlB,+BAQI,gBAAgB,EAChB,gBAAgB,EAAA;;AAIpB,sBAEI,gBAAgB,EAChB,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,+BAAuB,EAAvB,uBAAuB,EAAA;;AAI3B;;4CF7xD4C;AEiyD5C,6CC7pGE,YAAY,EACZ,kBArUsB,EAsUtB,eAAe,EACf,cAAc,EACd,gBAxbU,EAybV,yBAAiB,EAAjB,iBAAiB,EACjB,8EAA8F,EAAA;;AD6pGhG,sCAEE,UAAU,EAAA;;AAGZ,QACE,aAAa,EACb,kBAAkB,EAAA;;AAFpB,uBAMM,2BAA2B,EAAA;;ACjvG/B,gCACE,kBDwvGgC,EAAA;;ACtvGlC,gCACE,mBDqvGgC,EAAA;;AAdpC,4GAsBc,eAAe,EACf,cC7mHc,EAAA;;AAqT1B,uIACE,WAAW,EAAA;;AAEb,uIACE,YAAY,EAAA;;AAcd,uIACE,sBAAoB,EAAA;;AAEtB,uIACE,sBAAoB,EAAA;;AD2wGxB,8HA2Bc,cClkHE,EAAA;;ADuiHhB,mDAgCY,gBAAgB,EAAA;;AAhC5B,gBC9pGE,eAAe,EACf,kBAAkB,EAClB,cArb0B,EAsb1B,qBAAqB,EACrB,mBAAmB,EDmsGb,eAAe,EAAA;;AAzCvB,2BA4CU,yBAAyB,EAAA;;AA5CnC,oBAgDU,eAAe,EAAA;;AAhDzB,0BAsDU,cC1oHkB,EAAA;;AA4T1B,mCACE,YAAY,EAAA;;AAEd,mCACE,WAAW,EAAA;;AAcb,mCACE,iBD0zG+B,EAAA;;ACxzGjC,mCACE,kBDuzG+B,EAAA;;AArDnC,gBA6DI,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAAA;;ACr0GpB,gCACE,kBDu0G4B,EAAA;;ACr0G9B,gCACE,mBDo0G4B,EAAA;;AC7yG9B,gCACE,kBD6yG4B,EAAA;;AC3yG9B,gCACE,mBD0yG4B,EAAA;;AAnEhC,kCAuEU,kBAAkB,EAClB,SAAS,EAET,gBAAgB,EAChB,eAAe,EACf,cClqHkB,EAAA;;AAgM1B,2CACE,SD89GuB,EAAA;;AC59GzB,2CACE,UD29GuB,EAAA;;AAzE3B,WAmFI,iBAAiB,EAAA;;AAIrB,sCAGI,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EAEX,kBAAkB,EAClB,eAAe,EACf,cCtrHwB,EAAA;;AAyV1B,wDACE,kBDy1G0B,EAAA;;ACv1G5B,wDACE,iBDs1G0B,EAAA;;AAO9B,qNC1vGE,cA3b0B,EA4b1B,yBApc0B,EAAA;;AAmV1B,2BACE,iBDi3GuB,EAAA;;AC/2GzB,2BACE,kBD82GuB,EAAA;;AAG3B,sBAAA;AACA,uBAEI,eAAe,EAAA;;AAFnB,4BAMI,WAAW,EAAA;;AANf,kBAUI,kBAAkB,EAClB,UAAU,EAEV,qBAAqB,EACrB,WAAW,EAAA;;AC74Gb,2BACE,oBAAoB,EAAA;;AAEtB,2BACE,oBAAoB,EAAA;;AAyCtB,iCACE,mBDk2G6B,EAAA;;ACh2G/B,iCACE,kBD+1G6B,EAAA;;AAjBjC,2BAqBM,kBAAkB,EAClB,MAAM,EAAA;;ACnhHV,oCACE,UDmhHoB,EAAA;;ACjhHtB,oCACE,SDghHoB,EAAA;;AAKtB,yFAGI,sBAAsB,EACtB,qBAAqB,EAAA;;AC33GzB,4BACE,kBDm4G8B,EAAA;;ACj4GhC,4BACE,mBDg4G8B,EAAA;;AC17GhC,mCACE,WAAW,EAAA;;AAEb,mCACE,YAAY,EAAA;;AAcd,mCACE,sBAAoB,EAAA;;AAEtB,mCACE,sBAAoB,EAAA;;AD+6GxB,cAAA;AAEA;;4CFn2D4C;AEu2D5C,cACE,kBCtpHqB,EDupHrB,yBCnwH0B,EAwK1B,gDAAwD,EAAA;;AD+lH1D,yoCASU,2BCrqHc,EAAA;;AD4pHxB,ynCAgBU,4BC5qHc,EAAA;;AD4pHxB,ymCA4BU,8BAAiD,EAAA;;AA5B3D,ylCAmCU,+BAAkD,EAAA;;AAO5D,sPC32GE,kBA5VqB,EA6VrB,0CAAmD,EACnD,yBAAoC,EACpC,yDAAkE,EAClE,4BAA4B,EAAA;;ADi3G9B,+OC72GE,aAAa,EACb,qCAA8C,EAAA;;ADs3GhD,+IAME,eAAe,EACf,iBAAiB,EACjB,cCv0H0B,EDw0H1B,eAAe,EACf,sBAAsB,EACtB,wBAAgB,EAAhB,gBAAgB,EAAA;;AAGlB,0DACE,iBAAiB,EAAA;;AAGnB,0BACE,cAAc,EAAA;;AAGhB,iCC3rHE,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;AA8GlB,kEACE,2BAxKoB,EAAA;;AA0KtB,kEACE,4BA3KoB,EAAA;;AAgLtB,iEACE,4BAjLoB,EAAA;;AAmLtB,iEACE,2BApLoB,EAAA;;AAyLtB,iEACE,8BA1LoB,EAAA;;AA4LtB,iEACE,+BA7LoB,EAAA;;AAkMtB,gEACE,+BAnMoB,EAAA;;AAqMtB,gEACE,8BAtMoB,EAAA;;ADgvHxB,mDA0BI,gBAAgB,EAAA;;AA1BpB,iCA8BI,gBAAgB,EAChB,WAAW,EACX,sBAAsB,EAAA;;AC1iHxB,4DACE,iBD4iH2B,EAAA;;AC1iH7B,4DACE,kBDyiH2B,EAAA;;AAnC/B,+DAwCQ,WAAW,EAAA;;AAxCnB,+DA4CQ,UAAU,EAAA;;AA5ClB,uEAgDQ,sBAAsB,EAAA;;AAhD9B,uCAqDM,kBAAkB,EAClB,UAAU,EAAA;;AAtDhB,+HA4DI,kBAAkB,EAClB,UAAU,EAAA;;AAId,cACE,kBAAkB,EAGlB,cC/5H0B,EAAA;;AA8T1B,uBACE,YAAY,EAAA;;AAEd,uBACE,WAAW,EAAA;;AAKb,uBACE,sBAAoB,EAAA;;AAEtB,uBACE,sBAAoB,EAAA;;ADglHxB,kCAOI,cCn3HY,EAAA;;ADu3HhB,mBAEE,kBAAkB,EAClB,cAAc,EAAA;;AAEd,mCACE,aAAa,EACb,gBAAgB,EAAA;;AAIpB,yBAEI,kBAAkB,EAClB,SAAS,EAET,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,kBCn1HmB,EAAA;;AAuFrB,kCACE,WDovHmB,EAAA;;AClvHrB,kCACE,YDivHmB,EAAA;;AAJvB,kCAcM,yBC/6HW,EDg7HX,WCt8HM,EA8LV,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EAAA;;ADuvHlB,kCAoBM,yBC54Ha,EAAA;;ADw3HnB,oCAwBM,yBCx5HU,EDy5HV,WCh9HM,EA8LV,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EAAA;;ADuvHlB,oBA+BI,gBAAgB,EAChB,kBAAkB,EAAA;;AAhCtB,4BAmCM,kBAAkB,EAClB,iBAAiB,EACjB,cCn9HsB,EAAA;;AD86H5B,iCAwCQ,yBAAyB,EAAA;;AAG3B,2HAEE,aAAa,EAAA;;AA7CrB,oCAiDQ,qBAAqB,EACrB,kBCz3HgB,ED23HhB,cAAc,EACd,eAAe,EACf,cCr+HoB,EDs+HpB,yBC1+HoB,EAAA;;AAkV1B,6CACE,gBDmpH4B,EAAA;;ACjpH9B,6CACE,iBDgpH4B,EAAA;;AAnDhC,sCA8DI,eAAe,EAAA;;AA9DnB,kBAkEI,kBAAkB,EAAA;;AAlEtB,wBClxHE,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;ADw1HpB,mFAEE,eAAe,EACf,cC5/H0B,EAAA;;ADy/H5B,2FAMI,eAAe,EAAA;;AANnB,iLAWI,aAAa,EAAA;;AC3pHf,qNACE,iBD2pHyB,EAAA;;ACzpH3B,qNACE,kBDwpHyB,EAAA;;AAZ7B,+FAgBI,qBAAqB,EAAA;;AAhBzB,mGAoBI,kBAAkB,EAAA;;AAItB,qBACE,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,kBCh7HqB,EDi7HrB,cCvhI0B,EAAA;;ADghI5B,4BAUI,SAAS,EAAA;;AAIb,8BAAA;AACA,iBACE,aAAa,EACb,oBAAoB,EAAA;;AAFtB,wBAKI,cAAc,EACd,SAAS,EAAA;;AANb,qCAUI,oBAAoB,EAAA;;AAIxB,aAAA;AACA,iBACE,UAAU,EACV,kBAAkB,EAClB,WCv8HiB,EDw8HjB,YCx8HiB,EAAA;;AD28HnB,uCAEE,qBAAqB,EACrB,WAAW,EACX,kBAAkB,EAElB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EAAA;;ACrtHf,yDACE,kBDitHqC,EAAA;;AC/sHvC,yDACE,mBD8sHqC,EAAA;;AALzC,mDAWI,YAAY,EAAA;;AAIhB,0DAEE,eAAe,EAAA;;AC9tHf,qEACE,kBA/Pe,EAAA;;AAiQjB,qEACE,mBAlQe,EAAA;;ADo+HnB,+DAEE,YAAY,EACZ,YAAY,EAAA;;AAGd,oBAAA;AACA,qDAEE,cAAc,EACd,kBAAkB,EAElB,MAAM,EACN,sBAA+B,EAC/B,YCl/HiB,EDm/HjB,sBAAsB,EACtB,YAAY,EACZ,YAAY,EACZ,yBAAoC,EACpC,yCAAkD,EAClD,4BAA4B,EAC5B,kBC7/HqB,EAAA;;AAuFrB,uEACE,OD25Ha,EAAA;;ACz5Hf,uEACE,QDw5Ha,EAAA;;AAajB,+FAGE,aAAa,EAAA;;AAGf,+KC5+HE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ED09HZ,iBCxgIiB,EDygIjB,cC/mI0B,EAAA;;ADknI5B,2JAGE,gBAAgB,EAChB,eAAe,EAAA;;AAGjB,iFAEE,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAAA;;AAGpB,kEAEE,aAAa,EACb,qBC1jI6B,EAAA;;AD6jI/B,0BAEI,aAAa,EAAA;;AAIjB,gFAII,eAAe,EAAA;;AC5yHjB,2GACE,kBD4yHuC,EAAA;;AC1yHzC,2GACE,mBDyyHuC,EAAA;;AAI3C,gBAAA;AACA,wBACE,cCzpI0B,ED0pI1B,eAAe,EACf,wBAAgB,EAAhB,gBAAgB,EAAA;;AAHlB,8BChtHE,aAAa,EACb,qCAA8C,EAAA;;AD+sHhD,+BAUI,gBAAgB,EAAA;;AAIpB,sFAEE,gBAAgB,EAAA;;AAGlB,QACE,sBCvrIU,EAAA;;ADsrIZ,cAII,YAAY,EAAA;;AAJhB,iBAQI,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EAAA;;AAVrB,+BAaM,iBAAiB,EAAA;;AAbvB,cAkBI,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,6BAA6B,EAAA;;AAIjC,kJAKE,oCAAwC,EAAA;;AAG1C,YACE,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAAA;;AAHlB,wBAOM,kBAAkB,EAClB,QAAQ,EAER,cC1tIsB,EAAA;;AA8L1B,iCACE,SD0hImB,EAAA;;ACxhIrB,iCACE,UDuhImB,EAAA;;ACh3HrB,gCACE,kBDo3H4B,EAAA;;ACl3H9B,gCACE,mBDi3H4B,EAAA;;AC52H9B,qCACE,mBDg3H2B,EAAA;;AC92H7B,qCACE,kBD62H2B,EAAA;;AAnB/B,mBAuBI,kBAAkB,EAClB,QAAQ,EAER,cC5uIwB,ED6uIxB,eAAe,EAAA;;ACpiIjB,4BACE,UDiiIkB,EAAA;;AC/hIpB,4BACE,SD8hIkB,EAAA;;AAzBtB,yBA8BM,cC9uIsB,EAAA;;ADgtI5B,0BC/kIE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ED0lIR,iBAAiB,EAAA;;AAKvB,sBACE,kBAAkB,EAClB,SAAS,EAAA;;AAGX,YACE,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,cCnwI0B,EDowI1B,YAAY,EAAA;;AAGd,mBACE,kBAAkB,EAClB,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EAAA;;AAHrB,6BAMI,eAAO,EAAP,OAAO,EACP,YAAY,EAAA;;AC15Hd,6CACE,kBD65H0B,EAAA;;AC35H5B,6CACE,iBD05H0B,EAAA;;AAI9B,mBACE,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,2BAAmB,EAAnB,mBAAmB,EAAA;;ACz8HnB,0DACE,gBD28HwB,EAAA;;ACz8H1B,0DACE,iBDw8HwB,EAAA;;AAN5B,8BAUI,WAAW,EAEX,eAAe,EACf,+BCvsI6C,EAAA;;AAoP/C,uCACE,gBDg9HwB,EAAA;;AC98H1B,uCACE,iBD68HwB,EAAA;;AAX5B,qCCnpIE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ED4oIR,iBAAiB,EAAA;;AAjBvB,oCAqBM,cCzyIsB,EAAA;;AD8yI5B,6BAEE,qBAAqB,EACrB,kBAAkB,EAAA;;AAHpB,yCAMI,kBAAkB,EAClB,UAAU,EACV,WAAW,EAAA;;AARf,+GAWM,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EAErB,UAAU,EACV,cCh0IsB,EAAA;;AAgM1B,iIACE,UD6nIoB,EAAA;;AC3nItB,iIACE,WD0nIoB,EAAA;;AAdxB,2OAoBQ,yBAAiB,EAAjB,iBAAiB,EACjB,oBAAoB,EACpB,UAAU,EAAA;;AAGZ,iIACE,+BC9uIyC,EAAA;;ADotIjD,2HA+BM,aAAa,EAAA;;AAKnB,eACE,UAAU,EAAA;;AADZ,4BAII,oBAAoB,EAEpB,eAAe,EAAA;;AC1pIjB,qCACE,SDwpIiB,EAAA;;ACtpInB,qCACE,UDqpIiB,EAAA;;AAKrB,eACE,UAAU,EAAA;;AADZ,4BAII,oBAAoB,EAEpB,eAAe,EACf,eAAe,EAAA;;ACrqIjB,qCACE,SDkqIiB,EAAA;;AChqInB,qCACE,UD+pIiB,EAAA;;ACj5HnB,8BACE,cAndwB,EAAA;;AAse1B,gBACE,cAvewB,EAAA;;AD22I5B,oCAAA;AACA,4BAEE,aAAa,EAAA;;AAGf,mBAAA;AACA,uBACE,iBAAiB,EACjB,cAAc,EAAA;;AAIhB,0DC54HE,kBAAkB,EAClB,kBAlYqB,EAmYrB,mBAAmB,EAAA;;AD+4HrB,0BC34HE,kBAAkB,EAAA;;AAClB,wCACE,qBAAqB,EAAA;;AD64HzB,gCC9vIE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EA+VZ,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EAEpB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EAAA;;AAxTpB,yCACE,UAmTgB,EAAA;;AAjTlB,yCACE,SAgTgB,EAAA;;ADw4HpB,iCCh4HE,cAAc,EACd,kBAAkB,EAClB,YAAY,EAEZ,eAAe,EACf,iBAAiB,EACjB,cAtgB0B,EAugB1B,0CAAmD,EACnD,wBAAgB,EAAhB,gBAAgB,ED03HhB,gBAAgB,EAAA;;ACriIhB,0CACE,2BAAqB,EAAA;;AAEvB,0CACE,2BAAqB,EAAA;;AD+hIzB,6CCr3HI,aAAa,EAAA;;ADq3HjB,wCAKI,sBCh5IQ,EAAA;;ADo5IZ,2CCz3HE,eAAe,EAAA;;AD63HjB,6ECz3HE,aAAa,EACb,yCAAkD,EAAA;;AD+3HpD,sCACE,QAAQ,EAAA;;AAGV,uCACE,2BAA2B,EAC3B,8BAA8B,EAC9B,eAAe,EAAA;;AAGjB,oBAAA;AACA,wDACE,qBAAqB,EACrB,gBAAgB,EAChB,6BAA6B,EAAA;;AAG/B,8DACE,aAAa,EAAA;;AAGf,2BACE,YAAY,EAAA;;AAGd,yBAAA;AACA,8FCv8HE,kBAAkB,EAClB,kBAlYqB,EAmYrB,mBAAmB,EAAA;;AD08HrB,uCCt8HE,kBAAkB,EAAA;;AAClB,qDACE,qBAAqB,EAAA;;ADw8HzB,6CCzzIE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EA+VZ,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EAEpB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EAAA;;AAxTpB,sDACE,UAmTgB,EAAA;;AAjTlB,sDACE,SAgTgB,EAAA;;ADm8HpB,wDC37HE,cAAc,EACd,kBAAkB,EAClB,YAAY,EAEZ,eAAe,EACf,iBAAiB,EACjB,cAtgB0B,EAugB1B,0CAAmD,EACnD,wBAAgB,EAAhB,gBAAgB,EAAA;;AA3KhB,iEACE,2BAAqB,EAAA;;AAEvB,iEACE,2BAAqB,EAAA;;AD0lIzB,oECh7HI,aAAa,EAAA;;ADo7HjB,kHC/6HE,eAAe,EAAA;;ADo7HjB,wBAAA;AACA,mEACE,gBAAgB,EAAA;;AAGlB,6EACE,gBAAgB,EAAA;;AAGlB,yEC/iIE,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,cAna0B,EAoa1B,0CAA6C,EAC7C,8CA9U+C,EDw3I/C,eAAe,EACf,kBAAkB,EAAA;;AAGpB,sFACE,UAAU,EAAA;;AAGZ,kBAAA;AACA,uDChhIE,aAAa,EACb,qCAA8C,EAAA;;ADmhIhD,gBAAA;AACA,2BCpjIE,YAAY,EACZ,kBArUsB,EAsUtB,eAAe,EACf,cAAc,EACd,gBAxbU,EAybV,yBAAiB,EAAjB,iBAAiB,EACjB,8EAA8F,EDgjI9F,eAAe,EACf,UAAU,EAAA;;AAGZ,mCACE,iBAAiB,EAAA;;AAGnB,kECz2IE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EDm1IZ,eAAe,EACf,iBAAiB,EAAA;;AAGnB,iEACE,YAAS,EAAI;;AAGf,wFC9jIE,eAAe,EACf,kBAAkB,EAClB,cArb0B,EAsb1B,qBAAqB,EACrB,mBAAmB,EAAA;;AD+jIrB,4CCjmIE,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,cA7Z0B,EA8Z1B,yBAAyB,EACzB,iBAAiB,ED8lIjB,SAAS,EACT,cAAc,EAAA;;AAGhB,mCCjkIE,cA3b0B,EA4b1B,yBApc0B,EAAA;;ADwgJ5B,eAAA;AACA,iBACE,eAAe,EACf,WAAW,EAEX,cAAc,EACd,YAAY,EACZ,aAAa,EACb,uBAAuB,EAAA;;AC7rIvB,0BACE,gBDwrIsB,EAAA;;ACtrIxB,0BACE,iBDqrIsB,EAAA;;AAO1B,wBACE,oBAAoB,EAAA;;AC5tIpB,+BACE,WAAW,EAAA;;AAEb,+BACE,YAAY,EAAA;;AAKd,+BACE,YAAY,EAAA;;AAEd,+BACE,WAAW,EAAA;;AD0tIf,qDAEE,aAAa,EAAA;;AAGf,uDC95IE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EDy4IZ,WAAW,EACX,gBAAgB,EAChB,4BAA4B,EAC5B,kBAAkB,EAAA;;AAIlB,qCACE,oBAAoB,EAAA;;AAEtB,qCACE,qBAAqB,EAAA;;AAKvB,qCACE,qBAAqB,EAAA;;AAEvB,qCACE,oBAAoB,EAAA;;AAIxB,uBACE,kBAAkB,EAAA;;AAGpB,yDAEE,uBAAuB,EAAA;;AAGzB,gEAEE,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,cCtkJ0B,EAAA;;ADykJ5B,kCACE,cC7kJ0B,ED8kJ1B,mBAAmB,EAAA;;AAGrB,+BACE,kBAAkB,EAAA;;AAGpB,qCACE,yBCzlJ0B,ED0lJ1B,qBAAqB,EAAA;;AAGvB,+CACE,yBCzlJ0B,ED0lJ1B,WCpmJU,EA8LV,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EDs6IhB,eAAe,EAAA;;AAGjB,mDACE,mBAAmB,EACnB,mCCtmJ0B,EAAA;;ADymJ5B,eAAA;AACA,yBACE,YAAY,EAAA;;AAGd,sBAEE,gBAAgB,EAChB,uBAAuB,EACvB,aAAa,EACb,YAAY,EAAA;;AClyIZ,+BACE,gBD6xIsB,EAAA;;AC3xIxB,+BACE,iBD0xIsB,EAAA;;AAO1B,yBAEE,mBAAmB,EACnB,eAAe,EAAA;;ACtxIf,kCACE,wBAAqB,EAAA;;AAEvB,kCACE,wBAAqB,EAAA;;ADqxIzB,+BACE,yBC7nJ0B,EAAA;;ADgoJ5B,gDACE,yBC5nJ0B,ED6nJ1B,WCvoJU,EA8LV,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EDy8IhB,eAAe,EAAA;;AAGjB,iBAAA;AACA,gBACE,qBAAa,EAAb,aAAa,EACb,YAAY,EACZ,mBAAmB,EAAA;;AAHrB,kBAMI,uCCnjJyC,EDqjJzC,sBAAsB,EACtB,UAAU,EACV,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EAAA;;ACl7IxB,2BACE,iBDy6IyB,EAAA;;ACv6I3B,2BACE,kBDs6IyB,EAAA;;AAP7B,8BAkBM,UAAU,EAAA;;ACr7Id,uCACE,yCDq7IoD,EAAA;;ACn7ItD,uCACE,0CDk7IoD,EAAA;;AAnBxD,yEAyBI,yBC9pJwB,ED+pJxB,4BC/pJwB,EDgqJxB,YAAY,EACZ,aAAa,EACb,gBAAgB,EAAA;;ACh8IlB,mHACE,8BAnOwB,EAAA;;AAqO1B,mHACE,+BAtOwB,EAAA;;AA+Q1B,mHACE,2BAzKmB,EAAA;;AA2KrB,mHACE,4BA5KmB,EAAA;;AA0LrB,mHACE,8BA3LmB,EAAA;;AA6LrB,mHACE,+BA9LmB,EAAA;;AAoIrB,qGACE,+BA5OwB,EAAA;;AA8O1B,qGACE,8BA/OwB,EAAA;;AAwR1B,qGACE,4BAlLmB,EAAA;;AAoLrB,qGACE,2BArLmB,EAAA;;AAmMrB,qGACE,+BApMmB,EAAA;;AAsMrB,qGACE,8BAvMmB,EAAA;;AD8hJvB,sBA8CI,aAAa,EAAA;;AA9CjB,+BAiDM,yBCzrJsB,EAAA;;AD8rJ5B,WAAA;AACA,YACE,eAAe,EACf,uBAAuB,EAAA;;ACr1IvB,qBACE,kBDq1IwB,EAAA;;ACn1I1B,qBACE,mBDk1IwB,EAAA;;AAG5B,eACE,cCtpJc,EAAA;;ADypJhB,kBAAA;AACA,qBACE,kBAAkB,EAClB,YAAY,EACZ,MAAM,EAEN,WAAW,EACX,YAAY,EAAA;;AC/gJZ,8BACE,OD4gJa,EAAA;;AC1gJf,8BACE,QDygJa,EAAA;;AAJjB,+BASI,uCAA+C,EAAA;;AATnD,2BAaI,QAAQ,EACR,4BAA4B,EAC5B,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,8CAAsD,EAAA;;AAI1D,iBAAA;AACA,yBACE,kBAAkB,EAAA;;AAGpB,kCACE,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,kBC7nJqB,ED8nJrB,sBC/uJU,EA6KV,gDAAwD,EDokJxD,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EC7nJhB,yKAAyK,ED+nJzK,yBAAyB,EAAA;;AAX3B,8DC10IE,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,cA7Z0B,EA8Z1B,yBAAyB,EACzB,iBAAiB,EDo1If,2BAA2B,EAAA;;AAf/B,6DC5yIE,eAAe,EACf,kBAAkB,EAClB,cArb0B,EAsb1B,qBAAqB,EACrB,mBAAmB,EAAA;;ADwyIrB,qKCpyIE,cA3b0B,EA4b1B,yBApc0B,ED+vJtB,eAAe,EAAA;;AAKrB;;4CFx1E4C;AE41E5C,gCAEI,eAAe,EAAA;;AAFnB,yCAKM,kBAAkB,EAElB,yBC/wJsB,EDgxJtB,gBAAgB,EAChB,gBAAgB,EAAA;;ACn6IpB,kDACE,mBD+5I6B,EAAA;;AC75I/B,kDACE,oBD45I6B,EAAA;;AANjC,+CAYQ,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,kBClrJe,EDmrJf,wCAAsD,EACtD,yBAAiB,EAAjB,iBAAiB,EACjB,oBAAoB,EAAA;;AAzB5B,mCA+BI,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,sBAAsB,EAAA;;AApC1B,iDAuCM,gBAAgB,EAChB,gBAAgB,EAAA;;AAxCtB,+CA6CM,YAAY,EAAA;;AClnJhB,wDACE,ODgnJiB,EAAA;;AC9mJnB,wDACE,QD6mJiB,EAAA;;AA5CrB,kEAiDU,YAAY,EAAA;;AAjDtB,6CAwDM,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,iFAAiG,EAAA;;AChoJrG,sDACE,WD2nJqB,EAAA;;ACznJvB,sDACE,YDwnJqB,EAAA;;AAvDzB,2DA8DQ,aAAa,EAAA;;AA9DrB,gEAiEU,gBAAgB,EAAA;;AAjE1B,oKA0EM,SAAS,EACT,qBAAqB,EACrB,8CCvvJuC,EDwvJvC,yBCr1JsB,EDs1JtB,iFAA8F,EAA9F,8EAA8F,EAAA;;AA9EpG,0CAmFI,eAAO,EAAP,OAAO,EACP,kBAAkB,EAClB,YAAY,EAAA;;AArFhB,sFAyFQ,kBAAkB,EAClB,mBAAmB,EAAA;;AA1F3B,oFA8FQ,aAAa,EAAA;;AAMrB,oBACE,kBAAkB,EAClB,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,yBAAiB,EAAjB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EAAA;;AAPxB,kCAUI,gBAAgB,EAChB,iBAAiB,EACjB,mCC3xJyC,ED4xJzC,mBAAmB,EACnB,yBCz3JwB,EAAA;;AD22J5B,sCAiBM,UAAU,EACV,yBC53JsB,EAAA;;AD02J5B,8BAuBI,kBCtxJoB,EDuxJpB,iBAAiB,EACjB,yBCp4JwB,EAAA;;AD22J5B,kCA4BM,yBCt4JsB,EAAA;;AD02J5B,+DA+BQ,yBAA+C,EAAA;;AA/BvD,2CAoCM,eAAe,EAAA;;AApCrB,8BAyCI,eAAO,EAAP,OAAO,EACP,gBAAgB,EAAA;;AA1CpB,yEA8CM,mBAAmB,EACnB,gBAAgB,EAChB,0BAAuB,EAAvB,uBAAuB,EAAA;;AAhD7B,iCAoDM,kBAAkB,EAClB,mBAAmB,EACnB,cC15JsB,EAAA;;ADo2J5B,oDCtuJE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EDywJN,mBAAmB,EACnB,cAAc,EAAA;;AC9lJpB,6DACE,qBAAoB,EAAA;;AAEtB,6DACE,qBAAoB,EAAA;;AD8hJxB,uCAkEI,cC53JY,EAAA;;AAiSd,6EACE,gBD+lJwB,EAAA;;AC7lJ1B,6EACE,iBD4lJwB,EAAA;;AAvE5B,0BA2EI,cAAc,EAAA;;AA3ElB,yDA8EM,+BC31J2C,EAAA;;AD6wJjD,uCAkFM,cC54JU,EAAA;;ADi5JhB,kBAAA;AACA,qBAEI,gBAAgB,EAAA;;AAMpB,eACE,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,kBCl2JqB,EDm2JrB,uCCp3J2C,EDq3J3C,yBCl9J0B,EDm9J1B,aAAa,EAAA;;AAPf,sBAUI,iBAAiB,EAAA;;AAVrB,2BAcI,eAAe,EACf,wBAAwB,EACxB,sBAAsB,EACtB,0BAA8D,EAE9D,cC59JwB,ED69JxB,gBAAgB,EAChB,mBAAmB,EACnB,0BAAuB,EAAvB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,yBAAiB,EAAjB,iBAAiB,EACjB,kBAAkB,EAClB,yBAAsC,EAAA;;ACloJxC,oCACE,2BAAqB,EAAA;;AAEvB,oCACE,2BAAqB,EAAA;;ADmmJzB,iCA8BM,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,wBAAwB,EACxB,WAAW,EACX,uCCp5JuC,EAAA;;AD+2J7C,wCAyCM,eAAe,EACf,cCj/JsB,EAAA;;ADu8J5B,sCA+CM,eAAe,EACf,UAAU,EACV,mCAAgC,EAAhC,gCAAgC,EAAA;;AC1qJpC,+CACE,gBDsqJ0B,EAAA;;ACpqJ5B,+CACE,iBDmqJ0B,EAAA;;AA9C9B,2CAoDQ,YAAY,EAAA;;AApDpB,wBA0DI,UAAU,EAAA;;AC/oJZ,6CACE,mBDipJ6B,EAAA;;AC/oJ/B,6CACE,kBD8oJ6B,EAAA;;AA7DjC,iDAmEU,qBAAqB,EAAA;;ACvtJ7B,0DACE,WAAW,EAAA;;AAEb,0DACE,YAAY,EAAA;;AAcd,0DACE,qBAAoB,EAAA;;AAEtB,0DACE,qBAAoB,EAAA;;AD8nJxB,qCA6EM,kBA/EuC,EAgFvC,mBAAmB,EAAA;;AA9EzB,gDAiFQ,UAAU,EAAA;;AAjFlB,2BAuFI,kBAAkB,EAClB,QAAQ,EAAA;;ACj2JV,oCACE,UDi2JkB,EAAA;;AC/1JpB,oCACE,WD81JkB,EAAA;;AAzFtB,0BA6FI,kBAAkB,EAClB,UAAU,EACV,QAAQ,EAER,eAAe,EAAA;;ACj2JjB,mCACE,WD+1JmB,EAAA;;AC71JrB,mCACE,UD41JmB,EAAA;;AAhGvB,wCAqGQ,aAAa,EAAA;;AArGrB,4BA0GM,qBAAqB,EAErB,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,+BC59J2C,EAAA;;AA6P/C,qCACE,iBD0tJ2B,EAAA;;ACxtJ7B,qCACE,gBDutJ2B,EAAA;;AA3G/B,kCAkHQ,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,cC5iKS,EAAA;;AA8Tf,oDACE,gBDivJ4B,EAAA;;AC/uJ9B,oDACE,iBD8uJ4B,EAAA;;AAzHhC,sCAgIM,iBAAiB,EAAA;;AAhIvB,kCAsIM,cAAc,EAAA;;AAtIpB,0BA2II,aAAa,EACb,YAAY,EAAA;;AAIhB,eAAA;AACA,qBACE,gBAAgB,EAAA;;AAGlB,+BACE,YAAY,EAAA;;AC1yJZ,wCACE,WAAW,EAAA;;AAEb,wCACE,YAAY,EAAA;;AAgCd,wCACE,iBDuwJuB,EAAA;;ACrwJzB,wCACE,gBDowJuB,EAAA;;AC7uJzB,8CACE,mBDgvJyB,EAAA;;AC9uJ3B,8CACE,kBD6uJyB,EAAA;;AAG7B,wCACE,kBAAkB,EAClB,MAAM,EAAA;;ACj6JN,iDACE,UDi6JgB,EAAA;;AC/5JlB,iDACE,SD85JgB,EAAA;;AAGpB,mBACE,kBAAkB,EAClB,gBAAgB,EAAA;;AChyJhB,0CACE,iBDmyJuB,EAAA;;ACjyJzB,0CACE,kBDgyJuB,EAAA;;AAG3B,iBAAA;AACA,gCAEI,aAAa,EACb,+BAAuB,EAAvB,uBAAuB,EACvB,2BAAmB,EAAnB,mBAAmB,EACnB,kBAAkB,EAAA;;AALtB,qCASI,gBAAgB,EAAA;;AAIpB,2CAIQ,gBAAgB,EAChB,yBAAyB,EACzB,0BAA0B,EAAA;;AANlC,uDASU,6BAA6B,EAAA;;AATvC,0CAgBQ,4BAA4B,EAC5B,6BAA6B,EAAA;;AAjBrC,yBAsBM,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,sBAAsB,EACtB,uCCtkKuC,EDukKvC,kBCvjKkB,EDyjKlB,eAAe,EACf,gBAAgB,EAAA;;ACl0JpB,kCACE,2BAAqB,EAAA;;AAEvB,kCACE,2BAAqB,EAAA;;AD+xJzB,+BAkCQ,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EAEpB,SAAS,EACT,UAAU,EAAA;;ACn+JhB,wCACE,WDg+JuB,EAAA;;AC99JzB,wCACE,UD69JuB,EAAA;;AArC3B,+BA2CQ,qBC9pKS,ED+pKT,qBAAqB,EACrB,UAAU,EAAA;;AAMlB;;4CF3jF4C;AE+jF5C,kDAAA;AACA,oCACE,cACF,EACE,eACF,EAAA;;AAGA;;4CFjkF4C;AEqkF5C,mTAKE,8BAIQ,qDAAqD,EACrD,wBAAqB,EAArB,qBAAqB,EAAA;EAL7B,sCAQU,2DAA2D,EAC3D,wBAAqB,EAArB,qBAAqB,EAAA;EAO/B,gCAEE,+CAA+C,EAC/C,wBAAqB,EAArB,qBAAqB,EAAA;EAEvB,eACE,mDAAmD,EACnD,wBAAqB,EAArB,qBAAqB,EAAA;EAGvB,8BACE,+CAA+C,EAC/C,wBAAqB,EAArB,qBAAqB,EAAA;EAEvB,qCACE,sDAAsD,EAAA;EAExD,sGAEE,gEAAgE,EAAA;EAGlE,0DAEE,uDAAuD,EACvD,wBAAqB,EAArB,qBAAqB,EAAA;EAGvB,yCACE,oDAAoD,EACpD,wBAAqB,EAArB,qBAAqB,EAAA;EAGvB,mBACE,wBAAqB,EAArB,qBAAqB,EAAA;EACrB,4BACE,8CAA8C,EAAA;EAEhD,4BACE,kDAAkD,EAAA;EAItD,uBACE,wBAAqB,EAArB,qBAAqB,EAAA;EACrB,gCACE,oDAAoD,EAAA;EAEtD,gCACE,wDAAwD,EAAA;EAI5D,iBACE,mDAAmD,EACnD,6BAA0B,EAA1B,0BAA0B,EAAA;EAE5B,gBACE,kDAAkD,EAClD,6BAA0B,EAA1B,0BAA0B,EAAA;EAE5B,kBACE,oDAAoD,EACpD,6BAA0B,EAA1B,0BAA0B,EAAA;EAE5B,mBACE,qDAAqD,EACrD,6BAA0B,EAA1B,0BAA0B,EAAA;EAE5B,8BACE,0DAA0D,EAAA,EAC3D;;AElyKH,OACE,8BAA8B,EAAA;;AAGhC,oBACE,kBAAkB,EAAA;;AAGpB,mBAAA;AAIA,kBACE,eAAe,EACf,YAAY,EACZ,qBAAa,EAAb,aAAa,EACb,8BAAsB,EAAtB,sBAAsB,EACtB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,iCAAiC,EDiKjC,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,ECjKhB,yBDnB0B,EAAA;;ACQ5B,oBAcI,cD9BwB,EC+BxB,iCAA8B,EAA9B,8BAA8B,EAC9B,qBAAqB,EAAA;;AAhBzB,8DAqBI,aAAa,EACb,4CAAyC,EAAzC,yCAAyC,EAAA;;AAtB7C,oQA4BQ,WDhDI,EAAA;;ACoBZ,0GAgCQ,yBAAsC,EACtC,mBAAgB,EAAhB,gBAAgB,EAAA;;AAjCxB,sHAoCU,UAAU,EAAA;;AApCpB,+KA0CQ,yBAAuC,EAAA;;AA1C/C,sFA+CM,eAAe,EACf,6BAA6B,EAAA;;AAhDnC,0EAoDM,mCAAgC,EAAhC,gCAAgC,EAAA;;AApDtC,yBAyDI,cDrEwB,EAAA;;AC4E5B,eACE,aAAa,EACb,gCAAgC,EAChC,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,sBAAc,EAAd,cAAc,EACd,2BAAmB,EAAnB,mBAAmB,EACnB,2BAAmB,EAAnB,mBAAmB,EACnB,yBAZsC,EAAA;;AAGxC,qBAYI,aAAa,EAAA;;AAZjB,yCAiBI,oCAAoD,EAAA;;AAIxD,aACE,YAAY,EAAA;;AADd,iCAKI,cAAc,EACd,WAAW,EACX,YAAY,EACZ,kBAAkB,EAAA;;ADgBpB,qLACE,aA1HwB,EA2HxB,eAAe,EACf,gCAA6B,EAA7B,6BAA6B,EAAA;;ACXjC,kBAEI,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAIlB,oBAAoB,EACpB,4BAA4B,EAC5B,qBAAqB,EAAA;;AAZzB,wBAeM,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,MAAM,EAEN,WAAW,EACX,wEAAsG,EAAtG,yEAAsG,EAAA;;ADgE1G,iCACE,QCnEkB,EAAA;;ADqEpB,iCACE,OCtEkB,EAAA;;AAIhB,2CACE,wEAAgH,EAAhH,yEAAgH,EAAA;;AAMxH,wBAEI,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,YAAY,EAAA;;AALhB,iCAQM,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,YAAY,EAAA;;AAXlB,gDAcQ,UAAU,EACV,mCAAgC,EAAhC,gCAAgC,EAAA;;AAfxC,yBAqBI,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,qBD3KwB,EC4KxB,iCAA8B,EAA9B,8BAA8B,EAAA;;AAzBlC,+BA6BI,yBDhLwB,ECiLxB,iCAA8B,EAA9B,8BAA8B,EAAA;;AA9BlC,qCAmCM,kBD3LM,EAAA;;ACwJZ,2CAuCM,sBD/LM,EAAA;;ACwJZ,kEA2CM,UAAU,EAAA;;AAKhB,OACE,eAAO,EAAP,OAAO,EACP,gBAAgB,EAChB,iBAAiB,EAAA;;AAHnB,mCAOM,WD/MM,ECgNN,yBDnMsB,ECoMtB,UAAU,EAAA;;AAThB,yCAYQ,UAAU,EAAA;;AAZlB,YAiBM,kBAAkB,EAClB,mBAAmB,EAAA;;AAlBzB,oBAqBQ,iBAAiB,EAAA;;AArBzB,2BAyBQ,gBAAgB,EDxFtB,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ECkEN,mBAAmB,EAAA;;AA3B3B,yBA+BQ,UAAU,EAAA;;AA/BlB,kBAmCQ,YAAY,EAAA;;AD1GlB,6SACE,UAlIQ,EAmIR,eAAe,EACf,gCAA6B,EAA7B,6BAA6B,EAAA;;ACoEjC,4CA2CY,WDnPA,EAAA;;ACwMZ,0CAmDU,mBAAmB,EACnB,gBAAgB,EAChB,0BAAuB,EAAvB,uBAAuB,EAAA;;AArDjC,mBA2DQ,0CAA6C,EAC7C,cDxPoB,EAAA;;AAmV1B,4BACE,eC9F2B,EAAA;;ADgG7B,4BACE,cCjG2B,EAAA;;AA1D/B,aAiEM,cAAc,EACd,mBAAmB,EAAA;;AAlEzB,kBAsEQ,eAAe,EAAA;;AD0FrB,2BACE,qCC5FqD,EAAA;;AD8FvD,2BACE,qCC/FqD,EAAA;;AArEzD,+BAyEU,cD5QkB,EAAA;;ACmR5B,YACE,uBAAuB,EACvB,cD5Q2B,EC6Q3B,kBAAkB,EAAA;;AAGpB,WACE,eAAe,EAAA;;AADjB,qBAII,eAAe,EAAA;;AAJnB,mCAOM,qBD/RsB,EAAA;;ACwR5B,mDAUQ,cDlSoB,EAwL1B,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EAAA;;AC8FlB,oDAeQ,yBDvSoB,EAAA;;AC0SlB,oEACE,yDAA0D,EAAA;;AAG5D,oEACE,yDD/SgB,EAAA;;ACuT5B,gBACE,yBAAiB,EAAjB,iBAAiB,EACjB,yBDjT2B,ECkT3B,kBAAkB,EAClB,4BAAoB,EAApB,oBAAoB,EACpB,YAAY,EACZ,uBAAuB,EACvB,wCAAqC,EAArC,qCAAqC,EAAA;;AAPvC,gEAWI,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAAA;;AAbpB,gCAiBI,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,iCAA8B,EAA9B,8BAA8B,EAAA;;AApBlC,iCAwBI,qBAAqB,EACrB,kBAAkB,EAGlB,yBD3UyB,EC4UzB,cD9UwB,EC+UxB,0BAA0B,EAC1B,mBAAmB,EAEnB,yBAAyB,EACzB,sCAAmC,EAAnC,mCAAmC,EAAA;;ADTrC,0CACE,gBCAwB,EAAA;;ADE1B,0CACE,iBCHwB,EAAA;;AD0B1B,0CACE,iBC1ByB,EAAA;;AD4B3B,0CACE,kBC7ByB,EAAA;;ADkC3B,0CACE,kBC9B0B,EAAA;;ADgC5B,0CACE,iBCjC0B,EAAA;;AAhC9B,wCAqCM,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,wCAAqC,EAArC,qCAAqC,EAAA;;AAErC,iDACE,WAAW,EACX,2BAA2B,EAC3B,yDAA2D,EAAA;;AAG7D,iDACE,YAAY,EACZ,2BAA2B,EAC3B,yDDvWqB,EAAA;;AC6W7B,WACE,eAAe,EACf,eAAe,EAAA;;AAGjB,WACE,qBAAa,EAAb,aAAa,EACb,WAAW,EACX,eAAe,EACf,uDAAuD,EACvD,YAAY,EAAA;;ADpBZ,2BACE,mBC/WgB,EAAA;;ADiXlB,2BACE,oBClXgB,EAAA;;AAyYpB,UACE,yBDxVc,ECyVd,cAAc,EACd,kBAAkB,EAClB,WDhZU,EAAA;;AC4YZ,aAOI,iBAAiB,EAAA;;AAPrB,oBDnQE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ECuPR,gBAAgB,EAChB,eAAe,EAAA;;AD5EnB,6BACE,qBAAoB,EAAA;;AAEtB,6BACE,qBAAoB,EAAA;;AC2DxB,eAiBM,WD7ZM,EC8ZN,0BAA0B,EAAA;;AAlBhC,kBAqBQ,qBAAqB,EACrB,mBAAmB,EACnB,0CAA6C,EAC7C,kBDpTgB,ECqThB,gBAAgB,EAChB,aAAa,EAAA;;AA1BrB,wBA6BU,WDzaE,EAAA;;AC4YZ,wBAiCU,kBD7aE,EC8aF,wCAAqC,EAArC,qCAAqC,EAAA;;AAO/C,iBACE,mBAAmB,EDrQnB,gBAjLU,EAkLV,oFAA8F,ECsQ9F,mBDrb0B,EAAA;;ACkb5B,uBAMI,YAAY,EACZ,2BAAmB,EAAnB,mBAAmB,EAAA;;AAIvB,UACE,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,4BAAoB,EAApB,oBAAoB,EACpB,eAAe,EAAA;;AAJjB,gBAOI,aAAa,EAAA;;AAPjB,YAWI,cDrcwB,ECscxB,iCAA8B,EAA9B,8BAA8B,EAAA;;AAZlC,kBAeM,cDvbW,ECwbX,qBAAqB,EAAA;;AAhB3B,cAqBI,SAAS,EAAA;;AArBb,iBAwBM,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,4BAAoB,EAApB,oBAAoB,EAAA;;AA1B1B,0BDvTE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EC8TJ,kBAAkB,EAClB,eAAe,EACf,cD3dkB,EAAA;;AC6dlB,mCACE,qBAAqB,EAAA;;AAGvB,mCACE,oBAAoB,EAAA;;AAxChC,sBA6CU,qBAAqB,EACrB,kBAAkB,EAAA;;AAO5B,cACE,aAAa,EACb,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,cDpf0B,ECqf1B,kBAAkB,EAAA;;ADrKlB,uBACE,kBCqKwB,EAAA;;ADnK1B,uBACE,mBCkKwB,EAAA;;AAP5B,qBD5WE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EC+VV,eAAe,EACf,eAAe,EACf,cAAc,EAAA;;AAblB,oBAiBI,cD9fwB,EAAA;;ACkgB5B,aACE,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,2BAAmB,EAAnB,mBAAmB,EAEnB,YAAY,EACZ,6BAA6B,EAC7B,gBAAgB,EAAA;;ADzKhB,sBACE,uBAAqB,EAAA;;AAEvB,sBACE,uBAAqB,EAAA;;AC8JzB,mBAWI,cD/gBwB,ECghBxB,iCAA8B,EAA9B,8BAA8B,EAAA;;ADzMhC,4BACE,4BCsMwC,EAAA;;ADpM1C,4BACE,4BCmMwC,EAAA;;AAV5C,yBAgBI,cDlhBwB,EAAA;;ACshB5B,gBACE,cAAc,EAAA;;AADhB,oBAII,cAAc,EACd,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,uEAAuF,EACvF,sCAAmC,EAAnC,mCAAmC,EAAA;;AAEnC,qCACE,mFAAmG,EAAA;;AAKzG,mBAAA;AAEA,kBACE,kBAAkB,EAAA;;AAGpB,iBACE,eAAe,EACf,yBAAoC,EACpC,YAAY,EACZ,qBAAa,EAAb,aAAa,EACb,+BAAuB,EAAvB,uBAAuB,EACvB,+BAAuB,EAAvB,uBAAuB,EAAA;;AANzB,+BASI,iBAAiB,EACjB,0BAA0B,EAC1B,uBAAuB,EACvB,sBAAwB,EACxB,oBAAoB,EDpYtB,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EAnBhB,gDAAwD,EAAA;;ACwY1D,sCAkBM,yBDhjBW,EAAA;;AC8hBjB,qCAsBM,yBDxfgB,EAAA;;AC6ftB,oBACE,mBAAmB,EAAA;;ADhOnB,qCACE,kBCoOwB,EAAA;;ADlO1B,qCACE,mBCiOwB,EAAA;;AD5N1B,qCACE,mBC4NyB,EAAA;;AD1N3B,qCACE,kBCyNyB,EAAA;;AAG7B,sCAGI,yBAAiB,EAAjB,iBAAiB,EACjB,eAAe,EAAA;;AAJnB,8DAOM,YAAY,EAAA;;AAPlB,8CAWM,gBAAgB,EAAA;;AAKtB,UACE,qBAAa,EAAb,aAAa,EACb,+BAAuB,EAAvB,uBAAuB,EACvB,8BAAsB,EAAtB,sBAAsB,EACtB,yBAAiB,EAAjB,iBAAiB,EACjB,sCAA8B,EAA9B,8BAA8B,EAC9B,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,UAAU,EACV,0BAAqC,EACrC,sBAAsB,EACtB,wCAA6C,EAC7C,uCAA+C,EAC/C,qEAAkE,EAAlE,kEAAkE,EAAA;;AAElE,4BACE,eAAe,EACf,WAAW,EACX,MAAM,EACN,yBD1nBwB,EC2nBxB,gDAAwD,EAAA;;AAGnB,qFAxBzC,UA0BM,wGAAgG,EAAhG,mGAAgG,EAAhG,gGAAgG,EAAhG,sIAAgG,EAAA;EAEhG,4BACE,2CAAgD,EAChD,mCAA2B,EAA3B,2BAA2B,EAAA,EAC5B;;AAMD,4CDhTJ,0CACE,iBCgT6B,EAAA;ED9S/B,0CACE,gBC6S6B,EAAA,ED5S9B;;ACsQH,aA4CI,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,0BAAuB,EAAvB,uBAAuB,EAAA;;AD7TzB,uCACE,6BC+TuC,EAAA;;AD7TzC,uCACE,4BC4TuC,EAAA;;AArD3C,sCA2DI,aAAa,EAAA;;AAMb,4CAFJ,0BAGM,2BAA+C,EAAA,EAElD;;AAKH,WACE,eAAO,EAAP,OAAO,EACP,+BAAuB,EAAvB,uBAAuB,EAAA;;AAFzB,gCAMI,cAA+B,EAAA;;AANnC,2IAcI,cAhBuC,EAAA;;AAE3C,iBAkBI,kBDplBmB,ECqlBnB,gBAAgB,EAAA;;AAnBpB,4CAsBM,cAxBqC,EAAA;;AAE3C,8BA0CM,cA5CqC,EAAA;;AAE3C,6BA8CM,2BAA2B,EAAA;;AA9CjC,oBAmDI,oDAAoD,EAAA;;AAIxD,iBACE,YAAY,EAAA;;AAGd,gBACE,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,+BAAuB,EAAvB,uBAAuB,EACvB,0BAAqC,EACrC,oBAAoB,EACpB,sBAAsB,EAAA;;AANxB,mCAUI,eAAO,EAAP,OAAO,EAAA;;AAIX,4BACE,aAAa,EAAA;;AAGf,qBACE,uBA9vBkB,EA8vBlB,eA9vBkB,EA+vBlB,YA/vBkB,EAgwBlB,sBAAsB,EAAA;;AD7atB,8BACE,kBC6awB,EAAA;;AD3a1B,8BACE,mBC0awB,EAAA;;AAG5B,WACE,sBAAsB,EACtB,eAAe,EACf,YAvwBkB,EAwwBlB,6BAA6B,EAAA;;AAJ/B,iBAOI,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EAAA;;AAVxB,eAcI,kBAAkB,EAClB,mBAAmB,EAAA;;AAfvB,oCAqBY,yBDvxBgB,EAAA;;ACkwB5B,wBDtlBE,gBAjLU,EAkLV,oFAA8F,EC+mBtF,yBD9xBkB,EAAA;;ACqyB5B,qBACE,eAAO,EAAP,OAAO,EAAA;;AAEP,+CACE,yBAAyC,EACzC,6BAA6C,EAAA;;AAG/C,+CACE,gCAA2C,EAC3C,oCAA+C,EAAA;;AAVnD,2DAcI,wCAA8D,EAC9D,4CAAkE,EAAA;;AAItE,QACE,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EAAA;;AALrB,WAQI,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,4BAA4B,EAAA;;AAVhC,cAaM,eAAe,EAAA;;ADlfnB,4BACE,kBCof8B,EAAA;;ADlfhC,4BACE,mBCif8B,EAAA;;AAhBlC,gBAoBQ,cAAc,EACd,kBAAkB,EAClB,0BAA0D,EAC1D,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,0BAAuB,EAAvB,uBAAuB,EACvB,sBAAsB,EACtB,gBAAgB,EAAA;;AA7BxB,sBAgCU,qBAAqB,EAAA;;AAhC/B,0BAoCU,cDt1BkB,EAAA;;ACkzB5B,gCAuCY,cDv1BgB,ECw1BhB,4EAAqF,EAArF,+EAAqF,EAAA;;AAxCjG,oBD1oBE,gBAjLU,EAkLV,oFAA8F,ECurBtF,UAAU,EACV,cD/1BkB,ECg2BlB,eAAe,EACf,4BAA4B,EAAA;;AAjDtC,0BAwDI,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,kBDzwBmB,EC0wBnB,cDh3BwB,EAAA;;ACkzB5B,iCAiEM,SAAS,EAAA;;AAjEf,gCAqEM,aAAa,EAAA;;AAKnB,gBDptBE,gBAjLU,EAkLV,oFAA8F,ECqtB9F,kBDtxBqB,ECuxBrB,kBAAkB,EAClB,4BAA4B,EAC5B,aAAa,EACb,qBAAqB,EAAA;;AAGnB,gCACE,yBAAyB,EAAA;;AAE3B,gCACE,0BAA0B,EAAA;;AAbhC,qBAkBI,kBAAkB,EAClB,mBAAmB,EAAA;;AAIvB,UACE,UAAU,EACV,wBAAwB,EACxB,kBAAkB,EAClB,yBD75B0B,EC85B1B,0BDhzBqB,EAAA;;AC2yBvB,gBAQI,aAAa,EAAA;;AARjB,iCAaI,gBAAgB,EAAA;;AAIpB,qBACE,uBAA+B,EAA/B,eAA+B,EAC/B,YAAyB,EAEzB,sBAAsB,EAAA;;ADllBtB,8BACE,mBCglByB,EAAA;;AD9kB3B,8BACE,kBC6kByB,EAAA;;AAI7B,WACE,sBAAsB,EACtB,oBAAoB,EAGpB,YAAyB,EAAA;;AD/jBzB,oBACE,mBC4jByB,EAAA;;AD1jB3B,oBACE,kBCyjByB,EAAA;;ADtkB3B,oBACE,kBCskBwB,EAAA;;ADpkB1B,oBACE,mBCmkBwB,EAAA;;AAG1B,kCACE,iBAAiB,EAAA;;AARrB,iBAYI,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EAAA;;AAEjB,wCACE,iBAAiB,EAAA;;AAjBvB,iBAsBI,mBAAmB,EACnB,kBD11BmB,EC21BnB,eAAe,EAAA;;AAxBnB,+CDnwBE,gBAjLU,EAkLV,oFAA8F,EC8xB1F,yBD78BsB,EAAA;;ACi7B5B,2BAgCM,iBAAiB,EACjB,oBAAoB,EACpB,yBDj9BsB,EAAA;;AC+6B5B,yBAsCM,yBD35Ba,EC45Bb,kBAAkB,EAClB,mBDz9BsB,EC09BtB,yBAA4B,EAAA;;AAzClC,2BA4CQ,kBAAkB,EAAA;;AA5C1B,8BAgDQ,yBDr6BW,EAAA;;ACq3BnB,uEAoDU,yBAAyC,EAAA;;AApDnD,qCAwDU,yBAAyC,EAAA;;AAxDnD,kDA+DM,0BAA0B,EAAA;;AA/DhC,0EAkEQ,2BDr4Be,ECs4Bf,4BDt4Be,EAAA;;ACm0BvB,wEAuEQ,8BD14Be,EC24Bf,+BD34Be,EAAA;;ACm0BvB,+JA6EQ,cDv/BoB,EAAA;;AC06B5B,qCAiFM,0BAA0B,EAC1B,eAAe,EAAA;;AAlFrB,wCAwFQ,oBAAoB,EAAA;;ADt0B1B,iDACE,SCo0BqB,EAAA;;ADl0BvB,iDACE,UCi0BqB,EAAA;;AAvFzB,kDA+FM,cD7gCsB,EAAA;;AC86B5B,gLA+FM,cD7gCsB,EAAA;;AAuU1B,yCACE,mBAAoB,EAAA;;AAEtB,yCACE,mBAAoB,EAAA;;ACmmBxB,cAwGI,cAAc,EACd,uCD77ByC,EAAA;;ACo1B7C,oBA6GI,oDAAoD,EAAA;;AA7GxD,iBAiHI,6BAA6B,EAAA;;AAKjC,6CACE,oBAEE,0BAAqC,EAAA;EDv2BvC,6BACE,YCpMgB,EAAA;EDsMlB,6BACE,aCvMgB,EAAA;EA4iChB,6BACE,qCAAkC,EAAlC,kCAAkC,EAAA;EAGpC,6BACE,sCAAmC,EAAnC,mCAAmC,EAAA;EAGrC,yCACE,OAAO,EAAA;EAGT,yCACE,QAAQ,EAAA;EAIZ,UACE,gCAAwB,EAAxB,wBAAwB,EAAA;EAG1B,UACE,YAAY,EAAA;EAGd,cACE,cAAc,EAAA;EAGhB,gBACE,YAAY,EAAA,EACb;;AAIH,4CACE,UACE,cAAc,EAAA;EADhB,8BAII,gBAAgB,EAAA;EAIpB,WACE,kCAA0B,EAA1B,0BAA0B,EAAA;EAD5B,eAII,2BAA2B,EAAA;EAI/B,8CACE,aAAa,EAAA;EAGf,gBACE,cAAc,EAAA;EAGhB,4BACE,cAAc,EACd,mBAAmB,EAAA;EAGrB,wBDv+BA,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,ECk9BR,oBAAoB,EAAA;ED7xBxB,iCACE,gBC6xB0B,EAAA;ED3xB5B,iCACE,iBC0xB0B,EAAA;EAG1B,uCACE,oCAAkD,EAAA;EADpD,6CAII,kBAAkB,EAAA;EAKxB,yCAEE,sBAAsB,EAAA;EAGxB,qBAEE,2BAA2B,EAC3B,8BAA8B,EAC9B,2BAA2B,EAC3B,WAAW,EAAA;EAGb,WACE,mBAAmB,EAAA;EAEnB,sCACE,aAAa,EAAA;EDlzBjB,8BACE,eCszBuB,EAAA;EDpzBzB,8BACE,cCmzBuB,EAAA;EAGzB,qBACE,sBAAsB,EACtB,0BAA0B,EAAA;EAG5B,WACE,qBAAqB,EACrB,gBAAgB,EAAA,EACjB;;AAIH,4CACE,kCAGE,kBAAkB,EAClB,mBAAmB,EAAA;EAGrB,gBAEI,kBAAkB,EAClB,mBAAmB,EAAA;ED11BvB,4BACE,iBC61B2B,EAAA;ED31B7B,4BACE,kBC01B2B,EAAA,EDz1B5B;;AAsBD,iCACE,kBC20BwB,EAAA;;ADz0B1B,iCACE,mBCw0BwB,EAAA;;AAD5B,+BAKI,eAAe,EAAA;;ADp3BjB,wCACE,sBAAoB,EAAA;;AAEtB,wCACE,sBAAoB,EAAA;;AC22BxB,4BASI,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EAAA;;AAInB,UAAA;AACA,QACE,kBAAkB,EAAA;;AADpB,cDziCE,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,kBAAkB,EAAA;;ACqiCpB,gBAQI,aAAa,EACb,sBAAsB,EAAA;;AAI1B,8CAEE,eAAe,EACf,MAAM,EACN,YAAY,EACZ,sBDhuCU,ECiuCV,YAAY,EAAA;;AANd,4DASI,kBAAkB,EAClB,yBDjuCwB,ECkuCxB,yCAAiD,EACjD,sBAAsB,EAAA;;AAEiB,qFAd3C,4DAgBQ,kBAAkB,EAClB,UAAU,EACV,MAAM,EACN,OAAO,EACP,WAAW,EACX,2CAAgD,EAChD,mCAA2B,EAA3B,2BAA2B,EAAA;EAtBnC,sFAyBU,iBAAa,EAAA,EACd;;AA1BT,8OA+BM,gBAAgB,EAAA;;AAKtB,uBACE,qBAAa,EAAb,aAAa,EACb,8BAAsB,EAAtB,sBAAsB,EACtB,yCAAiD,EAAA;;AAHnD,kCAMI,eAAO,EAAP,OAAO,EACP,aAAa,EACb,cAAc,EACd,sBAAsB,EAAA;;AAT1B,sDAYM,8BAA8B,EAAA;;AAZpC,sCAiBI,kBAAkB,EAClB,UAAU,EACV,MAAM,EAEN,UAAU,EACV,YAAY,EACZ,kBAAkB,EAAA;;ADvkCpB,+CACE,WCmkCmB,EAAA;;ADjkCrB,+CACE,UCgkCmB,EAAA;;AAOvB,wBACE,qBAAa,EAAb,aAAa,EACb,8BAAsB,EAAtB,sBAAsB,EAAA;;AAFxB,uCAKI,kBAAkB,EAClB,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EAAA;;AAXhB,2CAeI,+BAAuB,EAAvB,uBAAuB,EAAA;;AAf3B,kEAkBM,iBAAiB,EAAA;;AAlBvB,6CAuBI,eAAO,EAAP,OAAO,EACP,cAAc,EAAA;;AAxBlB,yDA2BM,cAAc,EACd,WAAW,EACX,gBAAgB,EAAA;;AAKtB,YAAA;AACA,WACE,eAAe,EACf,YA5zCkB,EA6zClB,sBAAsB,EACtB,eAAe,EACf,yBD/zC0B,EAAA;;AC0zC5B,oBAQI,kBAAkB,EAClB,qBAAqB,EAAA;;AATzB,yBAYM,qBAAqB,EACrB,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,cAAc,EACd,yBAAyB,EACzB,cDz0CsB,EC00CtB,eAAe,EACf,iBAAiB,EAAA;;AApBvB,eAmCI,cAAc,EAAA;;AD/+BhB,sCACE,kBCq+B0C,EAAA;;ADn+B5C,sCACE,mBCk+B0C,EAAA;;ADjpC5C,4CACE,SCopC6B,EAAA;;ADlpC/B,4CACE,UCipC6B,EAAA;;AD1+B/B,gDACE,kBCq+B0C,EAAA;;ADn+B5C,gDACE,mBCk+B0C,EAAA;;ADjpC5C,sDACE,UCopC6B,EAAA;;ADlpC/B,sDACE,WCipC6B,EAAA;;AD1+B/B,0DACE,kBCq+B0C,EAAA;;ADn+B5C,0DACE,mBCk+B0C,EAAA;;ADjpC5C,gEACE,UCopC6B,EAAA;;ADlpC/B,gEACE,WCipC6B,EAAA;;AD1+B/B,oEACE,kBCq+B0C,EAAA;;ADn+B5C,oEACE,mBCk+B0C,EAAA;;ADjpC5C,0EACE,UCopC6B,EAAA;;ADlpC/B,0EACE,WCipC6B,EAAA;;AD1+B/B,8EACE,kBCq+B0C,EAAA;;ADn+B5C,8EACE,mBCk+B0C,EAAA;;ADjpC5C,oFACE,UCopC6B,EAAA;;ADlpC/B,oFACE,WCipC6B,EAAA;;AA9BjC,kBAsDM,kBAAkB,EAAA;;AAtDxB,uCAyDQ,4CAAyC,EAAzC,yCAAyC,EAAA;;AAzDjD,6CA4DU,qBAAqB,EACrB,yBDt3CkB,EAAA;;ACyzC5B,2CAiEU,eAAe,EACf,yBD13CkB,EAAA;;ACwzC5B,oBAuEQ,kBAAkB,EAClB,kBAAkB,EAClB,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,2BAAmB,EAAnB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,cDj4CoB,ECk4CpB,yBAAiB,EAAjB,iBAAiB,EACjB,aAAa,EACb,kBD9xCe,EAAA;;AC4sCvB,4BAqFU,sBAAc,EAAd,cAAc,EAAA;;AArFxB,0BA0FU,sBAAc,EAAd,cAAc,EACd,WAAW,EACX,YAAY,EACZ,kEAA+D,EAA/D,+DAA+D,EAAA;;AD3jCvE,mCACE,kBCsjCgC,EAAA;;ADpjClC,mCACE,iBCmjCgC,EAAA;;ADrxClC,6WACE,aA1HwB,EA2HxB,eAAe,EACf,gCAA6B,EAA7B,6BAA6B,EAAA;;ACyrCjC,oDAqGc,cD15Cc,EAAA;;ACqzC5B,8BA0GY,WAAW,EACX,YAAY,EAAA;;AA3GxB,0CA+GY,eAAe,EAAA;;AA/G3B,kDAkHc,cAAc,EAAA;;AAlH5B,2BAwHU,eAAO,EAAP,OAAO,EAAA;;AAxHjB,2BA6HU,sBAAc,EAAd,cAAc,EACd,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBDv7CkB,ECw7ClB,WDh8CE,EAAA;;AA6UV,oCACE,sBAAoB,EAAA;;AAEtB,oCACE,sBAAoB,EAAA;;AC4+BxB,0BAwIQ,kBAAkB,EAClB,QAAQ,EAAA;;AAzIhB,qBA6IQ,aAAa,EAAA;;AA7IrB,gCAiJQ,cAAc,EAAA;;AAMtB,YACE,+BAAuB,EAAvB,uBAAuB,EAAA;;AADzB,kBAII,0BAA0B,EAAA;;AAJ9B,4BAQI,cAAc,EACd,cDv9CwB,ECw9CxB,eAAe,EACf,gBAAgB,EAAA;;ADzoClB,qDACE,kBCpVgB,EAAA;;ADsVlB,qDACE,mBCvVgB,EAAA;;AAo+CpB,0BAAA;AACA,sCACE,qBAAa,EAAb,aAAa,EACb,uBAAe,EAAf,eAAe,EACf,iCAAyB,EAAzB,yBAAyB,EACzB,uBAAuB,EACvB,wBAAwB,EAAA;;AAL1B,2CAQI,qCAAqC,EACrC,sBAAsB,EACtB,wBAAwB,EAAA;;AAV5B,6DAaM,iBAAiB,EACjB,2CDt5CuC,EAAA;;ACw4C7C,2CAmBI,0BAA0B,EAC1B,wBAAwB,EAAA;;AApB5B,4HAyBM,gCAAgC,EAChC,wBAAwB,EAAA;;AAGxB,6CA7BN,8IA+BU,uBAAuB,EAAA;EA/BjC,8IAkCU,uBAAuB,EAAA;EAlCjC,8IAqCU,uBAAuB,EAAA,EACxB;;AAIH,oEA1CN,2RA6CU,uBAAuB,EAAA,EACxB;;AAMT,WAAA;AACA,mTAKE,oBAEI,uDAAuD,EACvD,wBAAqB,EAArB,qBAAqB,EAAA;EAGzB,oBAEI,uDAAuD,EACvD,wBAAqB,EAArB,qBAAqB,EAAA;EAGzB,wBACE,mDAAmD,EACnD,wBAAqB,EAArB,qBAAqB,EAAA;EAEvB,iCAEI,+CAA+C,EAC/C,wBAAqB,EAArB,qBAAqB,EAAA,EACtB;;ACviDL,kBACE,qBAAa,EAAb,aAAa,EACb,4BAAoB,EAApB,oBAAoB,EACpB,kBAAkB,EFyblB,kBA5VqB,EA6VrB,0CAAmD,EACnD,yBAAoC,EACpC,yDAAkE,EAClE,4BAA4B,EE3b5B,gBAAgB,EAChB,gBAAgB,EAEhB,iBAAiB,EAAA;;AFmWjB,2BACE,oBErWkC,EAAA;;AFuWpC,2BACE,mBExWkC,EAAA;;AAPtC,iCAWI,eAAO,EAAP,OAAO,EAjBT,yBFN0B,EEO1B,+HAC2D,EAD3D,mIAC2D,EAC3D,6BATS,EAST,0BATS,EA2BP,8BAA8B,EAC9B,wCAAsD,EAAA;;AF+OxD,0CACE,0BAhKmB,EAAA;;AAkKrB,0CACE,0BEvP+C,EAAA;;AF6UjD,0CACE,0BAAqB,EAAA;;AAEvB,0CACE,0BAAqB,EAAA;;AE7VzB,2CAmBM,qBAAa,EAAb,aAAa,EACb,+BAAuB,EAAvB,uBAAuB,EACvB,uBAAe,EAAf,eAAe,EAAA;;AArBrB,+BA0BI,kBAAkB,EAClB,MAAM,EAEN,YAAY,EACZ,YAAoB,EACpB,aA1Ca,EA2Cb,cAAc,EACd,sBAAsB,EAAA;;AF+JxB,wCACE,QErKgB,EAAA;;AFuKlB,wCACE,OExKgB,EAAA;;AA5BpB,yCAoCM,mBA/CW,EAAA;;AAWjB,mEAyCQ,gBApDS,EAAA;;AAWjB,sEA4CU,kBAAkB,EAAA;;AA5C5B,yCAkDM,aAAa,EAAA;;AAlDnB,0CAuDI,yBFnEwB,EAAA;;AEuE5B,wGAKE,sBF/EU,EEgFV,iFAAiG,EAAA;;AFsQjG,mEACE,gBElQsB,EAAA;;AFoQxB,mEACE,iBErQsB,EAAA;;AAG1B,yDAEE,gBAAgB,EAChB,eAAe,EACf,YAAY,EAAA;;AAGd,2IAIE,UAAU,EAAA;;AAGZ,WACE,YAAwB,EAExB,sBAAsB,EAAA;;AF+PtB,oBACE,uBAAqB,EAAA;;AAEvB,oBACE,uBAAqB,EAAA;;AEtQzB,iBAMI,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAa,EAAb,aAAa,EAAA;;AATjB,sBAYM,qBAAa,EAAb,aAAa,EACb,iBA/GW,EAgHX,0BAA0D,EAAA;;AAE1D,oDACE,YAAY,EACZ,oBAAY,EAAZ,YAAY,EAAA;;AAlBpB,2BAwBI,aA1Ha,EAAA;;AF0Qf,oCACE,4BA/JoB,EAAA;;AAiKtB,oCACE,4BAlKoB,EAAA;;AEVxB,4EA+BM,YAAY,EACZ,wCFtCuC,EEuCvC,gBAAgB,EA9HpB,yBFN0B,EEO1B,+HAC2D,EAD3D,mIAC2D,EAC3D,6BATS,EAST,0BATS,EAAA;;AAmGX,oCAqCM,8BAA8B,EAAA;;AArCpC,yCAwCM,+BAA+B,EAAA;;AAKrC,mBACE,gBAAgB,EAAA;;AAGlB,eACE,kBAAkB,EAClB,iBAAiB,EACjB,iDF1D2C,EE2D3C,sBF3JU,EE4JV,kBF5CsB,EAAA;;AE8CtB,mCACE,YAAY,EACZ,oBAAY,EAAZ,YAAY,EAAA;;AAThB,8BAaI,eAAe,EAAA;;AAbnB,6BAiBI,sBAAsB,EACtB,wCFzEyC,EE0EzC,kBF1DoB,EE2DpB,gBAAgB,EAChB,gBAAgB,EAAA;;AArBpB,0BFsBE,gDAAwD,EAAA;;AEtB1D,yBA6BI,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,yBFlLwB,EAAA;;AEmJ5B,0CAkCM,gBAAgB,EAAA;;AAlCtB,wDAsCM,gBAAgB,EAAA;;AFkKpB,iEACE,iBElK2B,EAAA;;AFoK7B,iEACE,gBErK2B,EAAA;;AAvC/B,+DFdE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EEiCN,kBAAkB,EAAA;;AA3C1B,gIAgDQ,cF/LoB,EAAA;;AE+I5B,qCAqDM,eAAO,EAAP,OAAO,EACP,gBAAgB,EAAA;;AAtDtB,wCAyDQ,kBAAkB,EAAA;;AAzD1B,2DFdE,oBAAoB,EACpB,WAAW,EACX,6CAA6C,EAG7C,yCAAyC,EACzC,wCAAwC,EACxC,qCAAqC,EACrC,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mCAAmC,EACnC,kCAAkC,EAElC,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAiB,EAAjB,iBAAiB,EAEjB,YAAY,EEsDR,mBAAmB,EACnB,cAAc,EAAA;;AFqHlB,oEACE,qBAAoB,EAAA;;AAEtB,oEACE,qBAAoB,EAAA;;AE1LxB,kCAsEI,mBAAmB,EACnB,cFnNwB,EAAA;;AE4I5B,iFA4EI,eAAO,EAAP,OAAO,EACP,mBAAmB,EACnB,gBAAgB,EAChB,0BAAuB,EAAvB,uBAAuB,EAAA;;AAI3B,gBACE,uBAAuB,EACvB,mCAA2B,EAA3B,2BAA2B,EAAA;;AAG7B,UACE,qBAAa,EAAb,aAAa,EACb,+BAAuB,EAAvB,uBAAuB,EACvB,iBAAiB,EAAA;;AAHnB,iBAMI,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,UAAU,EACV,wBAAwB,EACxB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,yBFzPwB,EE0PxB,kBAAkB,EAAA;;AAftB,qBAmBI,kBAAkB,EAClB,yBF/PwB,EEgQxB,kBAAkB,EAClB,gBAAgB,EAAA;;AAIpB,kBACE,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EAAA;;AAFrB,oCAMI,kBAAkB,EAAA;;AFgFpB,6CACE,iBElFyB,EAAA;;AFoF3B,6CACE,gBErFyB,EAAA;;AAL7B,2EAUM,WAAW,EACX,YAAY,EAAA;;AFnJhB,6WACE,aA5HwB,EA6HxB,eAAe,EACf,gCAA6B,EAA7B,6BAA6B,EAAA;;AEyJjC,wBACE,YAzRmB,EAAA;;ACFrB,cAAA;AACA,oCACE,gBAAgB,EAChB,YAAY,EAAA;;AAGd,iBAAA;AAEA,qBACE,yBHC0B,EGA1B,WHbU,EA8LV,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EGjLhB,UAAU,EACV,yBAAiB,EAAjB,iBAAiB,EAAA;;AAGnB,2BACE,gBAAgB,EAAA;;AAGlB,uCACE,aAAa,EAAA;;AAGf,sDACE,yBHlB0B,EGmB1B,WH7BU,EAAA;;AGgCZ,4DACE,yBHtB0B,EAAA;;AGyB5B,6DACE,yBHzB0B,EAAA;;AG4B5B,mCACE,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EAAA;;AAGd,+CACE,6DAA6D,EAAA;;AAG/D,gDACE,8DAA8D,EAAA;;AAGhE,iDACE,+DAA+D,EAAA;;AAGjE,mDACE,iEAAiE,EAAA;;AAGnE,8CACE,+DAA+D,EAAA;;AAGjE,+CACE,6DAA6D,EAAA;;AAG/D,2BACE,qBAAa,EAAb,aAAa,EACb,UAAU,EAAA;;AAGZ,iCACE,+BHjE2B,EAAA;;AGoE7B,oCACE,YAAY,EACZ,8BAAsB,EAAtB,sBAAsB,EACtB,4BAAoB,EAApB,oBAAoB,EAAA;;AAGtB,uCACE,aAAa,EACb,kBAAkB,EAClB,gCH7E2B,EAAA;;AGgF7B,yCACE,4BAA4B,EAC5B,+BAA+B,EAC/B,cAAc,EACd,YAAY,EAAA;;AAGd,6DACE,6DAA6D,EAAA;;AAG/D,2DACE,sDAAsD,EAAA;;AAGxD,8DACE,yDAAyD,EAAA;;AAG3D,6CACE,yBAAsC,EAAA;;AAGxC,gDACE,yBAAsC,EAAA;;AAGxC,6CACE,eAAe,EAAA;;AAGjB,kCACE,aAAa,EACb,cAAc,EAAA;;AAGhB,4CACE,mBAAmB,EAAA;;AAGrB,8CACE,YAAY,EAAA;;AAGd,iDACE,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EAAA;;AAGrB,4DACE,eAAe,EAAA;;AAGjB,qDACE,6BAA6B,EAC7B,kBAAkB,EAAA;;AAGpB,sDACE,cAAc,EAAA;;AAGhB,uDACE,eAAe,EAAA;;AAGjB,8DACE,kBHlKU,EAAA;;AGqKZ,4CACE,oBAAY,EAAZ,YAAY,EACZ,qBAAa,EAAb,aAAa,EACb,8BAAsB,EAAtB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAAA;;AAGlB,mDACE,kBAAkB,EAClB,oBAAY,EAAZ,YAAY,EACZ,kBAAkB,EAAA;;AAGpB,0DACE,kBAAkB,EAClB,MAAM,EACN,OAAO,EAAA;;AAGT,yDACE,kBAAkB,EAAA;;AAGpB,wEACE,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,gBAAgB,EAAA;;AAGlB,6BACE,kBAAkB,EAClB,6BAA6B,EAC7B,SAAS,EACT,OAAO,EACP,WAAW,EACX,0BAA0B,EAAA;;AAG5B,qDAEI,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,+BAAuB,EAAvB,uBAAuB,EAAA;;AAJ3B,2DAOM,wBAAuB,EAEvB,gBAAe,EACf,kCAAkC,EAClC,4BAA4B,EAC5B,aAAa,EACb,eAAe,EAAA;;AAbrB,iEAgBQ,aAAa,EAAA;;AAhBrB,8EAoBQ,WAAW,EACX,YAAY,EACZ,iFAAiF,EAAA;;AAtBzF,sFAyBU,+EAA+E,EAAA;;AAzBzF,6EA8BQ,WAAW,EACX,YAAY,EACZ,gFAAgF,EAAA;;AAhCxF,qFAmCU,8EAA8E,EAAA;;AAOxF,yEAEI,+BAAuB,EAAvB,uBAAuB,EAAA;;AAF3B,+EAMI,qBAAa,EAAb,aAAa,EACb,+BAAuB,EAAvB,uBAAuB,EAAA;;AAP3B,mGAUM,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EAAA;;AAhB1B,+GAmBQ,iBAAiB,EAAA;;AAnBzB,qHAsBU,eAAe,EAAA;;AAtBzB,sHA0BU,WAAW,EACX,mBHxQkB,EGyQlB,mBAAmB,EAAA;;AA5B7B,0HAiCQ,kBAAkB,EAAA;;AAjC1B,gIAoCU,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,WAAW,EAAA;;AAOrB,2EAEI,8BAAsB,EAAtB,sBAAsB,EACtB,4BAAoB,EAApB,oBAAoB,EACpB,kBAAkB,EAAA;;AAJtB,uFAOM,gBAAgB,EAChB,uBAAuB,EACvB,eAAe,EAAA;;AATrB,8FAYQ,gCAAgC,EAChC,4BAA4B,EAC5B,uDAAuD,EAAA;;AAM/D,aAAA;AAEA,8BACE,sCAA8B,EAA9B,8BAA8B,EAAA;;AAGhC,uCACE,qBAAa,EAAb,aAAa,EACb,2BAAmB,EAAnB,mBAAmB,EACnB,WAAW,EACX,0BAA0B,EAC1B,6BAA6B,EAAA;;AAG/B,0CACE,oBAAY,EAAZ,YAAY,EACZ,SAAS,EACT,4BAA4B,EAC5B,YAAY,EAAA;;AAGd,qCACE,WAAW,EAAA;;AAGb,6CACE,qBAAa,EAAb,aAAa,EACb,+BAAuB,EAAvB,uBAAuB,EACvB,uBAAe,EAAf,eAAe,EACf,oBAAoB,EAAA;;AAGtB,uDACE,kBAAkB,EAAA;;AAGpB,iDACE,WAAW,EACX,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,kBACF,EAAA;;AAEA,oDACE,qBAAqB,EACrB,gBAAgB,EAAA;;AAGlB,eAAA;AAEA,cACE,kBAAkB,EAClB,eAAe,EAAA;;AAGjB,sBACE,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,kCAAkC,EAClC,mCAAmC,EACnC,6BAA6B,EAAA;;AAG/B,2BACE,mBAAmB,EACnB,YAAY,EACZ,kBAAkB,EAAA;;AAGpB,8BACE,kBAAkB,EAClB,WAAW,EAAA;;AAGb,iCACE,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,WAAW,EAAA;;AAGb,uDACE,SAAS,EAAA;;AAGX,wDACE,sBAAsB,EAAA;;AAGxB,wDACE,cAAc,EACd,eAAe,EAAA;;AAGjB,iDACE,0BAA0B,EAAA;;AAG5B,wCACE,WAAW,EACX,kBAAkB,EAClB,2BHzaU,EG0aV,YAAY,EACZ,QAAQ,EACR,OAAO,EAAA;;AAGT,wCACE,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,aAAa,EACb,kBAAkB,EAAA;;AAGpB,qBACE,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,UAAU,EACV,sBAAsB,EACtB,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,mBHxb0B,EAAA;;AG2b5B,uBACE,UAAU,EACV,kBAAkB,EAClB,MAAM,EACN,QAAQ,EACR,WAAW,EACX,OAAO,EACP,sHAAyI,EAAzI,uHAAyI,EAAA;;AAG3I,SAAA;AAEA,aACE,yBHxc0B,EAoL1B,kCAAkC,EAClC,mCAAmC,EACnC,gBAAgB,EAAA;;AGiRlB,qBAOQ,sBAAwB,EAAA;;AAPhC,oDAUU,yBHhdkB,EAAA;;AIX5B,kIAGE,SAAS,EAAA;;AAGX,kEAGE,cAAc,EAAA","file":"craft.css","sourcesContent":["@charset \"UTF-8\";\n/* ----------------------------------------\n/*  Reset (thanks Eric!)\n/* ----------------------------------------*/\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }\n\nbody { line-height: 1; }\n\nol, ul { list-style: none; }\n\nblockquote, q { quotes: none; }\n\nblockquote:before, blockquote:after, q:before, q:after { content: none; }\n\ntable { border-collapse: separate; border-spacing: 0; }\n\na { text-decoration: none; }\n\ninput, textarea { margin: 0; font-family: 'Lucida Grande', sans-serif; font-size: 100%; }\n\ntextarea { resize: vertical; }\n\nselect { margin: 0; }\n\n@font-face { font-family: 'Craft'; src: url(\"../fonts/Craft.woff\") format(\"woff\"), url(\"../fonts/Craft.ttf\") format(\"truetype\"), url(\"../fonts/Craft.svg#Craft\") format(\"svg\"); font-weight: normal; font-style: normal; }\n\n/* ----------------------------------------\n/*  Basic stuff\n/* ----------------------------------------*/\nbody, html { background-color: #e4edf6; }\n\nhtml.noscroll, html.noscroll body { overflow: hidden; }\n\nbody { width: 100vw; overflow-x: hidden; font-size: 14px; line-height: 20px; color: #3f4d5a; -webkit-font-smoothing: subpixel-antialiased; }\n\nbody.rtl { direction: rtl; }\n\nbody, input, select, textarea { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }\n\n.first, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, blockquote:first-child, hr:first-child, .pane:first-child, .grid:first-child, fieldset:first-child, .field:first-child, .toolbar:first-child, .buttons:first-child { margin-top: 0 !important; }\n\n.last, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, blockquote:last-child, .pane:last-child, .grid:last-child, fieldset:last-child, .field:last-child, .toolbar:last-child, .buttons:last-child { margin-bottom: 0 !important; }\n\n.draghelper { box-sizing: border-box; }\n\nbody.rtl .ltr .text, body.rtl .ltr table.editable textarea { text-align: left !important; direction: ltr !important; }\n\nbody.ltr .rtl .text, body.ltr .rtl table.editable textarea { text-align: right !important; direction: rtl !important; }\n\n/* icons */\n.icon:before, .menu ul.padded li a.sel:before, .menu .flex.padded.sel:before, .texticon:before, .element:before, #help:before, .secure:before, .insecure:before, .go:after, .menubtn:after, .required:after, #preview-btn:before, #share-btn:before, .toggle:before, a.fieldtoggle:before, [data-icon]:before, [data-icon-after]:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; }\n\n.secure:before, .insecure:before { margin-top: -3px; font-size: 14px; }\n\n[data-icon]:before { content: attr(data-icon); }\n\n[data-icon-after]:after { content: attr(data-icon-after); }\n\nbody.rtl [data-icon=list]:before, body.rtl [data-icon-after=list]:after { content: 'listrtl'; }\n\nbody.rtl [data-icon=structure]:before, body.rtl [data-icon-after=structure]:after { content: 'structurertl'; }\n\n.icon.secure:before { content: 'secure'; }\n\n.icon.insecure:before { content: 'insecure'; }\n\n.icon.add:before { content: 'plus'; }\n\n.icon.edit:before { content: 'edit'; }\n\n.icon.settings:before { content: 'settings'; }\n\n.icon.search:before { content: 'search'; }\n\n.icon.expand:before { content: 'expand'; }\n\n.icon.collapse:before { content: 'collapse'; }\n\n.help:before { content: 'help'; color: #E8368F; }\n\nbody.ltr #preview-btn:before, body.ltr #share-btn:before { margin-right: 7px; }\n\nbody.rtl #preview-btn:before, body.rtl #share-btn:before { margin-left: 7px; }\n\n#preview-btn:before { margin-top: -2px; content: 'view'; }\n\nbody.ltr #share-btn:before { content: 'share'; }\n\nbody.rtl #share-btn:before { content: 'shareleft'; }\n\n/* headings */\nh1 { margin-bottom: 24px; font-size: 18px; font-weight: bold; line-height: 1.2; }\n\nh2 { margin: 14px 0; font-size: 16px; font-weight: bold; line-height: 20px; }\n\nh3 { margin: 14px 0; font-weight: bold; line-height: 1.2; }\n\nh4 { margin: 14px 0; font-weight: bold; line-height: 1.2; color: #7b8793; }\n\nh5 { margin: 14px 0 3px; line-height: 1.2; color: #7b8793; }\n\nh6 { margin: 14px 0 3px; font-size: 10px; line-height: 1.2; color: #9aa5b1; text-transform: uppercase; font-weight: bold; }\n\nbody.ltr h1[data-icon]:before { margin: -8px 10px 0 0 ; }\n\nbody.rtl h1[data-icon]:before { margin: -8px 0 0 10px ; }\n\nh2[data-icon]:before { font-size: 19px; }\n\nbody.ltr h2[data-icon]:before { margin: -4px 6px 0 0 ; }\n\nbody.rtl h2[data-icon]:before { margin: -4px 0 0 6px ; }\n\n/* horizontal rule */\nhr { margin: 24px 0; border: none; border-top: 1px solid rgba(51, 64, 77, 0.1); height: 0; color: transparent; }\n\n.pane hr { margin: 24px -24px; }\n\n/* paragraphs */\np { margin: 1em 0; }\n\nh5 + p { margin-top: 0; }\n\nsup { vertical-align: super; font-size: smaller; }\n\nsub { vertical-align: sub; font-size: smaller; }\n\nbody.ltr .indent { margin-left: 14px; }\n\nbody.rtl .indent { margin-right: 14px; }\n\n/* lists */\n.bullets { list-style-type: square; }\n\nbody.ltr .bullets { padding-left: 40px; }\n\nbody.rtl .bullets { padding-right: 40px; }\n\nol { list-style-type: decimal; }\n\nbody.ltr ol { padding-left: 40px; }\n\nbody.rtl ol { padding-right: 40px; }\n\n/* code */\ncode, .code, .code input, .code textarea { font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace; font-size: 0.9em !important; }\n\ncode.smalltext, .code.smalltext, .code input.smalltext, .code textarea.smalltext { font-size: 0.8em !important; }\n\n/* links */\na { color: #0B69A3; cursor: pointer; }\n\nbody.underline-links a { text-decoration: underline; }\n\na:hover { text-decoration: underline; }\n\na.sel, li.sel a { cursor: default !important; text-decoration: none; }\n\n.go:after { font-size: 11px; margin-top: -1px; color: #9aa5b1; }\n\nbody.ltr .go:after { padding-left: 4px; }\n\nbody.rtl .go:after { padding-right: 4px; }\n\nbody.ltr .go:after { content: 'circlerarr'; }\n\nbody.rtl .go:after { content: 'circlelarr'; }\n\n.go:hover:after { color: #0B69A3; }\n\n/* revision button */\nbody.ltr #revision-btngroup { margin-right: 7px; }\n\nbody.rtl #revision-btngroup { margin-left: 7px; }\n\n#revision-btn.disabled { opacity: 1; color: #606d7b; background-color: rgba(205, 216, 228, 0.5) !important; }\n\n/* status icons */\n.checkmark-icon, .alert-icon { padding: 5px; margin-bottom: 0 !important; line-height: 10px; border-radius: 20px; cursor: pointer; }\n\n.checkmark-icon:before, .alert-icon:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; }\n\n.checkmark-icon { background-color: #cdd8e4; }\n\np .checkmark-icon { display: inline-block; }\n\n.checkmark-icon:before { content: 'check'; color: #27AB83; }\n\n.alert-icon { background-color: #cdd8e4; }\n\n.alert-icon:before { content: 'alert'; color: #EF4E4E; }\n\n/* toggles */\n.toggle, a.fieldtoggle:before { width: 20px; height: 20px; line-height: 20px; text-align: center; -webkit-transition: -webkit-transform linear 100ms; -moz-transition: -moz-transform linear 100ms; -ms-transition: -ms-transform linear 100ms; transition: transform linear 100ms; }\n\nbody.ltr .toggle, body.ltr a.fieldtoggle:before { transform: rotate(-90deg); }\n\nbody.rtl .toggle, body.rtl a.fieldtoggle:before { transform: rotate(90deg); }\n\n.toggle:before, a.fieldtoggle:before { content: 'downangle'; }\n\n.toggle.expanded, a.fieldtoggle.expanded:before, .sidebar nav li.expanded > .toggle, .structure li:not(.collapsed) > .row > .toggle { transform: rotate(0) !important; }\n\na.fieldtoggle { display: block; position: relative; margin: 14px 0; color: #3f4d5a; text-decoration: none; }\n\nbody.ltr a.fieldtoggle { padding-left: 12px; }\n\nbody.rtl a.fieldtoggle { padding-right: 12px; }\n\na.fieldtoggle:before { display: block; position: absolute; top: -2px; }\n\nbody.ltr a.fieldtoggle:before { left: -6px; }\n\nbody.rtl a.fieldtoggle:before { right: -6px; }\n\n/* emphasis */\nem, i { font-style: italic; }\n\nstrong, b, i em { font-weight: bold; }\n\n/* readable blocks */\n.readable { font-size: 16px; line-height: 22px; }\n\n.readable h1, .readable h2, .readable h3, .readable h4, .readable h5, .readable h6 { margin: 24px 0 16px; font-weight: 600; }\n\n.readable h1 { font-size: 32px; line-height: 40px; color: #000; }\n\n.readable h2 { font-size: 24px; line-height: 30px; }\n\n.readable h3 { font-size: 20px; line-height: 24px; }\n\n.readable h4 { font-size: 16px; line-height: 20px; }\n\n.readable h5 { font-size: 14px; line-height: 18px; }\n\n.readable h6 { font-size: 13.6px; line-height: 17px; color: #7b8793; }\n\n.readable ul, .readable ol { margin: 1em 0; }\n\nbody.ltr .readable ul, body.ltr .readable ol { padding-left: 2em; }\n\nbody.rtl .readable ul, body.rtl .readable ol { padding-right: 2em; }\n\n.readable ul li { list-style-type: disc; }\n\n.readable li + li { margin-top: 0.25em; }\n\n.readable blockquote { margin: 16px 0; }\n\n.readable blockquote:not(.note) { padding: 0 16px; color: #7b8793; }\n\nbody.ltr .readable blockquote:not(.note) { border-left: 4px solid rgba(51, 64, 77, 0.1); }\n\nbody.rtl .readable blockquote:not(.note) { border-right: 4px solid rgba(51, 64, 77, 0.1); }\n\n.readable blockquote.note { position: relative; border-radius: 4px; padding: 1em; border: 1px solid; }\n\nbody.ltr .readable blockquote.note { padding-left: 56px; }\n\nbody.rtl .readable blockquote.note { padding-right: 56px; }\n\n.readable blockquote.note:not(.tip):not(.warning) { border-color: #EF4E4E; color: #bf503f; }\n\n.readable blockquote.note:not(.tip):not(.warning):before { content: 'alert'; color: #EF4E4E; }\n\n.readable blockquote.note.tip { border-color: #0B69A3; color: #7b8793; }\n\n.readable blockquote.note.tip:before { content: 'lightbulb'; color: #0B69A3; }\n\n.readable blockquote.note.warning { border-color: #CB6E17; color: #cf783a; }\n\n.readable blockquote.note.warning:before { content: 'alert'; color: #CB6E17; }\n\n.readable blockquote.note:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; position: absolute; top: 12px; font-size: 30px; width: 24px; }\n\nbody.ltr .readable blockquote.note:before { left: 16px; }\n\nbody.rtl .readable blockquote.note:before { right: 16px; }\n\n/* text styles */\nbody.ltr .leftalign { text-align: left; }\n\nbody.rtl .leftalign { text-align: right; }\n\n.topalign { vertical-align: top; }\n\nbody.ltr .rightalign { text-align: right; }\n\nbody.rtl .rightalign { text-align: left; }\n\n.centeralign { text-align: center !important; }\n\n.nowrap { white-space: nowrap; }\n\n.break-word { word-wrap: break-word; }\n\n.light { color: #7b8793 !important; font-weight: normal; }\n\n.extralight { color: #9aa5b1 !important; }\n\n.smalltext { font-size: 12px; line-height: 1.2; }\n\n.zilch { padding: 100px 0; text-align: center; font-size: 20px; line-height: 24px; color: #9aa5b1; }\n\ninput.checkbox + label.smalltext { padding-top: 2px; }\n\n.required:after { content: 'asterisk'; font-size: 7px; color: #EF4E4E; }\n\nbody.ltr .required:after { margin: -2px 0 0 5px ; }\n\nbody.rtl .required:after { margin: -2px 5px 0 0 ; }\n\n.scrollpane { overflow: auto; }\n\nbody.ltr .left { float: left; }\n\nbody.rtl .left { float: right; }\n\nbody.ltr .right { float: right; }\n\nbody.rtl .right { float: left; }\n\nth, td { vertical-align: middle; }\n\nbody.ltr th, body.ltr td { text-align: left; }\n\nbody.rtl th, body.rtl td { text-align: right; }\n\nbody.ltr table[dir='rtl'] th, body.ltr table[dir='rtl'] td { text-align: right; }\n\nbody.rtl table[dir='ltr'] th, body.rtl table[dir='ltr'] td { text-align: left; }\n\nth.right, td.right { float: none; }\n\nbody.ltr th.right, body.ltr td.right { text-align: right; }\n\nbody.rtl th.right, body.rtl td.right { text-align: left; }\n\n.no-outline { outline: none; }\n\n.clear { display: block; clear: both; height: 0; }\n\n.fullwidth { width: 100%; }\n\n*:not(.highlight) > * > * > .token { display: inline-block; border-radius: 10px; padding: 2px 7px; font-size: 12px; line-height: 14px; color: #3f4d5a; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 1px rgba(123, 135, 147, 0.5); }\n\n.token[data-name='*'] { position: relative; width: 10px; }\n\n.token[data-name='*'] span { opacity: 0; }\n\n.token[data-name='*']:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; display: block; position: absolute; top: 0; left: 0; width: 100%; font-size: 9px; line-height: 17px; content: 'asterisk'; text-indent: 0; }\n\n.token:focus { box-shadow: 0 0 0 1px rgba(96, 109, 123, 0.25); background-color: #fff; outline: none; }\n\n.success { color: #27AB83 !important; }\n\n.notice { color: #127FBF !important; }\n\n.warning { color: #CB6E17 !important; }\n\n.with-icon.notice:before, .with-icon.warning:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; width: 1em; }\n\nbody.ltr .with-icon.notice:before, body.ltr .with-icon.warning:before { margin: -2px 2px 0 0 ; }\n\nbody.rtl .with-icon.notice:before, body.rtl .with-icon.warning:before { margin: -2px 0 0 2px ; }\n\n.with-icon.notice:before { content: 'lightbulb'; }\n\n.with-icon.warning:before { content: 'alert'; }\n\n.error { color: #EF4E4E !important; }\n\n.icon.move { display: inline-block; }\n\n.icon.move:not(.disabled) { cursor: move; }\n\n.icon.move:before { content: 'move'; color: rgba(123, 135, 147, 0.5); }\n\n.icon.move:not(.disabled):hover:before { color: #0B69A3; }\n\n.icon.delete { display: inline-block; }\n\n.icon.delete:before { content: 'remove'; color: rgba(123, 135, 147, 0.5); }\n\n.icon.delete:not(.disabled):hover:before { color: #CF1124; }\n\n.icon.delete:not(.disabled):active:before { color: #a00d1c; }\n\n.hidden { display: none !important; }\n\n.invisible { visibility: hidden; }\n\n.clearafter:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\n\n.info { vertical-align: bottom; display: inline-block; width: 1em; height: 1.375em; text-align: center; cursor: pointer; overflow: hidden; }\n\n.info:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; vertical-align: baseline; width: 100%; line-height: 1.375; color: #9aa5b1; }\n\n.info:not(.warning):before { content: 'info'; }\n\n.info:not(.warning):hover:before { color: #0B69A3; }\n\n.info.warning:before { content: 'alert'; }\n\n.info.warning:hover:before { color: #CB6E17; }\n\n.info-hud table { max-width: 280px; table-layout: auto; }\n\n.info-hud td { word-wrap: break-word; width: 100%; }\n\n@media (max-width: 450px) { .info-hud table { table-layout: fixed; width: 100%; } }\n\n/* ----------------------------------------\n/*  Content\n/* ----------------------------------------*/\n.content { position: relative; }\n\n.content:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\n\n/* Customize Sources */\n.sidebar .customize-sources { display: block; margin: 14px -24px 4px; color: #9aa5b1 !important; transition: color linear 100ms; }\n\nbody.ltr .sidebar .customize-sources { padding: 7px 14px 7px 24px ; }\n\nbody.rtl .sidebar .customize-sources { padding: 7px 24px 7px 14px ; }\n\nbody.ltr .sidebar .customize-sources .icon { margin-right: 4px; }\n\nbody.rtl .sidebar .customize-sources .icon { margin-left: 4px; }\n\n.sidebar .customize-sources .label { opacity: 0; transition: opacity linear 100ms; }\n\n.sidebar .customize-sources:hover { color: #7b8793 !important; text-decoration: none; }\n\n.sidebar .customize-sources:hover .label { opacity: 1; }\n\n.sidebar .customize-sources:hover { color: #0B69A3; }\n\nbody.ltr .customize-sources-modal { padding-left: 200px; }\n\nbody.rtl .customize-sources-modal { padding-right: 200px; }\n\n.customize-sources-modal > .spinner { position: absolute; top: calc(50% - 44px); left: calc(50% - 12px); }\n\n.customize-sources-modal > .cs-sidebar { position: absolute; top: 0; margin: 0; padding: 10px 0; border: none; width: 200px; height: calc(100% - 62px); box-sizing: border-box; background-color: #f3f7fc; overflow: auto; box-shadow: inset -1px 0 0 rgba(51, 64, 77, 0.1); }\n\nbody.ltr .customize-sources-modal > .cs-sidebar { left: 0; }\n\nbody.rtl .customize-sources-modal > .cs-sidebar { right: 0; }\n\nbody.ltr .customize-sources-modal > .cs-sidebar > .btn { margin: 10px 0 0 14px ; }\n\nbody.rtl .customize-sources-modal > .cs-sidebar > .btn { margin: 10px 14px 0 0 ; }\n\n.customize-sources-item { position: relative; margin-top: -1px; background-color: #e4edf6; border: solid rgba(51, 64, 77, 0.1); border-width: 1px 0; user-select: none; cursor: default; }\n\nbody.ltr .customize-sources-item { margin-right: 1px; }\n\nbody.rtl .customize-sources-item { margin-left: 1px; }\n\nbody.ltr .customize-sources-item { padding: 10px 14px 10px 40px ; }\n\nbody.rtl .customize-sources-item { padding: 10px 40px 10px 14px ; }\n\n.customize-sources-item + .customize-sources-item:not(.heading) { border-top: 1px solid rgba(51, 64, 77, 0.1); }\n\n.customize-sources-item.sel { background-color: #cdd8e4; z-index: 1; }\n\n.customize-sources-item .move { display: block; position: absolute; top: 11px; width: 24px; text-align: center; }\n\nbody.ltr .customize-sources-item .move { left: 7px; }\n\nbody.rtl .customize-sources-item .move { right: 7px; }\n\n.customize-sources-item + .customize-sources-item.heading { margin-top: 10px; }\n\n.customize-sources-item.heading .label { text-transform: uppercase; color: #9aa5b1; font-size: 12px; font-weight: bold; }\n\n.customize-sources-modal > .source-settings { position: relative; height: calc(100% - 62px); box-sizing: border-box; padding: 24px; overflow: auto; }\n\nbody.ltr .customize-sources-table-column .move { margin-right: 10px; }\n\nbody.rtl .customize-sources-table-column .move { margin-left: 10px; }\n\n.customize-sources-modal > .footer { position: absolute; bottom: 0; left: 0; width: 100%; }\n\n/* ----------------------------------------\n/*  Icon lists\n/* ----------------------------------------*/\nul.icons { margin-top: 20px; display: flex; flex-wrap: wrap; }\n\nul.icons li { margin: 0 0 10px; }\n\nul.icons li a { display: block; position: relative; padding: 60px 5px 10px; width: 110px; text-align: center; color: #3f4d5a; border-radius: 4px; border: 1px solid #fff; }\n\nul.icons li a:before { display: block; position: absolute; top: 0; left: 0; width: 100%; font-size: 40px; line-height: 60px; }\n\nul.icons li a .icon img, ul.icons li a .icon svg { width: 40px; height: 40px; position: absolute; top: 12px; left: calc(50% - 20px); }\n\nul.icons li a .icon.icon-mask svg rect, ul.icons li a .icon.icon-mask svg circle, ul.icons li a .icon.icon-mask svg ellipse, ul.icons li a .icon.icon-mask svg line, ul.icons li a .icon.icon-mask svg polyline, ul.icons li a .icon.icon-mask svg polygon, ul.icons li a .icon.icon-mask svg path, ul.icons li a .icon.icon-mask svg text { fill: #3f4d5a; stroke-width: 0; transition: fill linear 100ms; }\n\nul.icons li a:hover { text-decoration: none; background-color: #f3f7fc; border-color: #e4edf6; }\n\nul.icons li a:hover .icon.icon-mask svg rect, ul.icons li a:hover .icon.icon-mask svg circle, ul.icons li a:hover .icon.icon-mask svg ellipse, ul.icons li a:hover .icon.icon-mask svg line, ul.icons li a:hover .icon.icon-mask svg polyline, ul.icons li a:hover .icon.icon-mask svg polygon, ul.icons li a:hover .icon.icon-mask svg path, ul.icons li a:hover .icon.icon-mask svg text { fill: #0B69A3; stroke-width: 0; transition: fill linear 100ms; }\n\n@media only screen and (max-width: 380px) { ul.icons li a { width: 96px; } }\n\n@media only screen and (max-width: 320px) { ul.icons li a { width: 75px; } }\n\n/* ----------------------------------------\n/*  Buttons\n/* ----------------------------------------*/\n.toolbar { position: relative; margin-bottom: 14px; min-height: 34px; }\n\n.toolbar .flex { align-items: flex-start; }\n\n.toolbar .text { border-radius: 5px !important; box-shadow: none !important; }\n\n.flex { display: flex; align-items: center; align-content: stretch; }\n\n.flex:not(.flex-nowrap) { flex-wrap: wrap; }\n\n.flex:not(.flex-nowrap) > * { margin-bottom: 7px; }\n\n.flex > *.label { white-space: nowrap; }\n\nbody.ltr .flex > *:not(:last-child) { margin-right: 7px !important; }\n\nbody.rtl .flex > *:not(:last-child) { margin-left: 7px !important; }\n\nbody.ltr .flex > *.spinner { margin-left: 0 !important; }\n\nbody.rtl .flex > *.spinner { margin-right: 0 !important; }\n\n.flex-grow { flex: 1; }\n\n.flex-center { align-items: center; }\n\n.spacer { width: 14px; }\n\n.buttons { display: flex; position: relative; margin: 24px 0; }\n\nbody.ltr .buttons > .btn:not(.hidden) + .btn, body.ltr .buttons > .btn:not(.hidden) + .btngroup, body.ltr .buttons > .btngroup:not(.hidden) + .btn, body.ltr .buttons > .btngroup:not(.hidden) + .btngroup { margin-left: 5px; }\n\nbody.rtl .buttons > .btn:not(.hidden) + .btn, body.rtl .buttons > .btn:not(.hidden) + .btngroup, body.rtl .buttons > .btngroup:not(.hidden) + .btn, body.rtl .buttons > .btngroup:not(.hidden) + .btngroup { margin-right: 5px; }\n\n.hud-footer > .buttons, .footer > .buttons { margin: 0; }\n\n.btn { display: inline-block; border-radius: 5px; padding: 7px 14px; border: none; text-align: center; white-space: nowrap; user-select: none; cursor: pointer; box-sizing: border-box; appearance: none; outline: none; color: #3f4d5a; font-size: inherit; background-color: rgba(96, 125, 159, 0.25); }\n\n.btn.chromeless { background-color: transparent; height: auto; padding: 0; }\n\n.btn.chromeless:hover, .btn.chromeless:active, .btn.chromeless:focus { background-color: transparent; }\n\n.btn.chromeless:hover, .btn.chromeless:active { text-decoration: underline; }\n\n.btn:focus, .btn.focus, .btn:hover { background-color: rgba(96, 125, 159, 0.35); }\n\n.btn:active, .btn.active { background-color: rgba(96, 125, 159, 0.5); }\n\n.btn:active:focus, .btn:active.focus, .btngroup:focus .btn:active, .btn.active:focus, .btn.active.focus, .btngroup:focus .btn.active { background-color: rgba(96, 125, 159, 0.6); }\n\n.btn[type='color'] { padding: 6px !important; width: 36px; }\n\n.btn.active { cursor: default; }\n\n.btn:hover { text-decoration: none; }\n\n.btn:active { outline: none; }\n\n.btn:not(.small)[data-icon]:before, .btn:not(.small).icon:before, .btn:not(.small).menubtn[data-icon]:before, .btn:not(.small).menubtn.icon:before { margin-top: -3px; }\n\nbody.ltr .btn[data-icon]:not(:empty):before, body.ltr .btn.icon:not(:empty):before, body.ltr .btn.menubtn[data-icon]:empty:before, body.ltr .btn.menubtn.icon:empty:before { margin-right: 5px; }\n\nbody.rtl .btn[data-icon]:not(:empty):before, body.rtl .btn.icon:not(:empty):before, body.rtl .btn.menubtn[data-icon]:empty:before, body.rtl .btn.menubtn.icon:empty:before { margin-left: 5px; }\n\n.btn div.checkbox { margin-top: 2px; }\n\n.disabled { opacity: 0.25; }\n\n.disabled, .disabled .btn { cursor: default; }\n\n.btn, .spinner { height: 34px; }\n\nbody.ltr .btn[data-icon-after]:not(:empty):after, body.ltr .menubtn:not(:empty):after, body.ltr .menubtn.icon:after { margin-left: 6px; }\n\nbody.rtl .btn[data-icon-after]:not(:empty):after, body.rtl .menubtn:not(:empty):after, body.rtl .menubtn.icon:after { margin-right: 6px; }\n\n.btn[data-icon]:before, .btn[data-icon-after]:after, .btn.icon:before, .menubtn:after { position: relative; }\n\n.btn.small[data-icon]:before, .btn.small[data-icon-after]:after, .btn.icon.small:before, .menubtn.small:after { font-size: 10px; }\n\n.btn.icon.add.loading { position: relative; }\n\n.btn.icon.add.loading:before { visibility: hidden; }\n\n.btn.icon.add.loading:after { position: absolute; content: '.'; font-size: 0; display: block; width: 24px; height: 100%; left: 5px; top: 0; background: url(../images/spinner.gif) no-repeat 0 50%; }\n\n.btn.icon.add.loading.submit:after { background-image: url(../images/spinner_submit.gif); }\n\n.secondary-buttons .btn.icon.add.loading.submit:after, .btn.secondary.icon.add.loading.submit:after { background-image: url(../images/spinner_submit_secondary.gif); }\n\n/* button groups */\n.btngroup { position: relative; z-index: 1; display: flex; white-space: nowrap; align-items: center; }\n\n.btngroup:focus { outline: none; }\n\n.btngroup.fullwidth .btn { flex: 1; }\n\n.btngroup.disabled .btn { cursor: default; }\n\n.btngroup .btn.active { cursor: default; }\n\nbody.ltr .btngroup .btn:not(.dashed):not(:last-child) { margin-right: 1px; }\n\nbody.rtl .btngroup .btn:not(.dashed):not(:last-child) { margin-left: 1px; }\n\nbody.ltr .btngroup .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }\n\nbody.ltr .btngroup .btn:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\nbody.rtl .btngroup .btn:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\nbody.rtl .btngroup .btn:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }\n\n.copytext { position: relative; z-index: 1; display: flex; white-space: nowrap; align-items: center; }\n\nbody.ltr .copytext .text { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\nbody.ltr .copytext .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }\n\nbody.rtl .copytext .text { border-top-left-radius: 0; border-bottom-left-radius: 0; }\n\nbody.rtl .copytext .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n/* menu buttons */\n.menubtn { user-select: none; }\n\n.menubtn:after { content: 'downangle'; }\n\nbody.ltr .menubtn:empty { padding-left: 8px; }\n\nbody.rtl .menubtn:empty { padding-right: 8px; }\n\nbody.ltr .menubtn:empty { padding-right: 8px; }\n\nbody.rtl .menubtn:empty { padding-left: 8px; }\n\n/* spinner */\n.spinner { display: inline-block; vertical-align: bottom; width: 24px; background: url(../images/spinner.gif) no-repeat 50% 50%; }\n\n.spinner.big { width: 48px; height: 48px; background: url(../images/spinner_big.gif) no-repeat 50% 50%; }\n\nbody.ltr .btn + .spinner { margin-left: 7px; }\n\nbody.rtl .btn + .spinner { margin-right: 7px; }\n\n.buttons .spinner { display: block; }\n\nbody.ltr .buttons .spinner { float: left; }\n\nbody.rtl .buttons .spinner { float: right; }\n\nbody.ltr .buttons .btn + .spinner, body.ltr .buttons .btngroup + .spinner { margin-left: 0; }\n\nbody.rtl .buttons .btn + .spinner, body.rtl .buttons .btngroup + .spinner { margin-right: 0; }\n\nbody.ltr .buttons.right .btn + .spinner { margin-right: -24px; }\n\nbody.rtl .buttons.right .btn + .spinner { margin-left: -24px; }\n\n/* small buttons */\n.btngroup.small .btn, .btn.small { padding: 0 7px !important; font-size: 12px; line-height: 22px; }\n\n.btngroup.small, .btngroup.small input.btn, .btn.small, .btn.small + .spinner { height: 22px; }\n\n/* big buttons */\n.btngroup.big .btn, .btn.big { padding: 0 14px; font-size: 14px; line-height: 36px; }\n\nbody.ltr .btn.big[data-icon]:before, body.ltr #preview-btn:before, body.ltr #share-btn:before { margin-left: -2px; }\n\nbody.rtl .btn.big[data-icon]:before, body.rtl #preview-btn:before, body.rtl #share-btn:before { margin-right: -2px; }\n\n.btngroup.big, .btngroup.big input.btn, .btn.big, .btn.big + .spinner { height: 36px; }\n\n/* submit buttons */\n.btn.submit, .btn.submit:before, .btn.submit:after, .btn.secondary, .btn.secondary:before, .btn.secondary:after { color: #fff !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n.btn.submit { background-color: #E5422B !important; }\n\n.btn.submit:not(.disabled):not(.inactive):hover, .btn.submit:not(.disabled):not(.inactive).hover { background-color: #dc331b !important; }\n\n.btn.submit:not(.disabled):not(.inactive):active, .btn.submit:not(.disabled):not(.inactive).active { background-color: #c52e18 !important; }\n\n.secondary-buttons .btn.submit, .btn.secondary { background-color: #8b96a2 !important; }\n\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive):hover, .secondary-buttons .btn.submit:not(.disabled):not(.inactive).hover, .btn.secondary:not(.disabled):not(.inactive):hover, .btn.secondary:not(.disabled):not(.inactive).hover { background-color: #7d8997 !important; }\n\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive):active, .secondary-buttons .btn.submit:not(.disabled):not(.inactive).active, .btn.secondary:not(.disabled):not(.inactive):active, .btn.secondary:not(.disabled):not(.inactive).active { background-color: #6f7c8b !important; }\n\ndiv.btn.submit { position: relative; overflow: hidden; }\n\ndiv.btn.submit input { position: absolute; left: 100%; }\n\n/* dashed buttons */\n.btn.dashed { border: 1px dashed rgba(81, 95, 108, 0.25); background-color: transparent !important; }\n\nbody.ltr .btngroup .btn.dashed:not(:last-child) { border-right: 1px solid transparent; }\n\nbody.rtl .btngroup .btn.dashed:not(:last-child) { border-left: 1px solid transparent; }\n\nbody.ltr .btngroup .btn.dashed:not(:last-child) { margin-right: -1px; }\n\nbody.rtl .btngroup .btn.dashed:not(:last-child) { margin-left: -1px; }\n\n.btn.dashed:focus { background-color: rgba(205, 216, 228, 0.1) !important; }\n\n.btn.dashed:not(.disabled):active, .btn.dashed:not(.disabled).active { background-color: rgba(205, 216, 228, 0.25) !important; }\n\n/* color inputs */\n.color-input { font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace; font-size: 0.9em !important; }\n\n.color { display: inline-block; position: relative; vertical-align: middle; width: 34px; height: 34px; border-radius: 17px; padding: 0; }\n\n.color:not(.static) { cursor: pointer; }\n\n.color:not(.small) { background-image: linear-gradient(45deg, #e4edf6 25%, transparent 25%), linear-gradient(135deg, #e4edf6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e4edf6 75%), linear-gradient(135deg, transparent 75%, #e4edf6 75%); background-size: 17px 17px; background-position: 0 0, 8.5px 0, 8.5px -8.5px, 0 8.5px; }\n\n.color.small { width: 16px; height: 16px; background-image: linear-gradient(45deg, #e4edf6 25%, transparent 25%), linear-gradient(135deg, #e4edf6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e4edf6 75%), linear-gradient(135deg, transparent 75%, #e4edf6 75%); background-size: 8px 8px; background-position: 0 0, 4px 0, 4px -4px, 0 4px; }\n\n.color .color-preview { position: absolute; top: 0; width: 100%; height: 100%; border-radius: 17px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }\n\nbody.ltr .color .color-preview { left: 0; }\n\nbody.rtl .color .color-preview { right: 0; }\n\n.color .color-preview > .color-preview-input { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; border: none; opacity: 0; }\n\nbody.ltr .color .color-preview > .color-preview-input { left: 0; }\n\nbody.rtl .color .color-preview > .color-preview-input { right: 0; }\n\n.colorhex { display: inline-block; margin-left: 5px; vertical-align: middle; color: #7b8793; }\n\n/* lightswitch */\n.lightswitch-outer-container { display: flex; }\n\nbody.ltr .lightswitch-outer-container label { margin-left: 7px; }\n\nbody.rtl .lightswitch-outer-container label { margin-right: 7px; }\n\n.lightswitch { position: relative; border: none !important; overflow: hidden; cursor: pointer; user-select: none; background-image: linear-gradient(to right, #9aa5b1, #9aa5b1); transition: background-image linear 100ms; }\n\n.lightswitch.on { background-image: linear-gradient(to right, #27AB83, #27AB83); }\n\n.lightswitch.indeterminate { background-image: linear-gradient(to right, #27AB83, #9aa5b1); }\n\n.lightswitch .lightswitch-container { position: relative; height: 100%; }\n\n.lightswitch .lightswitch-container .handle { position: absolute; top: 1px; background-color: #fff; }\n\n.lightswitch:not(.small) { border-radius: 11px; width: 34px; height: 22px; }\n\n.lightswitch:not(.small) .lightswitch-container { width: 46px; }\n\nbody.ltr .lightswitch:not(.small) .lightswitch-container { margin-left: -12px; }\n\nbody.rtl .lightswitch:not(.small) .lightswitch-container { margin-right: -12px; }\n\n.lightswitch:not(.small) .lightswitch-container .handle { border-radius: 10px; width: 20px; height: 20px; left: calc(50% - 10px); }\n\n.lightswitch.small { border-radius: 9px; width: 28px; height: 18px; }\n\n.lightswitch.small .lightswitch-container { width: 38px; }\n\nbody.ltr .lightswitch.small .lightswitch-container { margin-left: -10px; }\n\nbody.rtl .lightswitch.small .lightswitch-container { margin-right: -10px; }\n\n.lightswitch.small .lightswitch-container .handle { border-radius: 8px; width: 16px; height: 16px; left: calc(50% - 8px); }\n\ntable .lightswitch { display: inline-block; margin-bottom: -5px; }\n\n.lightswitch:focus { outline: none; }\n\n.lightswitch:focus .lightswitch-container .handle { background-color: #cdd8e4; }\n\nbody.ltr .lightswitch.on .lightswitch-container { margin-left: 0; }\n\nbody.rtl .lightswitch.on .lightswitch-container { margin-right: 0; }\n\nbody.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container { margin-left: -12px/2; }\n\nbody.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container { margin-right: -12px/2; }\n\nbody.ltr .lightswitch.indeterminate.small .lightswitch-container { margin-left: -10px/2; }\n\nbody.rtl .lightswitch.indeterminate.small .lightswitch-container { margin-right: -10px/2; }\n\n/* pagination */\ntable.data + .pagination { margin-top: 24px; }\n\n.pagination .page-link { padding: 4px 13px 8px; border-radius: 4px; color: #3f4d5a; }\n\n.pagination .page-link:before { font-size: 1.2em; }\n\n.pagination .page-link:not(.disabled) { transition: box-shadow linear 100ms; box-shadow: inset 0 0 0 1px rgba(51, 64, 77, 0.1); cursor: pointer; }\n\n.pagination .page-link:not(.disabled):hover { text-decoration: none; box-shadow: inset 0 0 0 1px #0B69A3; }\n\n.pagination .page-link.disabled { opacity: 1; color: #9aa5b1; }\n\n/* action buttons */\nbody.ltr .actions { float: right; }\n\nbody.rtl .actions { float: left; }\n\nbody.ltr .actions > li { float: left; }\n\nbody.rtl .actions > li { float: right; }\n\nbody.ltr .actions > li + li { margin-left: 10px; }\n\nbody.rtl .actions > li + li { margin-right: 10px; }\n\nh1 + .actions { margin-top: -100px; }\n\nh2 + .actions { margin-top: -54px; }\n\n/* ----------------------------------------\n/*  Tables\n/* ----------------------------------------*/\n.tablepane { margin: -24px -24px 0; overflow-x: auto; }\n\nbody.ltr .tablepane table th:first-child, body.ltr .tablepane table td:first-child { padding-left: 24px; }\n\nbody.rtl .tablepane table th:first-child, body.rtl .tablepane table td:first-child { padding-right: 24px; }\n\nbody.ltr .tablepane table th:last-child, body.ltr .tablepane table td:last-child { padding-right: 24px; }\n\nbody.rtl .tablepane table th:last-child, body.rtl .tablepane table td:last-child { padding-left: 24px; }\n\n.tablepane table thead th, .tablepane table thead td { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }\n\ntable.fixed-layout { table-layout: fixed; }\n\ntable th.thin, table td.thin { width: 0.01% !important; white-space: nowrap; }\n\ntable thead th { font-weight: bold; vertical-align: top; color: #7b8793; }\n\nbody.ltr table thead th { text-align: left; }\n\nbody.rtl table thead th { text-align: right; }\n\ntable:not(.data) th, table:not(.data) td { padding-top: 7px; padding-bottom: 7px; }\n\ntable:not(.data) th:not(:first-child), table:not(.data) td:not(:first-child) { padding-left: 12px; }\n\ntable:not(.data) th:not(:last-child), table:not(.data) td:not(:last-child) { padding-right: 12px; }\n\ntable.data th, table.data td { position: relative; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }\n\ntable.data th.checkbox-cell, table.data td.checkbox-cell { width: 16px !important; min-width: 16px; box-sizing: content-box; position: relative; }\n\ntable.data th.checkbox-cell input.checkbox + label, table.data th.checkbox-cell div.checkbox, table.data td.checkbox-cell input.checkbox + label, table.data td.checkbox-cell div.checkbox { position: absolute; top: calc(50% - 8px); }\n\ntable.data th { font-weight: bold; }\n\ntable.data thead th, table.data thead td { padding-top: 14px; padding-bottom: 14px; width: auto; background-color: #f3f7fc; cursor: default; }\n\nbody.ltr table.data thead th:first-child, body.ltr table.data thead td:first-child { border-top-left-radius: 5px; }\n\nbody.rtl table.data thead th:first-child, body.rtl table.data thead td:first-child { border-top-right-radius: 5px; }\n\nbody.ltr table.data thead th:first-child, body.ltr table.data thead td:first-child { border-bottom-left-radius: 5px; }\n\nbody.rtl table.data thead th:first-child, body.rtl table.data thead td:first-child { border-bottom-right-radius: 5px; }\n\nbody.ltr table.data thead th:last-child, body.ltr table.data thead td:last-child { border-top-right-radius: 5px; }\n\nbody.rtl table.data thead th:last-child, body.rtl table.data thead td:last-child { border-top-left-radius: 5px; }\n\nbody.ltr table.data thead th:last-child, body.ltr table.data thead td:last-child { border-bottom-right-radius: 5px; }\n\nbody.rtl table.data thead th:last-child, body.rtl table.data thead td:last-child { border-bottom-left-radius: 5px; }\n\ntable.data thead th { white-space: nowrap; }\n\ntable.data thead th.orderable:not(.ordered):hover { background-color: #e4edf6; }\n\ntable.data thead th.ordered { background-color: #cdd8e4; }\n\ntable.data thead th.ordered { background-image: url(../images/listview_sort.png); background-repeat: no-repeat; }\n\nbody.ltr table.data thead th.ordered { padding-right: 26px; }\n\nbody.rtl table.data thead th.ordered { padding-left: 26px; }\n\nbody.ltr table.data thead th.ordered:first-child { padding-left: 10px; }\n\nbody.rtl table.data thead th.ordered:first-child { padding-right: 10px; }\n\nbody.ltr table.data thead th.ordered:not(.desc) { background-position: 100% 9px; }\n\nbody.rtl table.data thead th.ordered:not(.desc) { background-position: 0 9px; }\n\nbody.ltr table.data thead th.ordered.desc { background-position: 100% -22px; }\n\nbody.rtl table.data thead th.ordered.desc { background-position: 0 -22px; }\n\ntable.data thead th.ordered.loading { background-image: url(../images/spinner_tableheader.gif); }\n\nbody.ltr table.data thead th.ordered.loading { background-position: 100% 16px; }\n\nbody.rtl table.data thead th.ordered.loading { background-position: 0 16px; }\n\ntable.data tbody tr { outline: none; }\n\ntable.data tbody tr:not(.disabled):hover th, table.data tbody tr:not(.disabled):hover td { background-color: #f3f7fc; }\n\ntable.data tbody tr:not(.disabled).sel th, table.data tbody tr:not(.disabled).sel td { background-color: #cdd8e4; }\n\ntable.data tbody th, table.data tbody td { border-top: 1px solid transparent; padding-top: 7px; padding-bottom: 7px; background-clip: padding-box; }\n\ntable.data tbody td.timestamp { vertical-align: bottom; white-space: nowrap; color: #9aa5b1; }\n\nbody.ltr table.data tbody td.timestamp { text-align: right; }\n\nbody.rtl table.data tbody td.timestamp { text-align: left; }\n\ntable.collapsed { width: auto; }\n\ntable.collapsed, table.collapsed tbody, table.collapsed tbody tr, table.collapsed tbody th, table.collapsed tbody td { display: block; border: none; padding: 0; width: auto !important; white-space: normal; }\n\nbody.ltr table.collapsed, body.ltr table.collapsed tbody, body.ltr table.collapsed tbody tr, body.ltr table.collapsed tbody th, body.ltr table.collapsed tbody td { text-align: left; }\n\nbody.rtl table.collapsed, body.rtl table.collapsed tbody, body.rtl table.collapsed tbody tr, body.rtl table.collapsed tbody th, body.rtl table.collapsed tbody td { text-align: right; }\n\ntable.collapsed thead { display: none; }\n\ntable.collapsed tbody tr { padding: 6px 0; border-bottom: 1px dotted rgba(51, 64, 77, 0.1); }\n\ntable.collapsed tbody tr:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\n\ntable.collapsed tbody th, table.collapsed tbody td { padding: 2px 0 !important; }\n\ntable.collapsed tbody td:empty { display: none; }\n\nbody.ltr table.collapsed tbody [data-title] { margin-right: 0; }\n\nbody.rtl table.collapsed tbody [data-title] { margin-left: 0; }\n\ntable.collapsed tbody [data-title]:before { margin-right: 5px; content: attr(data-title) \":\"; font-weight: bold; }\n\ntable.collapsed tbody [data-title] form { display: inline-block; }\n\n.datatablesorthelper, .editabletablesorthelper, .thumbviewhelper { background-color: #fff; box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); }\n\n.datatablesorthelper, .datatablesorthelper .element, .datatablesorthelper a { cursor: move !important; }\n\n.datatablesorthelper tr:first-child th, .datatablesorthelper tr:first-child td { border-top: none !important; }\n\n.datatablesorthelper tr:last-child th, .datatablesorthelper tr:last-child td { border-bottom: none !important; }\n\nbody.ltr .datatablesorthelper .tableview .toggle { transform: rotate(-90deg) !important; }\n\nbody.rtl .datatablesorthelper .tableview .toggle { transform: rotate(90deg) !important; }\n\n/* elements */\n.element { position: relative; cursor: default; outline: none !important; user-select: none; font-weight: normal; }\n\n.element:focus, li:focus .element { background-color: #f3f7fc; }\n\n.element.sel, li.sel .element { background-color: #cdd8e4 !important; border-radius: 3px; cursor: default; }\n\n.element.sel:focus, li.sel .element:focus { background-color: #bdcbdb !important; }\n\n.element.sel.loading:after, li.sel .element.loading:after { background-image: url(../images/spinner_element.gif); }\n\n.element.sel.hasthumb .elementthumb img, li.sel .element.hasthumb .elementthumb img { box-shadow: 0 0 0 1px rgba(81, 95, 108, 0.1), 0 6px 4px -4px rgba(81, 95, 108, 0.2); }\n\n.element.hasthumb .elementthumb { position: absolute; display: flex; justify-content: center; -ms-flex-pack: center; align-items: center; -ms-flex-align: center; }\n\n.element.hasthumb .elementthumb img { display: block; flex-shrink: 0; pointer-events: none; border-radius: 3px; max-width: 100%; max-height: 100%; }\n\n.element .label { display: inline-block; }\n\n.element.small, .element.large:not(.hasthumb) { display: inline-block; padding: 7px; box-sizing: border-box; }\n\nbody.ltr .element.small.hasstatus, body.ltr .element.large:not(.hasthumb).hasstatus { padding-left: 22px; }\n\nbody.rtl .element.small.hasstatus, body.rtl .element.large:not(.hasthumb).hasstatus { padding-right: 22px; }\n\n.element.small.hasstatus .status, .element.large:not(.hasthumb).hasstatus .status { position: absolute; top: calc(50% - 5px); }\n\nbody.ltr .element.small.hasstatus .status, body.ltr .element.large:not(.hasthumb).hasstatus .status { left: 7px; }\n\nbody.rtl .element.small.hasstatus .status, body.rtl .element.large:not(.hasthumb).hasstatus .status { right: 7px; }\n\nbody.ltr .element.small.hasthumb, body.ltr .element.large:not(.hasthumb).hasthumb { padding-left: 39px; }\n\nbody.rtl .element.small.hasthumb, body.rtl .element.large:not(.hasthumb).hasthumb { padding-right: 39px; }\n\n.element.small.hasthumb .elementthumb, .element.large:not(.hasthumb).hasthumb .elementthumb { top: calc(50% - 17px); width: 34px; height: 34px; }\n\nbody.ltr .element.small.hasthumb .elementthumb, body.ltr .element.large:not(.hasthumb).hasthumb .elementthumb { left: 0; }\n\nbody.rtl .element.small.hasthumb .elementthumb, body.rtl .element.large:not(.hasthumb).hasthumb .elementthumb { right: 0; }\n\n.element.small.hasthumb .elementthumb img, .element.large:not(.hasthumb).hasthumb .elementthumb img { background-image: linear-gradient(45deg, #e4edf6 25%, transparent 25%), linear-gradient(135deg, #e4edf6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e4edf6 75%), linear-gradient(135deg, transparent 75%, #e4edf6 75%); background-size: 8px 8px; background-position: 0 0, 4px 0, 4px -4px, 0 4px; }\n\nbody.ltr .element.small.hasthumb.hasstatus, body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus { padding-left: 54px; }\n\nbody.rtl .element.small.hasthumb.hasstatus, body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus { padding-right: 54px; }\n\nbody.ltr .element.small.hasthumb.hasstatus .status, body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus .status { left: 39px; }\n\nbody.rtl .element.small.hasthumb.hasstatus .status, body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus .status { right: 39px; }\n\n.element.large.hasthumb { display: block; padding: 132px 7px 7px; width: 134px; box-sizing: border-box; }\n\nbody.ltr .element.large.hasthumb.hasstatus { padding-left: 22px; }\n\nbody.rtl .element.large.hasthumb.hasstatus { padding-right: 22px; }\n\n.element.large.hasthumb.hasstatus .status { position: absolute; top: 138px; }\n\nbody.ltr .element.large.hasthumb.hasstatus .status { left: 7px; }\n\nbody.rtl .element.large.hasthumb.hasstatus .status { right: 7px; }\n\n.element.large.hasthumb .elementthumb { top: 7px; width: 120px; height: 120px; }\n\nbody.ltr .element.large.hasthumb .elementthumb { left: 7px; }\n\nbody.rtl .element.large.hasthumb .elementthumb { right: 7px; }\n\n.element.large.hasthumb .elementthumb img { background-image: linear-gradient(45deg, #e4edf6 25%, transparent 25%), linear-gradient(135deg, #e4edf6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e4edf6 75%), linear-gradient(135deg, transparent 75%, #e4edf6 75%); background-size: 15px 15px; background-position: 0 0, 7.5px 0, 7.5px -7.5px, 0 7.5px; }\n\n.element.large.hasthumb .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; }\n\nbody.ltr .element.removable .label { padding-right: 20px; }\n\nbody.rtl .element.removable .label { padding-left: 20px; }\n\n.element.removable .delete:before { color: rgba(123, 135, 147, 0.5); }\n\n.element.removable.small .delete, .element.removable.large:not(.hasthumb) .delete { position: absolute; top: calc(50% - 11px); }\n\nbody.ltr .element.removable.small .delete, body.ltr .element.removable.large:not(.hasthumb) .delete { right: 7px; }\n\nbody.rtl .element.removable.small .delete, body.rtl .element.removable.large:not(.hasthumb) .delete { left: 7px; }\n\n.element.removable.large.hasthumb .delete { position: absolute; }\n\nbody.ltr .element.removable.large.hasthumb .delete { right: 7px; }\n\nbody.rtl .element.removable.large.hasthumb .delete { left: 7px; }\n\nbody.ltr .element.loading { padding-right: 31px; }\n\nbody.rtl .element.loading { padding-left: 31px; }\n\n.element.loading:after { content: '.'; font-size: 0; position: absolute; bottom: 0; width: 24px; background: url(../images/spinner.gif) no-repeat 50% 50%; height: 32px; }\n\nbody.ltr .element.loading:after { right: 3px; }\n\nbody.rtl .element.loading:after { left: 3px; }\n\n.element.loading.removable .delete { display: none; }\n\n.elements { position: relative; }\n\n.elements.busy { min-height: 200px; }\n\n.elements.busy:after { display: block; content: '.'; font-size: 0; position: absolute; top: 0; left: -24px; width: calc(100% + 48px); height: 100%; background: rgba(255, 255, 255, 0.75) url(../images/spinner.gif) no-repeat 50% 50%; border-radius: 5px; }\n\n.elements .header { margin: -24px -24px 24px; padding: 14px 24px; background-color: #f3f7fc; box-shadow: none; }\n\n.elements .header:after { content: ''; }\n\n.elements .header .selectallcontainer { cursor: default; }\n\n.elements .header .selectallcontainer:focus { outline: none; }\n\nbody.ltr .elements .header .selectallcontainer .checkbox { margin-right: 5px; }\n\nbody.rtl .elements .header .selectallcontainer .checkbox { margin-left: 5px; }\n\n.elements .tableview thead th.selectallcontainer { outline: none; }\n\n.elements .tableview .move { display: block; position: absolute; top: calc(50% - 11px); font-size: 11px; text-decoration: none; }\n\nbody.ltr .elements .tableview .move { margin-left: -14px; }\n\nbody.rtl .elements .tableview .move { margin-right: -14px; }\n\n.elements .tableview .toggle { display: block; position: absolute; top: calc(50% - 8px); }\n\nbody.ltr .elements .tableview .toggle { margin-left: -20px; }\n\nbody.rtl .elements .tableview .toggle { margin-right: -20px; }\n\nbody.ltr .elements .tableview .move + .toggle { margin-left: -34px; }\n\nbody.rtl .elements .tableview .move + .toggle { margin-right: -34px; }\n\n.elements .thumbsview { width: calc(100% + 15px); display: flex; flex-direction: row; flex-wrap: wrap; }\n\nbody.ltr .elements .thumbsview { margin: -7px -8px -8px -7px ; }\n\nbody.rtl .elements .thumbsview { margin: -7px -7px -8px -8px ; }\n\n.elements .thumbsview li { position: relative; outline: none; }\n\nbody.ltr .elements .thumbsview li { margin: 0 1px 1px 0 ; }\n\nbody.rtl .elements .thumbsview li { margin: 0 0 1px 1px ; }\n\n.elements .thumbsview li:hover .element { background-color: #f3f7fc; }\n\nbody.ltr .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus) { padding-left: 28px; }\n\nbody.rtl .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus) { padding-right: 28px; }\n\nbody.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus { padding-left: 43px; }\n\nbody.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus { padding-right: 43px; }\n\nbody.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status { left: 28px; }\n\nbody.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status { right: 28px; }\n\n.elements .thumbsview li.has-checkbox .checkbox { position: absolute; top: 134px; }\n\nbody.ltr .elements .thumbsview li.has-checkbox .checkbox { left: 7px; }\n\nbody.rtl .elements .thumbsview li.has-checkbox .checkbox { right: 7px; }\n\n.export-form { position: relative; }\n\n.export-form .spinner { position: absolute; bottom: 0; }\n\nbody.ltr .export-form .spinner { right: -24px; }\n\nbody.rtl .export-form .spinner { left: -24px; }\n\n.thumbviewhelper { margin: -7px; padding: 7px; }\n\n.thumbviewhelper .thumbsview, .thumbviewhelper .thumbsview li { margin: 0 !important; }\n\n/* structures */\n.structure { position: relative; z-index: 1; }\n\nbody.ltr .structure li { padding-left: 8px; }\n\nbody.rtl .structure li { padding-right: 8px; }\n\n.structure li.collapsed > ul { display: none; }\n\n.structure li .row:hover > .icon, .structure li.draghelper > .row .move, .structure li .add.active { opacity: 1; }\n\n.structure li.draghelper > .row .add { opacity: 0; }\n\n.structure li.draghelper > .row .move:before { color: #0B69A3; }\n\n.structure li.draginsertion { position: relative; height: 2px; background-color: #0B69A3 !important; border-radius: 1px; }\n\nbody.ltr .structure li.draginsertion { margin: -1px 0 -1px 8px ; }\n\nbody.rtl .structure li.draginsertion { margin: -1px 8px -1px 0 ; }\n\nbody.ltr .structure li.draginsertion { padding-left: 0; }\n\nbody.rtl .structure li.draginsertion { padding-right: 0; }\n\nbody.ltr .structure li.draginsertion { border-left: none; }\n\nbody.rtl .structure li.draginsertion { border-right: none; }\n\n.structure li .toggle { position: relative; z-index: 1; }\n\nbody.ltr .structure li .toggle { float: left; }\n\nbody.rtl .structure li .toggle { float: right; }\n\nbody.ltr .structure li .toggle { margin: 4px -8px 0 -12px ; }\n\nbody.rtl .structure li .toggle { margin: 4px -12px 0 -8px ; }\n\n.structure li .row:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\n\n.structure li .move, .structure li .add { opacity: 0; transition: opacity linear 100ms; }\n\nbody.ltr .structure li .move, body.ltr .structure li .add { margin: 5px 5px 0 0 ; }\n\nbody.rtl .structure li .move, body.rtl .structure li .add { margin: 5px 0 0 5px ; }\n\n.structure li .add { padding: 0 5px; }\n\n.structure li .add:before { content: 'downangle'; color: rgba(123, 135, 147, 0.5); }\n\n.structure li .add:not(.disabled):hover:before, .structure li .add.active:before { color: #0B69A3; }\n\nbody.ltr .structure li .checkbox { float: left; }\n\nbody.rtl .structure li .checkbox { float: right; }\n\nbody.ltr .structure li .checkbox { margin: 7px 0 0 7px ; }\n\nbody.rtl .structure li .checkbox { margin: 7px 7px 0 0 ; }\n\nbody.ltr .structure ul { margin-left: -3px; }\n\nbody.rtl .structure ul { margin-right: -3px; }\n\n.structure ul li { background-repeat: no-repeat; }\n\nbody.ltr .structure ul li { padding-left: 38px; }\n\nbody.rtl .structure ul li { padding-right: 38px; }\n\nbody.ltr .structure ul li { background-image: url(../images/branch.png); background-position: 0 0; }\n\nbody.rtl .structure ul li { background-image: url(../images/branch_rtl.png); background-position: 100% 0; }\n\nbody.ltr .structure ul li:not(:last-child):not(.last) { padding-left: 37px; }\n\nbody.rtl .structure ul li:not(:last-child):not(.last) { padding-right: 37px; }\n\nbody.ltr .structure ul li:not(:last-child):not(.last) { border-left: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.rtl .structure ul li:not(:last-child):not(.last) { border-right: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.ltr .structure ul li:not(:last-child):not(.last) { background-position: -1px 0; }\n\nbody.rtl .structure ul li:not(:last-child):not(.last) { background-position: calc(100% + 1px) 0; }\n\nbody.ltr .structure ul li.draginsertion { margin-left: 38px; }\n\nbody.rtl .structure ul li.draginsertion { margin-right: 38px; }\n\n.structure .row.draghover .element { z-index: 2; border-radius: 15px; box-shadow: inset 0 0 0 2px #0B69A3; }\n\n.structure .row.droptarget { border-radius: 5px; box-shadow: inset 0 0 0 2px #0B69A3; }\n\n/* element select fields */\n.elementselect { position: relative; min-height: 37px; margin-top: -7px; }\n\n.elementselect:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\n\nbody.ltr .elementselect .element, body.ltr .elementselect .btn { float: left; }\n\nbody.rtl .elementselect .element, body.rtl .elementselect .btn { float: right; }\n\nbody.ltr .elementselect .element, body.ltr .elementselect .btn { margin: 7px 7px 0 0 ; }\n\nbody.rtl .elementselect .element, body.rtl .elementselect .btn { margin: 7px 0 0 7px ; }\n\n.elementselect .element.small, .elementselect .btn { clear: both; }\n\n.elementselect .element { z-index: 1; }\n\n.elementselect .element.small { max-width: 100%; }\n\n.elementselect .element.small .label { display: block; max-width: 100%; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }\n\nbody.ltr .elementselect .caboose { float: left; }\n\nbody.rtl .elementselect .caboose { float: right; }\n\n/* editable tables */\ntable.editable { border-radius: 5px; border: 1px solid #cdd8e4; }\n\ntable.editable th, table.editable td.action { color: #7b8793; font-weight: normal; background-color: #f3f7fc; }\n\ntable.editable thead tr th, table.editable tbody tr th { padding: 6px 10px; }\n\ntable.editable thead tr th { border-bottom: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.ltr table.editable thead tr th.has-info { padding-right: calc(15px + 1em); }\n\nbody.rtl table.editable thead tr th.has-info { padding-left: calc(15px + 1em); }\n\ntable.editable thead tr th span.info { position: absolute; margin-left: 5px; }\n\ntable.editable tbody tr:not(:first-child) th, table.editable tbody tr:not(:first-child) td { border-top: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.ltr table.editable tbody tr:last-child td:first-child { border-bottom-left-radius: 5px; }\n\nbody.rtl table.editable tbody tr:last-child td:first-child { border-bottom-right-radius: 5px; }\n\nbody.ltr table.editable tbody tr:last-child td:first-child textarea, body.ltr table.editable tbody tr:last-child td:first-child input.text { border-bottom-left-radius: 4px; }\n\nbody.rtl table.editable tbody tr:last-child td:first-child textarea, body.rtl table.editable tbody tr:last-child td:first-child input.text { border-bottom-right-radius: 4px; }\n\nbody.ltr table.editable tbody tr td:not(:first-child), body.ltr table.editable tbody tr th ~ td:not(.hidden) ~ td { border-left: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.rtl table.editable tbody tr td:not(:first-child), body.rtl table.editable tbody tr th ~ td:not(.hidden) ~ td { border-right: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.ltr table.editable tbody tr th ~ td:not(:first-child) { border-left: 1px solid #dbdddf; }\n\nbody.rtl table.editable tbody tr th ~ td:not(:first-child) { border-right: 1px solid #dbdddf; }\n\ntable.editable tbody tr td { vertical-align: top; text-align: center; background-color: #fff; padding: 4px 10px; }\n\ntable.editable tbody tr td.focus { box-shadow: inset 0 0 0 1px rgba(51, 64, 77, 0.1); }\n\ntable.editable tbody tr td.textual { padding: 0; }\n\ntable.editable tbody tr td.textual textarea { resize: none; }\n\ntable.editable tbody tr td.textual pre { white-space: pre-wrap; }\n\nbody.ltr table.editable tbody tr td.textual pre { text-align: left; }\n\nbody.rtl table.editable tbody tr td.textual pre { text-align: right; }\n\ntable.editable tbody tr td.lightswitch-cell { padding-top: 9px; padding-bottom: 9px; }\n\ntable.editable tbody tr td.lightswitch-cell .lightswitch { display: block; margin: 0 auto; }\n\ntable.editable tbody tr td.checkbox-cell { padding-top: 10px; padding-bottom: 10px; }\n\ntable.editable tbody tr td.checkbox-cell .checkbox-wrapper { display: block; margin: -2px auto 0; width: 16px; height: 16px; }\n\ntable.editable tbody tr td.error { box-shadow: inset 0 0 0 1px #EF4E4E; }\n\ntable.editable tbody tr td.disabled { position: relative; opacity: 1; }\n\ntable.editable tbody tr td.disabled:after { content: '.'; font-size: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(243, 247, 252, 0.75); user-select: none; }\n\ntable.editable tbody tr td.action { padding: 4px 7px; }\n\nbody.ltr table.editable tbody tr td.action + td.action { border-left: none; }\n\nbody.rtl table.editable tbody tr td.action + td.action { border-right: none; }\n\nbody.ltr table.editable tbody tr td.action + td.action { padding-left: 0; }\n\nbody.rtl table.editable tbody tr td.action + td.action { padding-right: 0; }\n\ntable.editable tbody tr td .flex > * { margin-bottom: 0; }\n\ntable.editable tbody textarea, table.editable tbody textarea.text, table.editable tbody input.text, table.editable tbody pre { display: block; width: 100%; border: none; box-shadow: none; border-radius: 0; padding: 7px 10px; background-color: transparent; overflow: hidden; transition: none; box-sizing: border-box; }\n\ntable.editable tbody textarea:focus, table.editable tbody textarea.text:focus, table.editable tbody input.text:focus, table.editable tbody pre:focus { outline: none; }\n\ntable.editable tbody .color-container { display: block; position: relative; }\n\ntable.editable tbody .color-container > .color, table.editable tbody .color-container > .color-input { margin-bottom: 0; }\n\ntable.editable tbody .color-container > .color { position: absolute; top: 10px; }\n\nbody.ltr table.editable tbody .color-container > .color { left: 10px; }\n\nbody.rtl table.editable tbody .color-container > .color { right: 10px; }\n\nbody.ltr table.editable tbody .color-container > .color-input { padding-left: 35px; }\n\nbody.rtl table.editable tbody .color-container > .color-input { padding-right: 35px; }\n\ntable.editable tbody .datewrapper, table.editable tbody .timewrapper { display: block; width: 100%; }\n\ntable.editable tbody .datewrapper .text:placeholder-shown + div[data-icon], table.editable tbody .timewrapper .text:placeholder-shown + div[data-icon] { top: 6px; }\n\nbody.ltr table.editable tbody .datewrapper .text:placeholder-shown + div[data-icon], body.ltr table.editable tbody .timewrapper .text:placeholder-shown + div[data-icon] { left: 10px; }\n\nbody.rtl table.editable tbody .datewrapper .text:placeholder-shown + div[data-icon], body.rtl table.editable tbody .timewrapper .text:placeholder-shown + div[data-icon] { right: 10px; }\n\ntable.editable:not(.static) td.textual { cursor: text; }\n\ntable.editable + .btn.add { display: block; border-radius: 0 0 4px 4px; border: 1px dashed rgba(81, 95, 108, 0.25); border-top-width: 0; background-color: transparent; box-shadow: none; }\n\ntable.editable + .btn.add:focus { border-style: solid; border-color: #1992D4; }\n\n.border-box + .buttons, .shadow-box + .buttons { margin-top: 7px; }\n\n/* ----------------------------------------\n/*  Nav\n/* ----------------------------------------*/\nbody.ltr ul.tree, body.ltr .tree ul { margin-left: 20px; }\n\nbody.rtl ul.tree, body.rtl .tree ul { margin-right: 20px; }\n\nbody.ltr .tree li .toggle { margin: 7px 0 0 -15px ; }\n\nbody.rtl .tree li .toggle { margin: 7px -15px 0 0 ; }\n\n/* status icons */\n.status { display: inline-block; width: 10px; height: 10px; border: 1px solid transparent; border-radius: 100%; box-sizing: border-box; }\n\nbody.ltr .status { margin-right: 10px; }\n\nbody.rtl .status { margin-left: 10px; }\n\nbody.use-shapes .status.pending { background-color: transparent; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #CB6E17 transparent; border-radius: 1px; }\n\nbody.use-shapes .status.off, body.use-shapes .status.suspended, body.use-shapes .status.expired { border-radius: 1px; }\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black) { border-color: rgba(96, 125, 159, 0.8); }\n\n.green, .status.on, .status.live, .status.active, .status.enabled { background-color: #27AB83; }\n\n/* green */\n.orange, .status.pending { background-color: #CB6E17; }\n\n/* orange */\n.red, .status.off, .status.suspended, .status.expired { background-color: #CF1124; }\n\n/* red */\n.yellow { background-color: #FADB5F; }\n\n.pink { background-color: #E8368F; }\n\n.purple { background-color: #9B59B6; }\n\n.blue { background-color: #1992D4; }\n\n.turquoise { background-color: #65D6AD; }\n\n.status.light { background-color: #e4edf6; }\n\n.grey { background-color: #9aa5b1; }\n\n.black { background-color: #33404d; }\n\n.status.white, .status.disabled { opacity: 1; }\n\n/* ----------------------------------------\n/*  Progress bar\n/* ----------------------------------------*/\n.progressbar { border-radius: 6px; border: 2px solid #3f4d5a; padding: 2px; position: absolute; left: 20%; width: 60%; }\n\n.progressbar-inner { border-radius: 2px; height: 4px; background-color: #3f4d5a; }\n\n.progressbar:not(.pending) .progressbar-inner { width: 0; transition: width linear 100ms; }\n\n.progressbar.pending .progressbar-inner { animation-timing-function: linear; animation-duration: 250ms; animation-iteration-count: infinite; }\n\nbody.ltr .progressbar.pending .progressbar-inner { background: repeating-linear-gradient(135deg, #fff, #fff 8.83883px, #3f4d5a 8.83883px, #3f4d5a 17.67767px); }\n\nbody.rtl .progressbar.pending .progressbar-inner { background: repeating-linear-gradient(45deg, #fff, #fff 8.83883px, #3f4d5a 8.83883px, #3f4d5a 17.67767px); }\n\nbody.ltr .progressbar.pending .progressbar-inner { animation-name: pendingprogress-ltr; }\n\nbody.rtl .progressbar.pending .progressbar-inner { animation-name: pendingprogress-rtl; }\n\n@keyframes pendingprogress-ltr { from { background-position: 0; }\n  to { background-position: 25px; } }\n\n@keyframes pendingprogress-rtl { from { background-position: 0; }\n  to { background-position: -25px; } }\n\n.elementselect .progress-shade { background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; position: absolute; top: 0; display: none; }\n\nbody.ltr .elementselect .progress-shade { left: 0; }\n\nbody.rtl .elementselect .progress-shade { right: 0; }\n\n.elementselect.uploading { position: relative; }\n\n.elementselect.uploading .progress-shade { display: block; z-index: 2; }\n\n.missing-component { padding: 7px 10px !important; max-width: 400px; background-color: #f3f7fc !important; }\n\n.missing-component .error { margin: 0; }\n\n.missing-component .install-plugin { margin: 7px 0 -7px; border-top: 1px solid rgba(51, 64, 77, 0.1); position: relative; }\n\nbody.ltr .missing-component .install-plugin { padding: 10px 0 10px 40px ; }\n\nbody.rtl .missing-component .install-plugin { padding: 10px 40px 10px 0 ; }\n\n.missing-component .install-plugin .icon { width: 32px; height: 32px; position: absolute; top: calc(50% - 16px); }\n\nbody.ltr .missing-component .install-plugin .icon { left: 0; }\n\nbody.rtl .missing-component .install-plugin .icon { right: 0; }\n\n.missing-component .install-plugin .icon img, .missing-component .install-plugin .icon svg { width: 100%; height: 100%; }\n\n.missing-component .install-plugin h3 { flex: 1; margin: 8px 0 !important; }\n\n.missing-component .install-plugin .btn { margin: 0; }\n\n/* ----------------------------------------\n/*  Panes, Modals and HUDs\n/* ----------------------------------------*/\n.pane { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); position: relative; margin: 14px 0; padding: 24px; border-radius: 5px; word-wrap: break-word; box-sizing: border-box; }\n\n.pane .pane, #content .pane { background-color: #f3f7fc; border: 1px solid rgba(51, 64, 77, 0.1); box-shadow: none; }\n\n/* meta panes */\n.meta { padding: 0 24px; overflow: visible; }\n\n.meta > .field, .meta > .data, .meta > .flex-fields > .field, .meta > .flex-fields > .data { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin: 0 -24px !important; padding: 0 24px; transition: padding-left linear 100ms, padding-right linear 100ms; }\n\nbody.ltr .meta > .field.nested, body.ltr .meta > .data.nested, body.ltr .meta > .flex-fields > .field.nested, body.ltr .meta > .flex-fields > .data.nested { padding-left: 38px; }\n\nbody.rtl .meta > .field.nested, body.rtl .meta > .data.nested, body.rtl .meta > .flex-fields > .field.nested, body.rtl .meta > .flex-fields > .data.nested { padding-right: 38px; }\n\n.meta > .field.add, .meta > .data.add, .meta > .flex-fields > .field.add, .meta > .flex-fields > .data.add { background-color: #ebf2fa; }\n\n.meta > .field.add:before, .meta > .data.add:before, .meta > .flex-fields > .field.add:before, .meta > .flex-fields > .data.add:before { position: absolute; width: 31px; font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'plus'; color: #9aa5b1; }\n\nbody.ltr .meta > .field.add:before, body.ltr .meta > .data.add:before, body.ltr .meta > .flex-fields > .field.add:before, body.ltr .meta > .flex-fields > .data.add:before { left: 0; }\n\nbody.rtl .meta > .field.add:before, body.rtl .meta > .data.add:before, body.rtl .meta > .flex-fields > .field.add:before, body.rtl .meta > .flex-fields > .data.add:before { right: 0; }\n\nbody.ltr .meta > .field.add:before, body.ltr .meta > .data.add:before, body.ltr .meta > .flex-fields > .field.add:before, body.ltr .meta > .flex-fields > .data.add:before { text-align: right; }\n\nbody.rtl .meta > .field.add:before, body.rtl .meta > .data.add:before, body.rtl .meta > .flex-fields > .field.add:before, body.rtl .meta > .flex-fields > .data.add:before { text-align: left; }\n\n.meta > .field > .heading, .meta > .data > .heading, .meta > .flex-fields > .field > .heading, .meta > .flex-fields > .data > .heading { flex: 0 0 105px; line-height: 18px; }\n\nbody.ltr .meta > .field > .heading, body.ltr .meta > .data > .heading, body.ltr .meta > .flex-fields > .field > .heading, body.ltr .meta > .flex-fields > .data > .heading { margin: 0 7px 0 0 ; }\n\nbody.rtl .meta > .field > .heading, body.rtl .meta > .data > .heading, body.rtl .meta > .flex-fields > .field > .heading, body.rtl .meta > .flex-fields > .data > .heading { margin: 0 0 0 7px ; }\n\n.meta > .field.lightswitch-field > .heading, .meta > .data.lightswitch-field > .heading, .meta > .flex-fields > .field.lightswitch-field > .heading, .meta > .flex-fields > .data.lightswitch-field > .heading { flex: 1; }\n\n.meta > .field > .input .flex, .meta > .data > .input .flex, .meta > .flex-fields > .field > .input .flex, .meta > .flex-fields > .data > .input .flex { flex-wrap: nowrap; }\n\n.meta > .field > .input .flex > *, .meta > .data > .input .flex > *, .meta > .flex-fields > .field > .input .flex > *, .meta > .flex-fields > .data > .input .flex > * { margin-bottom: 0; }\n\n.meta > .field > .heading, .meta > .flex-fields > .field > .heading { padding: 14px 0; }\n\n.meta > .data > .heading, .meta > .flex-fields > .data > .heading { padding: 7px 0; }\n\n.meta > .field > .heading > label, .meta > .data > .heading, .meta > .flex-fields > .field > .heading > label, .meta > .flex-fields > .data > .heading { color: #7b8793; }\n\n.meta > .field > .input, .meta > .data > .value, .meta > .flex-fields > .field > .input, .meta > .flex-fields > .data > .value { padding: 7px 0; width: calc(100% - 112px); }\n\n.meta > .field.lightswitch-field > .input, .meta > .flex-fields > .field.lightswitch-field > .input { flex: 0; width: auto; }\n\n.meta > .field.has-errors, .meta > .flex-fields > .field.has-errors { margin: 0 -1px !important; border: 1px solid #EF4E4E !important; }\n\n.meta > .field.has-errors:first-child, .meta > .flex-fields > .field.has-errors:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }\n\n.meta > .field.has-errors:last-child, .meta > .flex-fields > .field.has-errors:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }\n\n.meta > .field.has-errors + .field, .meta > .flex-fields > .field.has-errors + .field { border-top: none !important; }\n\n.meta > .field > .heading > label, .meta > .flex-fields > .field > .heading > label { font-weight: normal; }\n\n.meta > .field > .heading > label.required:after, .meta > .flex-fields > .field > .heading > label.required:after { position: absolute; top: 6px; }\n\nbody.ltr .meta > .field > .heading > label.required:after, body.ltr .meta > .flex-fields > .field > .heading > label.required:after { left: -13px; }\n\nbody.rtl .meta > .field > .heading > label.required:after, body.rtl .meta > .flex-fields > .field > .heading > label.required:after { right: -13px; }\n\nbody.ltr .meta > .field > .heading > label.required:after, body.ltr .meta > .flex-fields > .field > .heading > label.required:after { margin-left: 0; }\n\nbody.rtl .meta > .field > .heading > label.required:after, body.rtl .meta > .flex-fields > .field > .heading > label.required:after { margin-right: 0; }\n\n.meta > .field > .input > .text, .meta > .field > .input > .flex > .text, .meta > .field > .input > .flex > .textwrapper > .text, .meta > .field > .input > .datewrapper > .text, .meta > .field > .input > .timewrapper > .text, .meta > .field > .input > .datetimewrapper > .datewrapper > .text, .meta > .field > .input > .datetimewrapper > .timewrapper > .text, .meta > .flex-fields > .field > .input > .text, .meta > .flex-fields > .field > .input > .flex > .text, .meta > .flex-fields > .field > .input > .flex > .textwrapper > .text, .meta > .flex-fields > .field > .input > .datewrapper > .text, .meta > .flex-fields > .field > .input > .timewrapper > .text, .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper > .text, .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper > .text { display: block; margin: -7px 0; padding: 14px 0; border-radius: 0; box-shadow: none; background-color: transparent; border: none !important; }\n\n.meta > .field > .input > .datewrapper, .meta > .field > .input > .timewrapper, .meta > .field > .input > .datetimewrapper > .datewrapper, .meta > .field > .input > .datetimewrapper > .timewrapper, .meta > .flex-fields > .field > .input > .datewrapper, .meta > .flex-fields > .field > .input > .timewrapper, .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper, .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper { background-color: transparent; }\n\nbody.ltr .meta > .field > .input > .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .field > .input > .timewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .field > .input > .datetimewrapper > .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .field > .input > .datetimewrapper > .timewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .flex-fields > .field > .input > .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .flex-fields > .field > .input > .timewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper .text:placeholder-shown + div[data-icon] { left: 0; }\n\nbody.rtl .meta > .field > .input > .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .field > .input > .timewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .field > .input > .datetimewrapper > .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .field > .input > .datetimewrapper > .timewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .flex-fields > .field > .input > .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .flex-fields > .field > .input > .timewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper .text:placeholder-shown + div[data-icon] { right: 0; }\n\n.meta > .field > .input > .datetimewrapper > .datewrapper, .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper { width: 55%; }\n\n.meta > .field > .input > .datetimewrapper > .timewrapper, .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper { width: 45%; }\n\nbody.ltr .meta > .field > .input > .datetimewrapper > .clear-btn, body.ltr .meta > .flex-fields > .field > .input > .datetimewrapper > .clear-btn { margin-right: -24px; }\n\nbody.rtl .meta > .field > .input > .datetimewrapper > .clear-btn, body.rtl .meta > .flex-fields > .field > .input > .datetimewrapper > .clear-btn { margin-left: -24px; }\n\n.meta > .field > .input > .datewrapper, .meta > .field > .input > .timewrapper, .meta > .flex-fields > .field > .input > .datewrapper, .meta > .flex-fields > .field > .input > .timewrapper { display: block; width: 100%; }\n\n.meta > .field > ul.errors, .meta > .flex-fields > .field > ul.errors { margin: 0; padding: 0 0 6px; width: 100%; list-style-type: none; }\n\n.meta > .field + .field, .meta > .field + .flex-fields, .meta > .flex-fields + .flex-fields, .meta > .flex-fields + .field, .meta > .flex-fields > .field + .field, .meta > .flex-fields > .field + .flex-fields, .meta > .flex-fields > .flex-fields + .flex-fields, .meta > .flex-fields > .flex-fields + .field { border-top: 1px solid rgba(51, 64, 77, 0.1); }\n\n.meta > .flex-fields h2, .meta > .flex-fields blockquote.note { margin: 0 -24px !important; padding: 14px 24px; background-color: #ebf2fa; }\n\n.meta > .flex-fields blockquote.note { border-radius: 0; border: none; }\n\n.meta > .flex-fields hr { margin: 0 -24px; }\n\n.meta > .field > .input > .select { display: block; margin: -7px 0; width: 100%; border-radius: 0; box-shadow: none; background-color: transparent; }\n\nbody.ltr .meta > .field > .input > .select:after { right: 0; }\n\nbody.rtl .meta > .field > .input > .select:after { left: 0; }\n\n.meta > .field > .input > .select + .spinner { position: absolute; top: calc(50% - 17px); }\n\nbody.ltr .meta > .field > .input > .select + .spinner { right: -24px; }\n\nbody.rtl .meta > .field > .input > .select + .spinner { left: -24px; }\n\n.meta > .field > .input > .select select { width: 100%; background-color: transparent; }\n\nbody.ltr .meta > .field > .input > .select select { padding: 7px 12px 7px 0 ; }\n\nbody.rtl .meta > .field > .input > .select select { padding: 7px 0 7px 12px ; }\n\n.body { position: relative; }\n\n.modal, .hud { z-index: 100; box-sizing: border-box; }\n\n.modal, .hud .body { border-radius: 5px; background-color: #fff; box-shadow: 0 25px 100px rgba(31, 41, 51, 0.5); }\n\n.header:after, .hud-header:after, .footer:after, .hud-footer:after, .body:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\n\n.header, .hud-header, .footer, .hud-footer { position: relative; z-index: 1; box-sizing: border-box; }\n\n.header, .hud-header, .footer, .hud-footer { background-color: #e4edf6; }\n\n.header, .hud-header { border-radius: 5px 5px 0 0; padding: 24px; box-shadow: inset 0 -1px 0 rgba(51, 64, 77, 0.1); }\n\n.header h1, .hud-header h1 { margin: 0; }\n\n.footer, .hud-footer { border-radius: 0 0 5px 5px; padding: 14px 24px; box-shadow: inset 0 1px 0 rgba(51, 64, 77, 0.1); }\n\n.footer.flex > *, .hud-footer.flex > * { margin-bottom: 0; }\n\n.modal .body, .hud .main { padding: 24px; overflow: hidden; box-sizing: border-box; }\n\n.pane .header, .modal .body .header { margin: -24px -24px 24px; }\n\n.pane .footer, .modal .body .footer { margin: 24px -24px -24px; }\n\n.modal-shade, .hud-shade { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }\n\n.modal-shade:not(.dark) { background-color: rgba(228, 237, 246, 0.65) !important; }\n\n.modal-shade.dark { background-color: rgba(31, 41, 51, 0.5) !important; }\n\n.modal { position: fixed; width: 66%; height: 66%; min-width: 600px; min-height: 400px; overflow: hidden; }\n\n.modal.fitted { width: auto; height: auto; min-width: 0; min-height: 0; }\n\nbody.ltr .modal.alert .body { padding-left: 76px; }\n\nbody.rtl .modal.alert .body { padding-right: 76px; }\n\n.modal.alert .body:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'alert'; font-size: 40px; color: #9aa5b1; }\n\nbody.ltr .modal.alert .body:before { margin: -6px 0 0 -58px ; }\n\nbody.rtl .modal.alert .body:before { margin: -6px -58px 0 0 ; }\n\nbody.ltr .modal.alert .body:before { float: left; }\n\nbody.rtl .modal.alert .body:before { float: right; }\n\nbody.ltr .modal.secure .body { padding-left: 76px; }\n\nbody.rtl .modal.secure .body { padding-right: 76px; }\n\n.modal.secure .body:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'secure'; font-size: 58px; color: #9aa5b1; }\n\nbody.ltr .modal.secure .body:before { margin: -14px 0 0 -56px ; }\n\nbody.rtl .modal.secure .body:before { margin: -14px -56px 0 0 ; }\n\nbody.ltr .modal.secure .body:before { float: left; }\n\nbody.rtl .modal.secure .body:before { float: right; }\n\n.modal .resizehandle { position: absolute; z-index: 1; bottom: 0; width: 24px; height: 24px; background: no-repeat 50% 50%; cursor: nwse-resize; }\n\nbody.ltr .modal .resizehandle { right: 0; }\n\nbody.rtl .modal .resizehandle { left: 0; }\n\nbody.ltr .modal .resizehandle { background-image: url(../images/resizehandle.png); }\n\nbody.rtl .modal .resizehandle { background-image: url(../images/resizehandle_rtl.png); }\n\n.hud { position: absolute; display: none; top: 0; }\n\n.hud.has-footer .tip-bottom { background-image: url(../images/hudtip_bottom_gray.png); }\n\n.hud .tip { position: absolute; z-index: 101; background: no-repeat 0 0; }\n\n.hud .tip-left { left: -15px; width: 15px; height: 30px; background-image: url(../images/hudtip_left.png); }\n\n.hud .tip-top { top: -15px; width: 30px; height: 15px; background-image: url(../images/hudtip_top.png); }\n\n.hud .tip-right { right: -15px; width: 15px; height: 30px; background-image: url(../images/hudtip_right.png); }\n\n.hud .tip-bottom { bottom: -15px; width: 30px; height: 15px; background-image: url(../images/hudtip_bottom.png); }\n\n.hud .hud-header, .hud .hud-footer { padding: 7px 24px; }\n\n.hud .body { overflow: hidden; }\n\n.hud .body ::-webkit-scrollbar { appearance: none; }\n\n.hud .body ::-webkit-scrollbar:vertical { width: 11px; }\n\n.hud .body ::-webkit-scrollbar:horizontal { height: 11px; }\n\n.hud .body ::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid transparent; background-color: rgba(0, 0, 0, 0.5); background-clip: content-box; }\n\n.hud .body ::-webkit-scrollbar-track { background-color: #f3f7fc; }\n\n/* inline asset previews */\n.preview-thumb-container { position: relative; display: flex; flex-direction: row; align-items: center; height: 190px; background-color: #1f2933; }\n\n.preview-thumb-container.loading:after { content: '.'; font-size: 0; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(31, 41, 51, 0.8) no-repeat 50% 50% url(../images/spinner_dark.gif); }\n\n#details .preview-thumb-container { margin-bottom: 14px; border-radius: 5px; overflow: hidden; }\n\n.preview-thumb-container .preview-thumb { display: flex; flex-direction: column; align-items: center; width: 100%; }\n\n.preview-thumb-container .preview-thumb img { display: block; max-width: 100%; max-height: 190px; }\n\n.preview-thumb-container.editable { cursor: pointer; }\n\n.preview-thumb-container .buttons { opacity: 0; position: absolute; top: 10px; margin: 0; transition: opacity linear 100ms; }\n\nbody.ltr .preview-thumb-container .buttons { right: 10px; }\n\nbody.rtl .preview-thumb-container .buttons { left: 10px; }\n\n.preview-thumb-container .buttons .btn { background-color: #515f6c; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n@supports (backdrop-filter: blur(10px)) { .preview-thumb-container .buttons .btn { background-color: rgba(81, 95, 108, 0.4); backdrop-filter: blur(10px); transition: opacity linear 100ms, backdrop-filter linear 100ms; } }\n\n.preview-thumb-container:hover .buttons { opacity: 1; }\n\n.preview-thumb-container:not(.editable) .buttons .btn:hover { background-color: #606d7b; }\n\n@supports (backdrop-filter: blur(10px)) { .preview-thumb-container:not(.editable) .buttons .btn:hover { background-color: rgba(96, 109, 123, 0.7); } }\n\n/* element editor HUDs */\n@media (min-width: 440px) { .hud .elementeditor { min-width: 380px; } }\n\n.hud .elementeditor { max-width: 600px; }\n\n.hud .elementeditor .hud-header { text-align: center; }\n\n.hud .elementeditor .main { padding: 8px 0; }\n\n.hud .elementeditor .main .meta .preview-thumb-container { margin: -8px 0 8px; }\n\n.hud .elementeditor .main .meta .field { padding-left: 24px; padding-right: 24px; }\n\n/* element selector modals */\n.elementselectormodal { padding-bottom: 62px; user-select: none; }\n\n.elementselectormodal .body { position: relative; height: 100%; }\n\n.elementselectormodal .body .spinner.big { position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; }\n\n.elementselectormodal .body .content { height: calc(100% + 48px); }\n\n.elementselectormodal .body .content .sidebar { position: absolute; top: 0; height: 100%; overflow: auto; }\n\nbody.ltr .elementselectormodal .body .content .sidebar { margin-left: -249px; }\n\nbody.rtl .elementselectormodal .body .content .sidebar { margin-right: -249px; }\n\n.elementselectormodal .body .content .main { margin: -24px; padding: 24px; height: 100%; box-sizing: border-box; overflow: auto; position: relative; }\n\n.elementselectormodal .body .content .main .elements.busy { min-height: calc(100% - 48px); }\n\n.elementselectormodal .body .content .main .elements .tableview table .element { display: inline-block; }\n\n.elementselectormodal .body .content .main .elements .tableview table tr:focus { outline: none; }\n\n.elementselectormodal .body .content .main .elements .tableview table tr.disabled { opacity: 1; color: #cdd8e4; }\n\n.elementselectormodal .body .content .main .elements .tableview table tr.disabled .element { opacity: 0.25; }\n\n.elementselectormodal .body .content .main .elements .tableview table tr th, .elementselectormodal .body .content .main .elements .tableview table tr td { cursor: default; }\n\nbody.ltr .elementselectormodal .body .content .main .elements .tableview table tr td:first-child { padding-left: 7px; }\n\nbody.rtl .elementselectormodal .body .content .main .elements .tableview table tr td:first-child { padding-right: 7px; }\n\n.elementselectormodal .body .content .main .elements .structure .row { margin-top: 1px; outline: none; }\n\n.elementselectormodal .footer { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; }\n\nbody.ltr .elementselectormodal .footer .spinner { float: right; }\n\nbody.rtl .elementselectormodal .footer .spinner { float: left; }\n\nbody.ltr .elementselectormodal .footer .spinner { margin-right: -24px; }\n\nbody.rtl .elementselectormodal .footer .spinner { margin-left: -24px; }\n\n/* element editing HUD */\n.element-hud-form .buttons { position: relative; }\n\n.element-hud-form .buttons .spinner { position: absolute; top: 0; }\n\nbody.ltr .element-hud-form .buttons .spinner { right: -24px; }\n\nbody.rtl .element-hud-form .buttons .spinner { left: -24px; }\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade, .loginmodalshade { z-index: 101; }\n\n#logoutwarningmodal, #loginmodal, #elevatedsessionmodal { width: 500px; }\n\n#logoutwarningmodal, #loginmodal { z-index: 101; }\n\n#loginmodal .inputcontainer, #elevatedsessionmodal .inputcontainer { position: relative; }\n\n#loginmodal .inputcontainer .spinner, #elevatedsessionmodal .inputcontainer .spinner { position: absolute; top: 0; margin-top: 0; }\n\nbody.ltr #loginmodal .inputcontainer .spinner, body.ltr #elevatedsessionmodal .inputcontainer .spinner { right: -24px; }\n\nbody.rtl #loginmodal .inputcontainer .spinner, body.rtl #elevatedsessionmodal .inputcontainer .spinner { left: -24px; }\n\n/* delete user modal */\n.deleteusermodal .content-summary { margin: -24px -24px 24px; padding: 24px; background-color: #f3f7fc; }\n\n.deleteusermodal .options label { display: inline-block; line-height: 30px; }\n\n.deleteusermodal .elementselect { display: inline-block; vertical-align: middle; }\n\nbody.ltr .deleteusermodal .elementselect { margin-left: 10px; }\n\nbody.rtl .deleteusermodal .elementselect { margin-right: 10px; }\n\nbody.ltr .deleteusermodal .buttons .spinner { margin-right: -20px; }\n\nbody.rtl .deleteusermodal .buttons .spinner { margin-left: -20px; }\n\n.dropdownsettingsmodal { width: auto; height: auto; min-width: 0; min-height: 0; max-width: 400px; }\n\n.dropdownsettingsmodal .body { max-height: 100%; overflow-y: auto; }\n\n.previewmodal.zilch { padding: 100px 0; display: flex; align-items: center; justify-content: center; }\n\n/* ----------------------------------------\n/*  Menus\n/* ----------------------------------------*/\n.menu, .ui-datepicker, .ui-timepicker-list { z-index: 100; border-radius: 4px; padding: 0 14px; overflow: auto; background: #fff; user-select: none; box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.1), 0 5px 20px rgba(31, 41, 51, 0.25); }\n\n.ui-datepicker, .ui-timepicker-list { padding: 0; }\n\n.menu { display: none; position: absolute; }\n\n.menu h6:first-child { margin-top: 14px !important; }\n\nbody.ltr .menu ul.padded li a { padding-left: 24px; }\n\nbody.rtl .menu ul.padded li a { padding-right: 24px; }\n\n.menu ul.padded li a[data-icon]:before, .menu ul.padded li a.icon:before, .menu ul.padded li a.sel:before { font-size: 14px; color: #9aa5b1; }\n\nbody.ltr .menu ul.padded li a[data-icon]:before, body.ltr .menu ul.padded li a.icon:before, body.ltr .menu ul.padded li a.sel:before { float: left; }\n\nbody.rtl .menu ul.padded li a[data-icon]:before, body.rtl .menu ul.padded li a.icon:before, body.rtl .menu ul.padded li a.sel:before { float: right; }\n\nbody.ltr .menu ul.padded li a[data-icon]:before, body.ltr .menu ul.padded li a.icon:before, body.ltr .menu ul.padded li a.sel:before { margin: 3px 0 0 -17px ; }\n\nbody.rtl .menu ul.padded li a[data-icon]:before, body.rtl .menu ul.padded li a.icon:before, body.rtl .menu ul.padded li a.sel:before { margin: 3px -17px 0 0 ; }\n\n.menu ul.padded li a[data-icon].error:before, .menu ul.padded li a.icon.error:before, .menu ul.padded li a.sel.error:before { color: #EF4E4E; }\n\n.menu ul.padded li a.sel:not([data-icon]):before { content: 'check'; }\n\n.menu ul li a { margin: 0 -14px; padding: 10px 14px; color: #3f4d5a; text-decoration: none; white-space: nowrap; font-size: 14px; }\n\n.menu ul li a:not(.flex) { display: block !important; }\n\n.menu ul li a.sel { cursor: default; }\n\n.menu ul li a .shortcut { color: #7b8793; }\n\nbody.ltr .menu ul li a .shortcut { float: right; }\n\nbody.rtl .menu ul li a .shortcut { float: left; }\n\nbody.ltr .menu ul li a .shortcut { margin-left: 14px; }\n\nbody.rtl .menu ul li a .shortcut { margin-right: 14px; }\n\n.menu > .flex { margin-top: 10px; margin-bottom: 10px; position: relative; }\n\nbody.ltr .menu > .flex.padded { margin-left: -14px; }\n\nbody.rtl .menu > .flex.padded { margin-right: -14px; }\n\nbody.ltr .menu > .flex.padded { padding-left: 24px; }\n\nbody.rtl .menu > .flex.padded { padding-right: 24px; }\n\n.menu > .flex.padded.sel:before { position: absolute; top: 36px; content: 'check'; font-size: 14px; color: #9aa5b1; }\n\nbody.ltr .menu > .flex.padded.sel:before { left: 7px; }\n\nbody.rtl .menu > .flex.padded.sel:before { right: 7px; }\n\n.menu hr { margin: 5px -14px; }\n\n.menubtn span.icon, .menu span.icon { display: inline-block; margin-top: -1px; width: 10px; text-align: center; font-size: 14px; color: #9aa5b1; }\n\nbody.ltr .menubtn span.icon, body.ltr .menu span.icon { margin-right: 10px; }\n\nbody.rtl .menubtn span.icon, body.rtl .menu span.icon { margin-left: 10px; }\n\n.menu ul li a:not(.sel):not(.disabled):hover, .menu ul li a:not(.sel):not(.disabled):hover .light, .menu:not(:hover) ul li a:not(.disabled).hover, .menu:not(:hover) ul li a:not(.sel):not(.disabled).hover .light { color: #3f4d5a; background-color: #f3f7fc; }\n\nbody.ltr .menu hr.padded { margin-left: 10px; }\n\nbody.rtl .menu hr.padded { margin-right: 10px; }\n\n/* tag select fields */\n.tagselect .elements { display: inline; }\n\n.tagselect .element.small { clear: none; }\n\n.tagselect .add { position: relative; z-index: 1; display: inline-block; width: 12em; }\n\nbody.ltr .tagselect .add { margin: 7px 7px 0 0 ; }\n\nbody.rtl .tagselect .add { margin: 7px 0 0 7px ; }\n\nbody.ltr .tagselect .add .text { padding-right: 30px; }\n\nbody.rtl .tagselect .add .text { padding-left: 30px; }\n\n.tagselect .add .spinner { position: absolute; top: 0; }\n\nbody.ltr .tagselect .add .spinner { right: 5px; }\n\nbody.rtl .tagselect .add .spinner { left: 5px; }\n\nbody.ltr .tagselect.elementselect .element, body.rtl .tagselect.elementselect .element { float: none !important; display: inline-block; }\n\nbody.ltr .tagmenu ul li a { padding-left: 26px; }\n\nbody.rtl .tagmenu ul li a { padding-right: 26px; }\n\nbody.ltr .tagmenu ul li a:before { float: left; }\n\nbody.rtl .tagmenu ul li a:before { float: right; }\n\nbody.ltr .tagmenu ul li a:before { margin: 3px 0 0 -18px ; }\n\nbody.rtl .tagmenu ul li a:before { margin: 3px -18px 0 0 ; }\n\n/* selectize */\n/* ----------------------------------------\n/*  Fields\n/* ----------------------------------------*/\n.shadow-box { border-radius: 5px; border: 1px solid #cdd8e4; box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); }\n\ntable.shadow-box thead:first-child tr:first-child th:first-child, table.shadow-box thead:first-child tr:first-child th:first-child.disabled:after, table.shadow-box thead:first-child tr:first-child td:first-child, table.shadow-box thead:first-child tr:first-child td:first-child.disabled:after, table.shadow-box tbody:first-child tr:first-child th:first-child, table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after, table.shadow-box tbody:first-child tr:first-child td:first-child, table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after, table.editable thead:first-child tr:first-child th:first-child, table.editable thead:first-child tr:first-child th:first-child.disabled:after, table.editable thead:first-child tr:first-child td:first-child, table.editable thead:first-child tr:first-child td:first-child.disabled:after, table.editable tbody:first-child tr:first-child th:first-child, table.editable tbody:first-child tr:first-child th:first-child.disabled:after, table.editable tbody:first-child tr:first-child td:first-child, table.editable tbody:first-child tr:first-child td:first-child.disabled:after { border-top-left-radius: 4px; }\n\ntable.shadow-box thead:first-child tr:first-child th:last-child, table.shadow-box thead:first-child tr:first-child th:last-child.disabled:after, table.shadow-box thead:first-child tr:first-child td:last-child, table.shadow-box thead:first-child tr:first-child td:last-child.disabled:after, table.shadow-box tbody:first-child tr:first-child th:last-child, table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after, table.shadow-box tbody:first-child tr:first-child td:last-child, table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after, table.editable thead:first-child tr:first-child th:last-child, table.editable thead:first-child tr:first-child th:last-child.disabled:after, table.editable thead:first-child tr:first-child td:last-child, table.editable thead:first-child tr:first-child td:last-child.disabled:after, table.editable tbody:first-child tr:first-child th:last-child, table.editable tbody:first-child tr:first-child th:last-child.disabled:after, table.editable tbody:first-child tr:first-child td:last-child, table.editable tbody:first-child tr:first-child td:last-child.disabled:after { border-top-right-radius: 4px; }\n\ntable.shadow-box thead:last-child tr:last-child th:first-child, table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after, table.shadow-box thead:last-child tr:last-child td:first-child, table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after, table.shadow-box tbody:last-child tr:last-child th:first-child, table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after, table.shadow-box tbody:last-child tr:last-child td:first-child, table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after, table.editable thead:last-child tr:last-child th:first-child, table.editable thead:last-child tr:last-child th:first-child.disabled:after, table.editable thead:last-child tr:last-child td:first-child, table.editable thead:last-child tr:last-child td:first-child.disabled:after, table.editable tbody:last-child tr:last-child th:first-child, table.editable tbody:last-child tr:last-child th:first-child.disabled:after, table.editable tbody:last-child tr:last-child td:first-child, table.editable tbody:last-child tr:last-child td:first-child.disabled:after { border-bottom-left-radius: 4px; }\n\ntable.shadow-box thead:last-child tr:last-child th:last-child, table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after, table.shadow-box thead:last-child tr:last-child td:last-child, table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after, table.shadow-box tbody:last-child tr:last-child th:last-child, table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after, table.shadow-box tbody:last-child tr:last-child td:last-child, table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after, table.editable thead:last-child tr:last-child th:last-child, table.editable thead:last-child tr:last-child th:last-child.disabled:after, table.editable thead:last-child tr:last-child td:last-child, table.editable thead:last-child tr:last-child td:last-child.disabled:after, table.editable tbody:last-child tr:last-child th:last-child, table.editable tbody:last-child tr:last-child th:last-child.disabled:after, table.editable tbody:last-child tr:last-child td:last-child, table.editable tbody:last-child tr:last-child td:last-child.disabled:after { border-bottom-right-radius: 4px; }\n\n.text:not(.selectize-text), .passwordwrapper, .border-box, .matrix-configurator > .field > .input, .selectize-text > .selectize-control > .selectize-input, .multiselect > select, .selectize.multiselect .selectize-control.multi .selectize-input { border-radius: 3px; border: 1px solid rgba(96, 125, 159, 0.25); background-color: #fbfcfe; box-shadow: inset 0 1px 4px -1px rgba(96, 125, 159, 0.25); background-clip: padding-box; }\n\n.text.focus, .text:focus, .passwordwrapper.focus, .passwordwrapper:focus, .border-box.focus, .border-box:focus, .selectize-text > .selectize-control > .selectize-input.focus, .selectize-text > .selectize-control > .selectize-input:focus { outline: none; border-color: rgba(96, 125, 159, 0.8); }\n\ninput.text, textarea.text, .text > input, .text > textarea, table.editable textarea, .selectize-text > .selectize-control > .selectize-input { font-size: 14px; line-height: 20px; color: #3f4d5a; min-height: 3px; box-sizing: border-box; appearance: none; }\n\n.selectize-text > .selectize-control > .selectize-input { line-height: 18px; }\n\ntextarea.text.fullwidth { display: block; }\n\n.multitext .multitextrow:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\n\nbody.ltr .multitext .multitextrow:first-child .text:first-child { border-top-left-radius: 4px; }\n\nbody.rtl .multitext .multitextrow:first-child .text:first-child { border-top-right-radius: 4px; }\n\nbody.ltr .multitext .multitextrow:first-child .text:last-child { border-top-right-radius: 4px; }\n\nbody.rtl .multitext .multitextrow:first-child .text:last-child { border-top-left-radius: 4px; }\n\nbody.ltr .multitext .multitextrow:last-child .text:first-child { border-bottom-left-radius: 4px; }\n\nbody.rtl .multitext .multitextrow:last-child .text:first-child { border-bottom-right-radius: 4px; }\n\nbody.ltr .multitext .multitextrow:last-child .text:last-child { border-bottom-right-radius: 4px; }\n\nbody.rtl .multitext .multitextrow:last-child .text:last-child { border-bottom-left-radius: 4px; }\n\n.multitext .multitextrow:not(:first-child) .text { margin-top: -1px; }\n\n.multitext .multitextrow .text { border-radius: 0; float: left; box-sizing: border-box; }\n\nbody.ltr .multitext .multitextrow .text:not(:first-child) { margin-left: -1px; }\n\nbody.rtl .multitext .multitextrow .text:not(:first-child) { margin-right: -1px; }\n\n.multitext .multitextrow .text:first-child:nth-last-child(1) { width: 100%; }\n\n.multitext .multitextrow .text:first-child:nth-last-child(2) { width: 50%; }\n\n.multitext .multitextrow .text:first-child:nth-last-child(2) ~ .text { width: calc(50% + 1px); }\n\n.multitext .multitextrow .text.error { position: relative; z-index: 1; }\n\n.multitext .multitextrow .text:focus, .multitext .multitextrow .selectize-text > .selectize-control > .selectize-input.focus { position: relative; z-index: 2; }\n\n.chars-left { position: relative; color: #9aa5b1; }\n\nbody.ltr .chars-left { float: right; }\n\nbody.rtl .chars-left { float: left; }\n\nbody.ltr .chars-left { margin: -27px 7px 0 0 ; }\n\nbody.rtl .chars-left { margin: -27px 0 0 7px ; }\n\n.chars-left.negative-chars-left { color: #EF4E4E; }\n\n.field, fieldset { position: relative; margin: 24px 0; }\n\n.flex > .field, .flex > fieldset { margin-top: 0; margin-bottom: 0; }\n\n.field > .status-badge { position: absolute; top: -3px; font-size: 9px; font-weight: bold; line-height: 15px; width: 15px; text-align: center; cursor: default; border-radius: 3px; }\n\nbody.ltr .field > .status-badge { left: -19px; }\n\nbody.rtl .field > .status-badge { right: -19px; }\n\n.field > .status-badge.modified { background-color: #1992D4; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n.field > .status-badge.outdated { background-color: #FADB5F; }\n\n.field > .status-badge.conflicted { background-color: #CF1124; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n.field > .heading { margin-top: -5px; margin-bottom: 5px; }\n\n.field > .heading > label { position: relative; font-weight: bold; color: #606d7b; }\n\n.field > .heading > label code { font-size: 1em !important; }\n\nbody:not(.altkeydown) .field > .heading > label > .alt-label, body.altkeydown .field > .heading > label > .primary-label { display: none; }\n\n.field > .heading > label > .site { display: inline-block; border-radius: 4px; padding: 0 4px; font-size: 11px; color: #7b8793; background-color: #e4edf6; }\n\nbody.ltr .field > .heading > label > .site { margin-left: 7px; }\n\nbody.rtl .field > .heading > label > .site { margin-right: 7px; }\n\n.field > .notice, .field > .warning { margin: 5px 0 0; }\n\n.field > .input { position: relative; }\n\n.field > .input:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\n\n.field > .heading > .instructions, .checkboxfield.has-instructions .instructions { margin-top: 2px; color: #7b8793; }\n\n.field > .heading > .instructions img, .checkboxfield.has-instructions .instructions img { max-width: 100%; }\n\n.field > .heading > .instructions ul, .field > .heading > .instructions ol, .checkboxfield.has-instructions .instructions ul, .checkboxfield.has-instructions .instructions ol { margin: 1em 0; }\n\nbody.ltr .field > .heading > .instructions ul, body.ltr .field > .heading > .instructions ol, body.ltr .checkboxfield.has-instructions .instructions ul, body.ltr .checkboxfield.has-instructions .instructions ol { padding-left: 2em; }\n\nbody.rtl .field > .heading > .instructions ul, body.rtl .field > .heading > .instructions ol, body.rtl .checkboxfield.has-instructions .instructions ul, body.rtl .checkboxfield.has-instructions .instructions ol { padding-right: 2em; }\n\n.field > .heading > .instructions ul li, .checkboxfield.has-instructions .instructions ul li { list-style-type: disc; }\n\n.field > .heading > .instructions li + li, .checkboxfield.has-instructions .instructions li + li { margin-top: 0.25em; }\n\n#expand-status-btn { margin-left: 5px; width: 30px; height: 17px; padding: 0; line-height: 16px; border-radius: 3px; color: #606d7b; }\n\n#expand-status-btn:before { margin: 0; }\n\n/* toggles and nested fields */\n.nested-fields { margin: -24px; padding: 24px 24px 0; }\n\n.nested-fields.hidden { display: block; height: 0; }\n\n.nested-fields > .field:last-child { padding-bottom: 24px; }\n\n/* checkbox */\ninput.checkbox { opacity: 0; position: absolute; width: 16px; height: 16px; }\n\ninput.checkbox + label, div.checkbox { display: inline-block; clear: none; position: relative; line-height: 16px; height: 16px; cursor: pointer; }\n\nbody.ltr input.checkbox + label, body.ltr div.checkbox { padding-left: 21px; }\n\nbody.rtl input.checkbox + label, body.rtl div.checkbox { padding-right: 21px; }\n\ninput.checkbox + label .info, div.checkbox .info { height: 16px; }\n\ninput.checkbox:disabled + label, .disabled div.checkbox { cursor: default; }\n\nbody.ltr input.checkbox + label:empty, body.ltr div.checkbox:empty { padding-left: 16px; }\n\nbody.rtl input.checkbox + label:empty, body.rtl div.checkbox:empty { padding-right: 16px; }\n\ninput.checkbox + label:empty:after, div.checkbox:empty:after { content: '.'; font-size: 0; }\n\n/* fixes a RTL bug */\ninput.checkbox + label:before, div.checkbox:before { display: block; position: absolute; top: 0; width: 16px !important; height: 16px; box-sizing: border-box; content: '.'; font-size: 0; background-color: #fbfcfe; border: 1px solid rgba(96, 125, 159, 0.4); background-clip: padding-box; border-radius: 3px; }\n\nbody.ltr input.checkbox + label:before, body.ltr div.checkbox:before { left: 0; }\n\nbody.rtl input.checkbox + label:before, body.rtl div.checkbox:before { right: 0; }\n\ninput.checkbox:disabled + label, div.checkbox.disabled:before, div.checkbox.disabled + label { opacity: 0.25; }\n\ninput.checkbox:checked + label:before, div.checkbox.checked:before, .sel div.checkbox:before, input.checkbox:indeterminate + label:before, div.checkbox.indeterminate:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; line-height: 16px; color: #1f2933; }\n\ninput.checkbox:checked:not(:indeterminate) + label:before, div.checkbox.checked:not(.indeterminate):before, .sel div.checkbox:not(.indeterminate):before { content: 'check'; font-size: 15px; }\n\ninput.checkbox:indeterminate + label:before, div.checkbox.indeterminate:before { content: 'minus'; font-size: 7px; text-align: center; }\n\ninput.checkbox:focus + label:before, :focus div.checkbox:before { outline: none; border-color: #607d9f; }\n\nfieldset .checkboxfield { margin: 5px 0; }\n\n.checkboxfield .instructions, .checkboxfield .notice, .checkboxfield .warning { margin-top: 2px; }\n\nbody.ltr .checkboxfield .instructions, body.ltr .checkboxfield .notice, body.ltr .checkboxfield .warning { padding-left: 21px; }\n\nbody.rtl .checkboxfield .instructions, body.rtl .checkboxfield .notice, body.rtl .checkboxfield .warning { padding-right: 21px; }\n\n/* multiselect */\n.multiselect > select { color: #3f4d5a; font-size: 14px; appearance: none; }\n\n.multiselect > select:focus { outline: none; border-color: rgba(96, 125, 159, 0.8); }\n\n.multiselect > select option { padding: 1px 8px; }\n\n.text:not(.selectize-text), .selectize-text > .selectize-control > .selectize-input { padding: 6px 9px; }\n\n.text { background-color: #fff; }\n\n.text.small { padding: 3px; }\n\n.text.readable { padding: 16px 18px; font-size: 16px; line-height: 22px; }\n\n.text.readable + .chars-left { margin-top: -23px; }\n\n.text input { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; }\n\n.input.errors > .text, .input.errors > .border-box, .input.errors > .passwordwrapper, .input.errors > .autosuggest-container .text, .text.error { border: 1px solid #EF4E4E !important; }\n\n.texticon { position: relative; cursor: text; min-width: 130px; }\n\n.texticon.icon:before { position: absolute; top: 9px; color: #7b8793; }\n\nbody.ltr .texticon.icon:before { left: 9px; }\n\nbody.rtl .texticon.icon:before { right: 9px; }\n\nbody.ltr .texticon.icon .text { padding-left: 26px; }\n\nbody.rtl .texticon.icon .text { padding-right: 26px; }\n\nbody.ltr .texticon.clearable .text { padding-right: 22px; }\n\nbody.rtl .texticon.clearable .text { padding-left: 22px; }\n\n.texticon .clear { position: absolute; top: 6px; color: #9aa5b1; cursor: pointer; }\n\nbody.ltr .texticon .clear { right: 9px; }\n\nbody.rtl .texticon .clear { left: 9px; }\n\n.texticon .clear:hover { color: #7b8793; }\n\n.texticon .clear:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'remove'; }\n\n.texthint-container { position: relative; height: 0; }\n\n.texthint { position: absolute; top: -1px; width: 100%; color: #9aa5b1; cursor: text; }\n\n.passwordwrapper { position: relative; display: flex; align-items: center; }\n\n.passwordwrapper .password { flex: 1; border: none; }\n\nbody.ltr .passwordwrapper .password-toggle { padding-right: 7px; }\n\nbody.rtl .passwordwrapper .password-toggle { padding-left: 7px; }\n\n.datetimewrapper { display: flex; flex-direction: row; align-items: center; }\n\nbody.ltr .datetimewrapper > .datewrapper + .timewrapper { margin-left: 5px; }\n\nbody.rtl .datetimewrapper > .datewrapper + .timewrapper { margin-right: 5px; }\n\n.datetimewrapper .clear-btn { width: 20px; cursor: pointer; color: rgba(123, 135, 147, 0.5); }\n\nbody.ltr .datetimewrapper .clear-btn { margin-left: 4px; }\n\nbody.rtl .datetimewrapper .clear-btn { margin-right: 4px; }\n\n.datetimewrapper .clear-btn:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'remove'; }\n\n.datetimewrapper .clear-btn:hover { color: #7b8793; }\n\n.datewrapper, .timewrapper { display: inline-block; position: relative; }\n\n.datewrapper .text, .timewrapper .text { position: relative; z-index: 1; width: 100%; }\n\n.datewrapper .text:placeholder-shown + div[data-icon], .timewrapper .text:placeholder-shown + div[data-icon] { display: block; position: absolute; top: calc(50% - 10px); z-index: 0; color: #9aa5b1; }\n\nbody.ltr .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .timewrapper .text:placeholder-shown + div[data-icon] { left: 14px; }\n\nbody.rtl .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .timewrapper .text:placeholder-shown + div[data-icon] { right: 14px; }\n\n.datewrapper .text:placeholder-shown + div[data-icon], .datewrapper .text:placeholder-shown + div[data-icon]:before, .timewrapper .text:placeholder-shown + div[data-icon], .timewrapper .text:placeholder-shown + div[data-icon]:before { user-select: none; pointer-events: none; z-index: 1; }\n\n#details .datewrapper .text:placeholder-shown + div[data-icon], #details .timewrapper .text:placeholder-shown + div[data-icon] { color: rgba(123, 135, 147, 0.5); }\n\n.datewrapper .text:not(:placeholder-shown) + div[data-icon], .timewrapper .text:not(:placeholder-shown) + div[data-icon] { display: none; }\n\n.datewrapper { width: 8em; }\n\n.datewrapper .text:before { top: calc(50% - 7px); content: 'date'; }\n\nbody.ltr .datewrapper .text:before { left: 7px; }\n\nbody.rtl .datewrapper .text:before { right: 7px; }\n\n.timewrapper { width: 7em; }\n\n.timewrapper .text:before { top: calc(50% - 5px); font-size: 11px; content: 'time'; }\n\nbody.ltr .timewrapper .text:before { left: 7px; }\n\nbody.rtl .timewrapper .text:before { right: 7px; }\n\n::-webkit-input-placeholder { color: #9aa5b1; }\n\ninput:-ms-input-placeholder { color: #9aa5b1; }\n\n::-ms-input-placeholder { color: #9aa5b1; }\n\n:-moz-placeholder { color: #9aa5b1; }\n\n::-moz-placeholder { color: #9aa5b1; }\n\n::placeholder { color: #9aa5b1; }\n\n/* Kill IE's special text features */\n::-ms-reveal, ::-ms-clear { display: none; }\n\n/* Assets related */\n.hud.assetshud .body { max-height: 500px; overflow: auto; }\n\n.select:not(.selectize), .select:not(.selectize) select { position: relative; border-radius: 5px; white-space: nowrap; }\n\n.select:not(.selectize) { position: relative; }\n\n:not(.flex) > .select:not(.selectize) { display: inline-block; }\n\n.select:not(.selectize):after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; position: absolute; z-index: 1; top: calc(50% - 5px); font-size: 10px; content: 'downangle'; user-select: none; pointer-events: none; }\n\nbody.ltr .select:not(.selectize):after { right: 9px; }\n\nbody.rtl .select:not(.selectize):after { left: 9px; }\n\n.select:not(.selectize) select { display: block; position: relative; border: none; font-size: 14px; line-height: 20px; color: #3f4d5a; background-color: rgba(96, 125, 159, 0.25); appearance: none; white-space: pre; }\n\nbody.ltr .select:not(.selectize) select { padding: 7px 22px 7px 10px ; }\n\nbody.rtl .select:not(.selectize) select { padding: 7px 10px 7px 22px ; }\n\n.select:not(.selectize) select::-ms-expand { display: none; }\n\n.select:not(.selectize) select option { background-color: #fff; }\n\n.select:not(.selectize).fullwidth select { min-width: 100%; }\n\n.select:not(.selectize) select:hover, .select:not(.selectize) select:focus { outline: none; background-color: rgba(96, 125, 159, 0.5); }\n\n.select:not(.selectize).small:after { top: 9px; }\n\n.select:not(.selectize).small select { padding-top: 4px !important; padding-bottom: 4px !important; font-size: 11px; }\n\n/* selectize reset */\n.selectize .selectize-control.single .selectize-input { border-color: inherit; box-shadow: none; background-color: transparent; }\n\n.selectize .selectize-control.single .selectize-input:after { display: none; }\n\nbody .selectize-dropdown { border: none; }\n\n/* single select styles */\n.selectize.select .selectize-control, .selectize.select .selectize-control .selectize-input { position: relative; border-radius: 5px; white-space: nowrap; }\n\n.selectize.select .selectize-control { position: relative; }\n\n:not(.flex) > .selectize.select .selectize-control { display: inline-block; }\n\n.selectize.select .selectize-control:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; position: absolute; z-index: 1; top: calc(50% - 5px); font-size: 10px; content: 'downangle'; user-select: none; pointer-events: none; }\n\nbody.ltr .selectize.select .selectize-control:after { right: 9px; }\n\nbody.rtl .selectize.select .selectize-control:after { left: 9px; }\n\n.selectize.select .selectize-control .selectize-input { display: block; position: relative; border: none; font-size: 14px; line-height: 20px; color: #3f4d5a; background-color: rgba(96, 125, 159, 0.25); appearance: none; }\n\nbody.ltr .selectize.select .selectize-control .selectize-input { padding: 7px 22px 7px 10px ; }\n\nbody.rtl .selectize.select .selectize-control .selectize-input { padding: 7px 10px 7px 22px ; }\n\n.selectize.select .selectize-control .selectize-input::-ms-expand { display: none; }\n\n.selectize.select.fullwidth .selectize-control, .selectize.select.fullwidth .selectize-control .selectize-input { min-width: 100%; }\n\n/* multi select styles */\n.selectize.multiselect .selectize-control.multi .selectize-input { padding: 6px 8px; }\n\n.selectize.multiselect .selectize-control.multi .selectize-input.has-items { padding: 5px 8px; }\n\n.selectize.multiselect .selectize-control.multi .selectize-input > div { display: inline-block; border-radius: 10px; padding: 2px 7px; font-size: 12px; line-height: 14px; color: #3f4d5a; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 1px rgba(123, 135, 147, 0.5); margin-top: 1px; margin-bottom: 1px; }\n\n.selectize.multiselect .selectize-control.plugin-remove_button [data-value] .remove { padding: 0; }\n\n/* shared styles */\n.selectize .selectize-control .selectize-input.focus { outline: none; border-color: rgba(96, 125, 159, 0.8); }\n\n/* menu styles */\nbody .selectize-dropdown { z-index: 100; border-radius: 4px; padding: 0 14px; overflow: auto; background: #fff; user-select: none; box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.1), 0 5px 20px rgba(31, 41, 51, 0.25); margin-top: 1px; padding: 0; }\n\nbody .selectize-dropdown-content { padding: 3px 14px; }\n\nbody .selectize-dropdown-content > div[data-value=\"new\"]:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'plus'; margin-right: 5px; }\n\nbody .selectize-dropdown-content > div[data-value=\"new\"]:after { content: '…'; }\n\nbody .selectize-dropdown [data-selectable], body .selectize-dropdown .optgroup-header { margin: 0 -14px; padding: 10px 14px; color: #3f4d5a; text-decoration: none; white-space: nowrap; }\n\nbody .selectize-dropdown .optgroup-header { margin: 14px 0 3px; font-size: 10px; line-height: 1.2; color: #9aa5b1; text-transform: uppercase; font-weight: bold; margin: 0; padding: 4px 0; }\n\nbody .selectize-dropdown .active { color: #3f4d5a; background-color: #f3f7fc; }\n\n/* datepicker */\n.ui-datepicker { position: fixed; top: -300px; -padding: 10px; width: 210px; height: 242px; z-index: 101 !important; }\n\nbody.ltr .ui-datepicker { margin-left: 1px; }\n\nbody.rtl .ui-datepicker { margin-right: 1px; }\n\n.ui-datepicker-header { padding: 8px 8px 4px; }\n\nbody.ltr .ui-datepicker-prev { float: left; }\n\nbody.rtl .ui-datepicker-prev { float: right; }\n\nbody.ltr .ui-datepicker-next { float: right; }\n\nbody.rtl .ui-datepicker-next { float: left; }\n\n.ui-datepicker-prev span, .ui-datepicker-next span { display: none; }\n\n.ui-datepicker-prev:after, .ui-datepicker-next:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; width: 20px; margin-top: -2px; line-height: 20px !important; text-align: center; }\n\nbody.ltr .ui-datepicker-prev:after { content: 'leftangle'; }\n\nbody.rtl .ui-datepicker-prev:after { content: 'rightangle'; }\n\nbody.ltr .ui-datepicker-next:after { content: 'rightangle'; }\n\nbody.rtl .ui-datepicker-next:after { content: 'leftangle'; }\n\n.ui-datepicker-title { text-align: center; }\n\n.ui-datepicker-calendar th, .ui-datepicker-calendar td { padding: 2px !important; }\n\n.ui-datepicker-calendar th span, .ui-datepicker-calendar td a { display: block; width: 26px; line-height: 26px; text-align: center; color: #3f4d5a; }\n\n.ui-datepicker-calendar th span { color: #7b8793; font-weight: normal; }\n\n.ui-datepicker-calendar td a { border-radius: 2px; }\n\n.ui-datepicker-calendar td a:hover { background-color: #cdd8e4; text-decoration: none; }\n\n.ui-datepicker-calendar td a.ui-state-active { background-color: #515f6c; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; cursor: default; }\n\n.ui-datepicker-calendar td.ui-datepicker-today a { border-radius: 13px; box-shadow: inset 0 0 0 2px #cdd8e4; }\n\n/* timepicker */\n.ui-timepicker-wrapper { z-index: 101; }\n\n.ui-timepicker-list { overflow-y: auto; width: calc(14px + 6em); height: 210px; z-index: 100; }\n\nbody.ltr .ui-timepicker-list { margin-left: 1px; }\n\nbody.rtl .ui-timepicker-list { margin-right: 1px; }\n\n.ui-timepicker-list li { white-space: nowrap; cursor: pointer; }\n\nbody.ltr .ui-timepicker-list li { padding: 2px 0 2px 14px ; }\n\nbody.rtl .ui-timepicker-list li { padding: 2px 14px 2px 0 ; }\n\n.ui-timepicker-list li:hover { background-color: #cdd8e4; }\n\n.ui-timepicker-list li.ui-timepicker-selected { background-color: #515f6c; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; cursor: default; }\n\n/* slide picker */\n.slide-picker { display: flex; height: 15px; white-space: nowrap; }\n\n.slide-picker a { border: 1px solid rgba(51, 64, 77, 0.1); background-image: none; width: 7px; height: 13px; margin-left: 0; display: inline-block; margin-top: 1px; margin-bottom: 1px; box-sizing: border-box; }\n\nbody.ltr .slide-picker a { border-left: none; }\n\nbody.rtl .slide-picker a { border-right: none; }\n\n.slide-picker a:first-child { width: 8px; }\n\nbody.ltr .slide-picker a:first-child { border-left: 1px solid #7b8793 !important; }\n\nbody.rtl .slide-picker a:first-child { border-right: 1px solid #7b8793 !important; }\n\n.slide-picker:not(:hover) a.active, .slide-picker:hover a.active-hover { border-top-color: #7b8793; border-bottom-color: #7b8793; height: 15px; margin-top: 0; margin-bottom: 0; }\n\nbody.ltr .slide-picker:not(:hover) a.active:first-child, body.ltr .slide-picker:hover a.active-hover:first-child { border-left: 1px solid #7b8793; }\n\nbody.rtl .slide-picker:not(:hover) a.active:first-child, body.rtl .slide-picker:hover a.active-hover:first-child { border-right: 1px solid #7b8793; }\n\nbody.ltr .slide-picker:not(:hover) a.active:first-child, body.ltr .slide-picker:hover a.active-hover:first-child { border-top-left-radius: 3px; }\n\nbody.rtl .slide-picker:not(:hover) a.active:first-child, body.rtl .slide-picker:hover a.active-hover:first-child { border-top-right-radius: 3px; }\n\nbody.ltr .slide-picker:not(:hover) a.active:first-child, body.ltr .slide-picker:hover a.active-hover:first-child { border-bottom-left-radius: 3px; }\n\nbody.rtl .slide-picker:not(:hover) a.active:first-child, body.rtl .slide-picker:hover a.active-hover:first-child { border-bottom-right-radius: 3px; }\n\nbody.ltr .slide-picker:not(:hover) a.last-active, body.ltr .slide-picker:hover a.last-active-hover { border-right: 1px solid #7b8793; }\n\nbody.rtl .slide-picker:not(:hover) a.last-active, body.rtl .slide-picker:hover a.last-active-hover { border-left: 1px solid #7b8793; }\n\nbody.ltr .slide-picker:not(:hover) a.last-active, body.ltr .slide-picker:hover a.last-active-hover { border-top-right-radius: 3px; }\n\nbody.rtl .slide-picker:not(:hover) a.last-active, body.rtl .slide-picker:hover a.last-active-hover { border-top-left-radius: 3px; }\n\nbody.ltr .slide-picker:not(:hover) a.last-active, body.ltr .slide-picker:hover a.last-active-hover { border-bottom-right-radius: 3px; }\n\nbody.rtl .slide-picker:not(:hover) a.last-active, body.rtl .slide-picker:hover a.last-active-hover { border-bottom-left-radius: 3px; }\n\n.slide-picker:focus { outline: none; }\n\n.slide-picker:focus a.active { background-color: #cdd8e4; }\n\n/* errors */\nul.errors { margin-top: 5px; list-style-type: square; }\n\nbody.ltr ul.errors { padding-left: 20px; }\n\nbody.rtl ul.errors { padding-right: 20px; }\n\nul.errors li { color: #EF4E4E; }\n\n/* message pages */\n.message-container { position: absolute; z-index: 100; top: 0; width: 100%; height: 100%; }\n\nbody.ltr .message-container { left: 0; }\n\nbody.rtl .message-container { right: 0; }\n\n.message-container.no-access { background-color: rgba(31, 41, 51, 0.5); }\n\n.message-container .pane { top: 50%; margin-top: -33px !important; margin-left: auto; margin-right: auto; width: 320px; box-shadow: 0 25px 100px rgba(31, 41, 51, 0.5); }\n\n/* auto-suggest */\n.autosuggest-container { position: relative; }\n\n.autosuggest__results-container { position: absolute; z-index: 2; width: 100%; border-radius: 5px; background-color: #fff; box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); box-sizing: border-box; padding: 0 14px; text-align: left; font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 1em !important; }\n\n.autosuggest__results-container .autosuggest__results_title { margin: 14px 0 3px; font-size: 10px; line-height: 1.2; color: #9aa5b1; text-transform: uppercase; font-weight: bold; margin-top: 14px !important; }\n\n.autosuggest__results-container .autosuggest__results_item { margin: 0 -14px; padding: 10px 14px; color: #3f4d5a; text-decoration: none; white-space: nowrap; }\n\n.autosuggest__results-container .autosuggest__results_item:hover, .autosuggest__results-container .autosuggest__results_item.autosuggest__results_item-highlighted { color: #3f4d5a; background-color: #f3f7fc; cursor: pointer; }\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n.matrix-configurator > .field { max-width: none; }\n\n.matrix-configurator > .field > .input { position: relative; background-color: #f3f7fc; overflow: hidden; box-shadow: none; }\n\nbody.ltr .matrix-configurator > .field > .input { padding-left: 440px; }\n\nbody.rtl .matrix-configurator > .field > .input { padding-right: 440px; }\n\n.matrix-configurator > .field > .input:after { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; visibility: visible; content: '.'; font-size: 0; border-radius: 3px; box-shadow: inset 0 1px 3px -1px #acbed2; user-select: none; pointer-events: none; }\n\n.matrix-configurator .mc-sidebar { position: absolute; top: 0; margin: 0; border: none; height: 100%; box-sizing: border-box; }\n\n.matrix-configurator .mc-sidebar .mc-col-items { margin-top: -1px; padding-top: 1px; }\n\n.matrix-configurator .mc-sidebar.block-types { width: 200px; }\n\nbody.ltr .matrix-configurator .mc-sidebar.block-types { left: 0; }\n\nbody.rtl .matrix-configurator .mc-sidebar.block-types { right: 0; }\n\n.matrix-configurator .mc-sidebar.block-types .mc-col-items .btn { margin: 14px; }\n\n.matrix-configurator .mc-sidebar.mc-fields { width: 240px; z-index: 1; background: #fff; box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.1), 0 2px 5px -2px rgba(31, 41, 51, 0.2); }\n\nbody.ltr .matrix-configurator .mc-sidebar.mc-fields { left: 200px; }\n\nbody.rtl .matrix-configurator .mc-sidebar.mc-fields { right: 200px; }\n\n.matrix-configurator .mc-sidebar.mc-fields .mc-col-items { padding: 14px; }\n\n.matrix-configurator .mc-sidebar.mc-fields .mc-col-items .btn { margin-top: 14px; }\n\n.matrix-configurator .mc-sidebar > .mc-col-inner-container > .mc-col-heading, .matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-heading { margin: 0; padding: 7px 14px 6px; border-bottom: 1px solid rgba(51, 64, 77, 0.1); background-color: #f3f7fc; background-image: linear-gradient(rgba(51, 64, 77, 0), rgba(51, 64, 77, 0.05)); }\n\n.matrix-configurator .mc-field-settings { flex: 1; position: relative; height: 100%; }\n\n.matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-heading { padding-left: 24px; padding-right: 24px; }\n\n.matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-items { padding: 24px; }\n\n.matrixconfigitem { position: relative; display: flex; align-items: center; user-select: none; cursor: default; min-height: 48px; box-sizing: border-box; }\n\n.matrixconfigitem.mci-blocktype { margin-top: -1px; padding: 8px 14px; border: solid rgba(51, 64, 77, 0.1); border-width: 1px 0; background-color: #e4edf6; }\n\n.matrixconfigitem.mci-blocktype.sel { z-index: 1; background-color: #cdd8e4; }\n\n.matrixconfigitem.mci-field { border-radius: 4px; padding: 7px 10px; background-color: #e4edf6; }\n\n.matrixconfigitem.mci-field.sel { background-color: #cdd8e4; }\n\n.matrixconfigitem.mci-field.sel .slide-picker:focus a.active { background-color: #99a4b0; }\n\n.matrixconfigitem.mci-field + .mci-field { margin-top: 7px; }\n\n.matrixconfigitem .mci-name { flex: 1; overflow: hidden; }\n\n.matrixconfigitem .mci-name h4, .matrixconfigitem .mci-name .smalltext { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n.matrixconfigitem .mci-name h4 { margin-bottom: 2px; font-weight: normal; color: #3f4d5a; }\n\n.matrixconfigitem .mci-name h4.mci-required:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'asterisk'; font-size: 8px; }\n\nbody.ltr .matrixconfigitem .mci-name h4.mci-required:after { margin: -2px 0 0 4px ; }\n\nbody.rtl .matrixconfigitem .mci-name h4.mci-required:after { margin: -2px 4px 0 0 ; }\n\n.matrixconfigitem.error .mci-name h4 { color: #EF4E4E; }\n\nbody.ltr .matrixconfigitem .slide-picker, body.ltr .matrixconfigitem .icon { margin-left: 7px; }\n\nbody.rtl .matrixconfigitem .slide-picker, body.rtl .matrixconfigitem .icon { margin-right: 7px; }\n\n.matrixconfigitem .icon { display: block; }\n\n.matrixconfigitem .icon:not(.error):not(:hover):before { color: rgba(123, 135, 147, 0.5); }\n\n.matrixconfigitem .icon.error:before { color: #EF4E4E; }\n\n/* Matrix fields */\n.matrix > .buttons { margin-top: 10px; }\n\n.matrixblock { position: relative; margin-bottom: 10px; padding: 0 14px 14px; border-radius: 5px; border: 1px solid rgba(51, 64, 77, 0.1); background-color: #f3f7fc; outline: none; }\n\n.matrixblock.static { padding-top: 14px; }\n\n.matrixblock > .titlebar { margin: 0 -14px; width: calc(100% + 28px); box-sizing: border-box; border-radius: 4px 4px 0 0; color: #9aa5b1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; cursor: default; user-select: none; position: relative; background-color: #ebf2fa; }\n\nbody.ltr .matrixblock > .titlebar { padding: 5px 70px 5px 35px ; }\n\nbody.rtl .matrixblock > .titlebar { padding: 5px 35px 5px 70px ; }\n\n.matrixblock > .titlebar:after { display: block; content: ''; position: absolute; bottom: -1px; left: 14px; width: calc(100% - 28px); height: 1px; background-color: rgba(51, 64, 77, 0.1); }\n\n.matrixblock > .titlebar > .blocktype { display: inline; color: #7b8793; }\n\n.matrixblock > .titlebar > .preview { display: inline; opacity: 0; transition: opacity linear 100ms; }\n\nbody.ltr .matrixblock > .titlebar > .preview { margin-left: 7px; }\n\nbody.rtl .matrixblock > .titlebar > .preview { margin-right: 7px; }\n\n.matrixblock > .titlebar > .preview span { opacity: 0.5; }\n\n.matrixblock.disabled { opacity: 1; }\n\nbody.ltr .matrixblock.disabled > .titlebar { padding-right: 90px; }\n\nbody.rtl .matrixblock.disabled > .titlebar { padding-left: 90px; }\n\n.matrixblock.disabled > .actions > .status.off { display: inline-block; }\n\nbody.ltr .matrixblock.disabled > .actions > .status.off { float: left; }\n\nbody.rtl .matrixblock.disabled > .actions > .status.off { float: right; }\n\nbody.ltr .matrixblock.disabled > .actions > .status.off { margin: 6px 10px 0 0 ; }\n\nbody.rtl .matrixblock.disabled > .actions > .status.off { margin: 6px 0 0 10px ; }\n\n.matrixblock.collapsed > .titlebar { border-radius: 4px; border-bottom: none; }\n\n.matrixblock.collapsed > .titlebar > .preview { opacity: 1; }\n\n.matrixblock > .checkbox { position: absolute; top: 7px; }\n\nbody.ltr .matrixblock > .checkbox { left: 14px; }\n\nbody.rtl .matrixblock > .checkbox { right: 14px; }\n\n.matrixblock > .actions { position: absolute; z-index: 1; top: 4px; cursor: default; }\n\nbody.ltr .matrixblock > .actions { right: 14px; }\n\nbody.rtl .matrixblock > .actions { left: 14px; }\n\n.matrixblock > .actions > .status.off { display: none; }\n\n.matrixblock > .actions a { padding: 0 !important; width: 15px; height: 20px; text-align: center; color: rgba(123, 135, 147, 0.5); }\n\nbody.ltr .matrixblock > .actions a { margin-right: 2px; }\n\nbody.rtl .matrixblock > .actions a { margin-left: 2px; }\n\n.matrixblock > .actions a:hover { width: 15px; height: 20px; text-align: center; color: #0B69A3; }\n\nbody.ltr .matrixblock > .actions a.settings:after { margin-left: 3px; }\n\nbody.rtl .matrixblock > .actions a.settings:after { margin-right: 3px; }\n\n.matrixblock:not(.static) > .fields { padding-top: 14px; }\n\n.matrixblock > .fields > .field { margin: 15px 0; }\n\n.matrixblock > .buttons { margin-top: 0; height: 30px; }\n\n/* categories */\n.add-category-form { margin-top: 24px; }\n\n.add-category-form .texticon { width: 200px; }\n\nbody.ltr .add-category-form .texticon { float: left; }\n\nbody.rtl .add-category-form .texticon { float: right; }\n\nbody.ltr .add-category-form .texticon { margin-right: 5px; }\n\nbody.rtl .add-category-form .texticon { margin-left: 5px; }\n\nbody.ltr .add-category-form .texticon .text { padding-right: 30px; }\n\nbody.rtl .add-category-form .texticon .text { padding-left: 30px; }\n\n.add-category-form .texticon .spinner { position: absolute; top: 0; }\n\nbody.ltr .add-category-form .texticon .spinner { right: 5px; }\n\nbody.rtl .add-category-form .texticon .spinner { left: 5px; }\n\n.categoriesfield { position: relative; min-height: 30px; }\n\nbody.ltr .categoriesfield .structure ul { margin-left: 12px; }\n\nbody.rtl .categoriesfield .structure ul { margin-right: 12px; }\n\n/* site pickers */\nbody.sitepicker #main-content { padding: 30px; justify-content: center; align-items: center; text-align: center; }\n\nbody.sitepicker #content-container { max-width: 400px; }\n\n.sitepicker-group li:not(:first-child) a { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }\n\n.sitepicker-group li:not(:first-child) a:not(:hover) { border-top-color: transparent; }\n\n.sitepicker-group li:not(:last-child) a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.sitepicker-group li a { display: block; position: relative; text-align: left; width: 100%; box-sizing: border-box; border: 1px solid rgba(51, 64, 77, 0.1); border-radius: 4px; font-size: 16px; line-height: 1.4; }\n\nbody.ltr .sitepicker-group li a { padding: 9px 42px 9px 15px ; }\n\nbody.rtl .sitepicker-group li a { padding: 9px 15px 9px 42px ; }\n\n.sitepicker-group li a:after { font-size: 14px; position: absolute; top: calc(50% - 7px); margin: 0; padding: 0; }\n\nbody.ltr .sitepicker-group li a:after { right: 12px; }\n\nbody.rtl .sitepicker-group li a:after { left: 12px; }\n\n.sitepicker-group li a:hover { border-color: #0B69A3; text-decoration: none; z-index: 1; }\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main { float: left \\9; width: 445px \\9; }\n\n/* ----------------------------------------\n/*  Retina graphics\n/* ----------------------------------------*/\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { table.data thead th.ordered { background-image: url(../images/listview_sort_2x.png); background-size: 26px; }\n  table.data thead th.ordered.loading { background-image: url(../images/spinner_tableheader_2x.gif); background-size: 26px; }\n  .spinner .elements.busy:after { background-image: url(../images/spinner_2x.gif); background-size: 20px; }\n  .spinner.big { background-image: url(../images/spinner_big_2x.gif); background-size: 48px; }\n  .btn.icon.add.loading:after { background-image: url(../images/spinner_2x.gif); background-size: 20px; }\n  .btn.icon.add.loading.submit:after { background-image: url(../images/spinner_submit_2x.gif); }\n  .secondary-buttons .btn.icon.add.loading.submit:after, .btn.secondary.icon.add.loading.submit:after { background-image: url(../images/spinner_submit_secondary_2x.gif); }\n  .sel .element.loading:after, .element.loading.sel:after { background-image: url(../images/spinner_element_2x.gif); background-size: 20px; }\n  .preview-thumb-container.loading:after { background-image: url(../images/spinner_dark_2x.gif); background-size: 20px; }\n  .structure ul li { background-size: 40px; }\n  body.ltr .structure ul li { background-image: url(../images/branch_2x.png); }\n  body.rtl .structure ul li { background-image: url(../images/branch_rtl_2x.png); }\n  .modal .resizehandle { background-size: 13px; }\n  body.ltr .modal .resizehandle { background-image: url(../images/resizehandle_2x.png); }\n  body.rtl .modal .resizehandle { background-image: url(../images/resizehandle_rtl_2x.png); }\n  .hud .tip-left { background-image: url(../images/hudtip_left_2x.png); background-size: 15px 30px; }\n  .hud .tip-top { background-image: url(../images/hudtip_top_2x.png); background-size: 30px 15px; }\n  .hud .tip-right { background-image: url(../images/hudtip_right_2x.png); background-size: 15px 30px; }\n  .hud .tip-bottom { background-image: url(../images/hudtip_bottom_2x.png); background-size: 30px 15px; }\n  .hud.has-footer .tip-bottom { background-image: url(../images/hudtip_bottom_gray_2x.png); } }\n\nhtml { -webkit-text-size-adjust: 100%; }\n\n#global-container { position: relative; }\n\n/* global sidebar */\n#global-sidebar { position: fixed; z-index: 100; display: flex; flex-direction: column; height: 100vh; padding: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; background-color: #33404d; }\n\n#global-sidebar a { color: #e4edf6; transition: color linear 100ms; text-decoration: none; }\n\n#global-sidebar > a, #global-sidebar *:not(.has-subnav) > a { outline: none; transition: background-color linear 100ms; }\n\n#global-sidebar > a[href]:hover, #global-sidebar > a[href].active, #global-sidebar > a[href]:active, #global-sidebar *:not(.has-subnav) > a[href]:hover, #global-sidebar *:not(.has-subnav) > a[href].active, #global-sidebar *:not(.has-subnav) > a[href]:active { color: #fff; }\n\n#global-sidebar > a[href]:not(.sel):hover, #global-sidebar *:not(.has-subnav) > a[href]:not(.sel):hover { background-color: #29333d; transition: none; }\n\n#global-sidebar > a[href]:not(.sel):hover .icon, #global-sidebar *:not(.has-subnav) > a[href]:not(.sel):hover .icon { opacity: 1; }\n\n#global-sidebar > a[href].active, #global-sidebar > a[href]:active, #global-sidebar *:not(.has-subnav) > a[href].active, #global-sidebar *:not(.has-subnav) > a[href]:active { background-color: #1f272e; }\n\n#global-sidebar > a:not([href]), #global-sidebar *:not(.has-subnav) > a:not([href]) { cursor: default; background-color: transparent; }\n\n#global-sidebar > a .icon, #global-sidebar *:not(.has-subnav) > a .icon { transition: opacity linear 100ms; }\n\n#global-sidebar .light { color: #7b8793; }\n\n#system-info { display: grid; grid-template-columns: 30px auto; grid-gap: 10px; padding: 0 10px; position: relative; flex: 0 0 60px; flex-direction: row; align-items: center; background-color: #29333d; }\n\n#system-info:after { display: none; }\n\n#system-info:focus, #system-info:hover { background-color: #1f272e !important; }\n\n#site-icon { height: 30px; }\n\n#site-icon img, #site-icon svg { display: block; width: 30px; height: 30px; border-radius: 4px; }\n\n#site-icon svg rect, #site-icon svg circle, #site-icon svg ellipse, #site-icon svg line, #site-icon svg polyline, #site-icon svg polygon, #site-icon svg path, #site-icon svg text { fill: #7b8793; stroke-width: 0; transition: fill linear 100ms; }\n\n#system-name h2 { margin: 0; width: 100%; overflow: hidden; max-height: 40px; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }\n\n#system-name h2:after { display: block; content: '.'; font-size: 0; position: absolute; top: 0; width: 14px; background-image: linear-gradient(to right, rgba(41, 51, 61, 0), #29333d); }\n\nbody.ltr #system-name h2:after { right: 0; }\n\nbody.rtl #system-name h2:after { left: 0; }\n\n#system-info:hover #system-name h2:after { background-image: linear-gradient(to right, rgba(31, 39, 46, 0), #1f272e); }\n\n#job-icon > span.icon { display: block; position: relative; width: 16px; height: 16px; }\n\n#job-icon > span.icon > canvas { display: block; position: absolute; width: 16px; height: 16px; }\n\n#job-icon > span.icon > canvas#job-icon-hover { opacity: 0; transition: opacity linear 100ms; }\n\n#job-icon .progressbar { position: static; margin: 8px 2px; width: auto; border-color: #cdd8e4; transition: color linear 100ms; }\n\n#job-icon .progressbar-inner { background-color: #cdd8e4; transition: color linear 100ms; }\n\n#job-icon[href]:hover .progressbar { border-color: #fff; }\n\n#job-icon[href]:hover .progressbar-inner { background-color: #fff; }\n\n#job-icon[href]:hover .icon > span.icon > canvas#job-icon-hover { opacity: 1; }\n\n#nav { flex: 1; margin: 27px 0 0; overflow: visible; }\n\n#nav li:not(.has-subnav) > a.sel { color: #fff; background-color: #1f2933; opacity: 1; }\n\n#nav li:not(.has-subnav) > a.sel .icon { opacity: 1; }\n\n#nav li a { padding-left: 14px; padding-right: 14px; }\n\n#nav li a.menubtn { line-height: 26px; }\n\n#nav li a.external:after { margin-left: 5px; font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'external'; }\n\n#nav li a:active .icon { opacity: 1; }\n\n#nav li a .icon { opacity: 0.5; }\n\n#nav li a .icon.icon-mask svg rect, #nav li a .icon.icon-mask svg circle, #nav li a .icon.icon-mask svg ellipse, #nav li a .icon.icon-mask svg line, #nav li a .icon.icon-mask svg polyline, #nav li a .icon.icon-mask svg polygon, #nav li a .icon.icon-mask svg path, #nav li a .icon.icon-mask svg text { fill: #fff; stroke-width: 0; transition: fill linear 100ms; }\n\n#nav li a .icon.icon-mask span[data-icon] { color: #fff; }\n\n#nav li a .label, #nav li a .label span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n#nav li a .badge { background-color: rgba(255, 255, 255, 0.5); color: #33404d; }\n\nbody.ltr #nav li a .badge { margin-right: 0; }\n\nbody.rtl #nav li a .badge { margin-left: 0; }\n\n#nav li ul { display: block; margin-bottom: 10px; }\n\n#nav li ul li a { font-size: 12px; }\n\nbody.ltr #nav li ul li a { padding: 3px 14px 3px 42px !important; }\n\nbody.rtl #nav li ul li a { padding: 3px 42px 3px 14px !important; }\n\n#nav li ul li a:not(.active) { color: #cdd8e4; }\n\n#app-info { padding: 14px 14px 24px; color: #131a20; text-align: center; }\n\n#edition { font-size: 14px; }\n\n#edition.hot:hover { cursor: pointer; }\n\n#edition.hot:hover #edition-logo { border-color: #9aa5b1; }\n\n#edition.hot:hover #edition-logo > .edition-name { color: #9aa5b1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n#edition.hot:hover #edition-logo > .edition-trial { background-color: #9aa5b1; }\n\nbody.ltr #edition.hot:hover #edition-logo > .edition-trial:before { border-color: transparent #9aa5b1 transparent transparent; }\n\nbody.rtl #edition.hot:hover #edition-logo > .edition-trial:before { border-color: transparent transparent transparent #9aa5b1; }\n\n#edition-logo { user-select: none; border: 1px solid #131a20; border-radius: 3px; display: inline-flex; height: 24px; box-sizing: content-box; transition: border-color linear 100ms; }\n\n#edition-logo > .edition-name, #edition-logo > .edition-trial { padding: 8px 8px 7px; line-height: 8px; font-weight: 500; }\n\n#edition-logo > .edition-name { letter-spacing: 2.2px; padding-right: 5.8px; text-transform: uppercase; transition: color linear 100ms; }\n\n#edition-logo > .edition-trial { display: inline-block; position: relative; background-color: #131a20; color: #33404d; border-radius: 0 1px 1px 0; letter-spacing: 1px; text-transform: lowercase; transition: background linear 100ms; }\n\nbody.ltr #edition-logo > .edition-trial { margin-left: 5px; }\n\nbody.rtl #edition-logo > .edition-trial { margin-right: 5px; }\n\nbody.ltr #edition-logo > .edition-trial { padding-left: 5px; }\n\nbody.rtl #edition-logo > .edition-trial { padding-right: 5px; }\n\nbody.ltr #edition-logo > .edition-trial { padding-right: 7px; }\n\nbody.rtl #edition-logo > .edition-trial { padding-left: 7px; }\n\n#edition-logo > .edition-trial:before { display: block; position: absolute; top: 0; content: '.'; font-size: 0; width: 0; height: 0; border-style: solid; transition: border-color linear 100ms; }\n\nbody.ltr #edition-logo > .edition-trial:before { left: -10px; border-width: 0 10px 23px 0; border-color: transparent #131a20 transparent transparent; }\n\nbody.rtl #edition-logo > .edition-trial:before { right: -10px; border-width: 0 0 23px 10px; border-color: transparent transparent transparent #131a20; }\n\n#version { margin-top: 4px; font-size: 12px; }\n\n#devmode { flex: 0 0 4px; width: 100%; min-height: 4px; background: url(../images/dev-mode.svg) repeat-x 21px 0; cursor: help; }\n\nbody.ltr #page-container { padding-left: 226px; }\n\nbody.rtl #page-container { padding-right: 226px; }\n\n#alerts { background-color: #EF4E4E; padding: 9px 0; text-align: center; color: #fff; }\n\n#alerts li { padding: 4px 24px; }\n\n#alerts li:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'alert'; font-size: 16px; }\n\nbody.ltr #alerts li:before { margin: -1px 3px 0 0 ; }\n\nbody.rtl #alerts li:before { margin: -1px 0 0 3px ; }\n\n#alerts li a { color: #fff; text-decoration: underline; }\n\n#alerts li a.go { text-decoration: none; white-space: nowrap; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 4px; padding: 3px 5px; margin: 0 2px; }\n\n#alerts li a.go:after { color: #fff; }\n\n#alerts li a.go:hover { border-color: #fff; transition: border-color linear 100ms; }\n\n#global-header { margin-bottom: 14px; background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); background: #f3f7fc; }\n\n#global-header .flex { height: 60px; align-items: center; }\n\n#crumbs { display: flex; flex-direction: row; align-items: stretch; font-size: 13px; }\n\n#crumbs.empty { display: none; }\n\n#crumbs a { color: #9aa5b1; transition: color linear 100ms; }\n\n#crumbs a:hover { color: #0B69A3; text-decoration: none; }\n\n#crumbs nav { margin: 0; }\n\n#crumbs nav ul { display: flex; flex-direction: row; align-items: stretch; }\n\n#crumbs nav ul li:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; margin: -1px 5px 0; font-size: 11px; color: #9aa5b1; }\n\nbody.ltr #crumbs nav ul li:after { content: 'rightangle'; }\n\nbody.rtl #crumbs nav ul li:after { content: 'leftangle'; }\n\n#crumbs nav ul li a { display: inline-block; padding: 5px 0 1px; }\n\n#nav-toggle { display: none; width: 36px; height: 26px; line-height: 26px; color: #9aa5b1; text-align: center; }\n\nbody.ltr #nav-toggle { margin-left: -10px; }\n\nbody.rtl #nav-toggle { margin-right: -10px; }\n\n#nav-toggle:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'menu'; font-size: 16px; line-height: 0; }\n\n#nav-toggle:hover { color: #7b8793; }\n\n#user-info { display: flex; flex-direction: row; align-items: center; height: 100%; background-color: transparent; border-radius: 0; }\n\nbody.ltr #user-info { padding: 0 24px 0 14px ; }\n\nbody.rtl #user-info { padding: 0 14px 0 24px ; }\n\n#user-info:after { color: #9aa5b1; transition: color linear 100ms; }\n\nbody.ltr #user-info:after { margin: 0 0 0 5px !important; }\n\nbody.rtl #user-info:after { margin: 0 5px 0 0 !important; }\n\n#user-info:hover:after { color: #7b8793; }\n\n.header-photo { padding: 5px 0; }\n\n.header-photo img { display: block; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.05), 0 0 0 rgba(31, 41, 51, 0); transition: box-shadow linear 150ms; }\n\n#user-info:hover .header-photo img { box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.05), 0 2px 10px -2px rgba(31, 41, 51, 0.3); }\n\n/* main container */\n#main-container { position: relative; }\n\n#notifications { position: fixed; width: calc(100% - 226px); z-index: 101; display: flex; justify-content: center; align-items: flex-start; }\n\n#notifications .notification { padding: 5px 10px; border-radius: 0 0 3px 3px; border-width: 0 1px 1px; color: #fff !important; pointer-events: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); }\n\n#notifications .notification.notice { background-color: #127FBF; }\n\n#notifications .notification.error { background-color: #E5422B; }\n\n#header-container { margin-bottom: 14px; }\n\nbody.ltr #crumbs, body.ltr #header { padding-left: 30px; }\n\nbody.rtl #crumbs, body.rtl #header { padding-right: 30px; }\n\nbody.ltr #crumbs, body.ltr #header { padding-right: 24px; }\n\nbody.rtl #crumbs, body.rtl #header { padding-left: 24px; }\n\n#global-header .flex, #header .flex { flex-wrap: nowrap; max-width: 100%; }\n\n#global-header .flex.flex-nowrap, #header .flex.flex-nowrap { min-width: 0; }\n\n#global-header .flex > *, #header .flex > * { margin-bottom: 0; }\n\n#header { display: flex; align-items: flex-start; align-content: stretch; flex-wrap: nowrap; justify-content: space-between; padding-top: 13px; padding-bottom: 13px; position: relative; z-index: 2; width: calc(100vw - 226px); box-sizing: border-box; background-color: rgba(154, 165, 177, 0); box-shadow: 0 1px 0 rgba(51, 64, 77, 0); transition: background-color linear 100ms, box-shadow linear 100ms; }\n\nbody.fixed-header #header { position: fixed; z-index: 12; top: 0; background-color: #e4edf6; box-shadow: inset 0 -1px 0 rgba(63, 77, 90, 0.1); }\n\n@supports (backdrop-filter: blur(10px)) { #header { transition: background-color linear 100ms, box-shadow linear 100ms, backdrop-filter linear 100ms; }\n  body.fixed-header #header { background-color: rgba(228, 237, 246, 0.75); backdrop-filter: blur(10px); } }\n\n@media only screen and (min-width: 974px) { body.ltr #header .flex:not(:last-child) { margin-right: 7px; }\n  body.rtl #header .flex:not(:last-child) { margin-left: 7px; } }\n\n#header h1 { line-height: 32px; margin-top: 0; margin-bottom: 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\nbody.ltr #header h1:not(:last-child) { margin-right: 14px !important; }\n\nbody.rtl #header h1:not(:last-child) { margin-left: 14px !important; }\n\n#header .buttons, #header .btngroup { margin-top: 0; }\n\n@media only screen and (min-width: 974px) { #page-title.has-toolbar { min-width: 189px !important; } }\n\n#toolbar { flex: 1; align-items: flex-start; }\n\n#toolbar .btn, #toolbar .text { color: #394b60; }\n\n#toolbar .icon:before, #toolbar .texticon:before, #toolbar .menubtn:after, #toolbar [data-icon]:before, #toolbar [data-icon-after]:after { color: #4d6480; }\n\n#toolbar .text { border-radius: 5px; box-shadow: none; }\n\n#toolbar .text::-webkit-input-placeholder { color: #4d6480; }\n\n#toolbar .text:-ms-input-placeholder { color: #4d6480; }\n\n#toolbar .text::-ms-input-placeholder { color: #4d6480; }\n\n#toolbar .text:-moz-placeholder { color: #4d6480; }\n\n#toolbar .text::-moz-placeholder { color: #4d6480; }\n\n#toolbar .text::placeholder { color: #4d6480; }\n\n#toolbar .text:not(:focus) { background-clip: border-box; }\n\n#toolbar .spinner { background-image: url(../images/spinner_toolbar.gif); }\n\n#action-button { height: 34px; }\n\n#main-content { display: flex; flex-direction: row; align-items: flex-start; width: calc(100vw - 226px); padding: 0 24px 48px; box-sizing: border-box; }\n\n#main-content > .grid:only-child { flex: 1; }\n\n#sidebar-toggle-container { display: none; }\n\n#sidebar-container { flex: 0 0 226px; width: 226px; box-sizing: border-box; }\n\nbody.ltr #sidebar-container { margin-left: -24px; }\n\nbody.rtl #sidebar-container { margin-right: -24px; }\n\n#sidebar { box-sizing: border-box; padding: 0 31px; width: 226px; background-color: transparent; }\n\n#sidebar.fixed { position: fixed; overflow-y: auto; padding-top: 14px; padding-bottom: 14px; }\n\n#sidebar nav { margin-left: -31px; margin-right: -31px; }\n\n#sidebar nav li a:not(.sel):hover { background-color: #cdd8e4; }\n\n#sidebar nav li a.sel { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); background-color: #f3f7fc; }\n\n#content-container { flex: 1; }\n\n#main-content.has-sidebar #content-container { width: calc(100% - 202px); max-width: calc(100% - 202px); }\n\n#main-content.has-details #content-container { width: calc(100% - 350px - 14px); max-width: calc(100% - 350px - 14px); }\n\n#content-container #main-content.has-sidebar.has-details { width: calc(100% - 226px - 350px - 38px); max-width: calc(100% - 226px - 350px - 38px); }\n\n#tabs { margin: -10px -12px 0; padding: 10px 12px 0; overflow: hidden; display: flex; align-items: center; }\n\n#tabs ul { display: flex; flex-direction: row; max-width: calc(100% - 40px); }\n\n#tabs ul li { max-width: 100%; }\n\nbody.ltr #tabs ul li + li { margin-left: -12px; }\n\nbody.rtl #tabs ul li + li { margin-right: -12px; }\n\n#tabs ul li a { display: block; position: relative; border-radius: 4px 4px 0 0; padding: 12px 24px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; line-height: 1.2; }\n\n#tabs ul li a:hover { text-decoration: none; }\n\n#tabs ul li a:not(.sel) { color: #606d7b; }\n\n#tabs ul li a:not(.sel):hover { color: #3f4d5a; background-image: linear-gradient(to bottom, #f3f7fc, rgba(243, 247, 252, 0.5)); }\n\n#tabs ul li a.sel { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); z-index: 1; color: #3f4d5a; cursor: default; background-clip: padding-box; }\n\n#tabs #overflow-tab-btn { margin-left: 10px; width: 30px; height: 17px; padding: 0; line-height: 16px; border-radius: 3px; color: #606d7b; }\n\n#tabs #overflow-tab-btn:before { margin: 0; }\n\n#tabs #overflow-tab-btn:after { display: none; }\n\n.content-pane { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); border-radius: 5px; position: relative; background-clip: padding-box; padding: 24px; word-wrap: break-word; }\n\nbody.ltr .content-pane.square { border-top-left-radius: 0; }\n\nbody.rtl .content-pane.square { border-top-right-radius: 0; }\n\n.content-pane > hr { margin-left: -24px; margin-right: -24px; }\n\n#footer { z-index: 1; margin: 24px -24px -24px; padding: 10px 24px; background-color: #f3f7fc; border-radius: 0 0 5px 5px; }\n\n#footer:empty { display: none; }\n\n#footer > *, #footer .flex > * { margin-bottom: 0; }\n\n#details-container { flex: 0 0 388px; width: 388px; box-sizing: border-box; }\n\nbody.ltr #details-container { margin-right: -24px; }\n\nbody.rtl #details-container { margin-left: -24px; }\n\n#details { box-sizing: border-box; padding-bottom: 24px; width: 388px; }\n\nbody.ltr #details { padding-right: 24px; }\n\nbody.rtl #details { padding-left: 24px; }\n\nbody.ltr #details { padding-left: 14px; }\n\nbody.rtl #details { padding-right: 14px; }\n\n#main-content.has-tabs #details { padding-top: 40px; }\n\n#details.fixed { position: fixed; overflow-y: auto; padding-top: 14px; }\n\n#main-content.has-tabs #details.fixed { padding-top: 54px; }\n\n#details .meta { margin-bottom: 14px; border-radius: 5px; padding: 0 24px; }\n\n#details .meta:not(.read-only):not(.warning) { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); background-color: #f3f7fc; }\n\n#details .meta.read-only { padding-top: 14px; padding-bottom: 14px; background-color: #cdd8e4; }\n\n#details .meta.warning { border: 2px solid #FADB5F; padding: 19px 22px; background: #f3f7fc; color: #3f4d5a !important; }\n\n#details .meta.warning p { margin-bottom: 5px; }\n\n#details .meta.warning .btn { background-color: #FADB5F; }\n\n#details .meta.warning .btn:hover, #details .meta.warning .btn:focus { background-color: #f8d02e; }\n\n#details .meta.warning .btn:active { background-color: #f8ca15; }\n\n#details .meta > .field, #details .meta > .data { margin: 0 -24px !important; }\n\n#details .meta > .field:first-child, #details .meta > .data:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }\n\n#details .meta > .field:last-child, #details .meta > .data:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }\n\n#details .meta > .field > .heading > label, #details .meta > .field > .heading, #details .meta > .data > .heading > label, #details .meta > .data > .heading { color: #515f6c; }\n\n#details .meta > .field.has-errors { margin: 0 -24px !important; padding: 0 24px; }\n\n#details .meta > .field .status-badge { top: calc(50% - 8px); }\n\nbody.ltr #details .meta > .field .status-badge { left: 4px; }\n\nbody.rtl #details .meta > .field .status-badge { right: 4px; }\n\n#details .meta .text::placeholder, #details .meta .datewrapper .text:placeholder-shown + div[data-icon], #details .meta .timewrapper .text:placeholder-shown + div[data-icon] { color: #9aa5b1; }\n\nbody.ltr #details .meta .ui-datepicker { margin: 0 0 0 -8px ; }\n\nbody.rtl #details .meta .ui-datepicker { margin: 0 -8px 0 0 ; }\n\n#details hr { margin: 14px 0; border-top-color: rgba(51, 64, 77, 0.1); }\n\n#details .spinner { background-image: url(../images/spinner_details.gif); }\n\n#details .text { background-color: transparent; }\n\n@media only screen and (max-width: 1199px) { #global-container { width: calc(100vw + 226px); }\n  body.ltr #global-container { left: -226px; }\n  body.rtl #global-container { right: -226px; }\n  body.ltr #global-container { transition: left 250ms ease-in-out; }\n  body.rtl #global-container { transition: right 250ms ease-in-out; }\n  body.ltr.showing-nav #global-container { left: 0; }\n  body.rtl.showing-nav #global-container { right: 0; }\n  #crumbs { display: flex !important; }\n  #header { width: 100vw; }\n  #nav-toggle { display: block; }\n  #main-content { width: 100vw; } }\n\n@media only screen and (max-width: 973px) { #header { display: block; }\n  #header .flex:not(#toolbar) { margin-top: 10px; }\n  #toolbar { flex-wrap: wrap !important; }\n  #toolbar > * { margin-top: 10px !important; }\n  body.fixed-header #header .flex:first-child { margin-top: 0; }\n  #main-content { display: block; }\n  #sidebar-toggle-container { display: block; margin-bottom: 14px; }\n  #sidebar-toggle:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'downangle'; }\n  body.ltr #sidebar-toggle:after { margin-left: 5px; }\n  body.rtl #sidebar-toggle:after { margin-right: 5px; }\n  body.showing-sidebar #sidebar-toggle { background-color: #acbed2 !important; }\n  body.showing-sidebar #sidebar-toggle:after { content: 'upangle'; }\n  #sidebar-container, #details-container { width: auto !important; }\n  #sidebar, #details { position: static !important; overflow-y: visible !important; max-height: none !important; width: auto; }\n  #sidebar { margin-bottom: 14px; }\n  body:not(.showing-sidebar) #sidebar { display: none; }\n  body.ltr #details-container { margin-right: 0; }\n  body.rtl #details-container { margin-left: 0; }\n  #content-container { width: auto !important; max-width: none !important; }\n  #details { padding: 0 !important; margin-top: 14px; } }\n\n@media only screen and (max-width: 767px) { #crumbs, #header, #main-content { padding-left: 10px; padding-right: 10px; }\n  #tabs ul li a { padding-left: 14px; padding-right: 14px; }\n  body.ltr #tabs ul li + li { margin-left: -7px; }\n  body.rtl #tabs ul li + li { margin-right: -7px; } }\n\nbody.ltr #settingsmenu ul li a { padding-left: 46px; }\n\nbody.rtl #settingsmenu ul li a { padding-right: 46px; }\n\n#settingsmenu ul li a:before { font-size: 15px; }\n\nbody.ltr #settingsmenu ul li a:before { margin: 1px 0 0 -22px ; }\n\nbody.rtl #settingsmenu ul li a:before { margin: 1px -22px 0 0 ; }\n\n#settingsmenu ul li a img { width: 16px; height: 16px; position: absolute; margin-left: -23px; margin-top: 1px; }\n\n/* grids */\n.grid { position: relative; }\n\n.grid:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\n\n.grid > .item { display: none; box-sizing: border-box; }\n\n.lp-editor-container, .lp-preview-container { position: fixed; top: 0; height: 100%; background-color: #fff; z-index: 100; }\n\n.lp-editor-container header, .lp-preview-container header { padding: 10px 24px; background-color: #e4edf6; box-shadow: 0 1px 0 rgba(63, 77, 90, 0.2); box-sizing: border-box; }\n\n@supports (backdrop-filter: blur(10px)) { .lp-editor-container header, .lp-preview-container header { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; background-color: rgba(228, 237, 246, 0.75); backdrop-filter: blur(10px); }\n  .lp-editor-container header + .lp-editor, .lp-preview-container header + .lp-editor { padding-top: 78px; } }\n\n.lp-editor-container header .btn, .lp-editor-container header .spinner, .lp-editor-container header .checkmark-icon, .lp-preview-container header .btn, .lp-preview-container header .spinner, .lp-preview-container header .checkmark-icon { margin-bottom: 0; }\n\n.lp-editor-container { display: flex; flex-direction: column; box-shadow: 1px 0 0 rgba(63, 77, 90, 0.2); }\n\n.lp-editor-container .lp-editor { flex: 1; padding: 24px; overflow: auto; box-sizing: border-box; }\n\n.lp-editor-container .lp-editor > .field:last-child { margin-bottom: 24px !important; }\n\n.lp-editor-container .lp-draghandle { position: absolute; z-index: 6; top: 0; width: 4px; height: 100%; cursor: col-resize; }\n\nbody.ltr .lp-editor-container .lp-draghandle { right: -2px; }\n\nbody.rtl .lp-editor-container .lp-draghandle { left: -2px; }\n\n.lp-preview-container { display: flex; flex-direction: column; }\n\n.lp-preview-container.dragging:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; font-size: 0; }\n\n.lp-preview-container .lp-preview-header { justify-content: center; }\n\n.lp-preview-container .lp-preview-header + .lp-iframe-container { padding-top: 54px; }\n\n.lp-preview-container .lp-iframe-container { flex: 1; overflow: auto; }\n\n.lp-preview-container .lp-iframe-container .lp-preview { display: block; width: 100%; min-height: 100%; }\n\n/* Sidebar */\n.sidebar { padding: 14px 0; width: 226px; box-sizing: border-box; font-size: 13px; background-color: #f3f7fc; }\n\n.sidebar .heading { position: relative; margin: 14px 24px 2px; }\n\n.sidebar .heading span { display: inline-block; position: relative; z-index: 1; padding: 0 5px; margin: 0 -5px; text-transform: uppercase; color: #9aa5b1; font-size: 11px; font-weight: bold; }\n\n.sidebar nav { padding: 0 7px; }\n\nbody.ltr .sidebar nav > ul > li > a { padding-left: 24px; }\n\nbody.rtl .sidebar nav > ul > li > a { padding-right: 24px; }\n\nbody.ltr .sidebar nav > ul > li > .toggle { left: 0px; }\n\nbody.rtl .sidebar nav > ul > li > .toggle { right: 0px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > a { padding-left: 38px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > a { padding-right: 38px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > .toggle { left: 14px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > .toggle { right: 14px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > a { padding-left: 52px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > a { padding-right: 52px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > .toggle { left: 28px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > .toggle { right: 28px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > a { padding-left: 66px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > a { padding-right: 66px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > .toggle { left: 42px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > .toggle { right: 42px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 80px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-right: 80px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li > .toggle { left: 56px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li > .toggle { right: 56px; }\n\n.sidebar nav li { position: relative; }\n\n.sidebar nav li:not(.has-subnav) > a { transition: background-color linear 100ms; }\n\n.sidebar nav li:not(.has-subnav) > a:hover { text-decoration: none; background-color: #e4edf6; }\n\n.sidebar nav li:not(.has-subnav) > a.sel { cursor: default; background-color: #cdd8e4; }\n\n.sidebar nav li a { position: relative; margin-bottom: 1px; display: flex; flex-direction: row; align-items: center; padding: 7px 24px; min-height: 24px; box-sizing: border-box; color: #3f4d5a; user-select: none; outline: none; border-radius: 5px; }\n\n.sidebar nav li a .status { flex-shrink: 1; }\n\n.sidebar nav li a .icon { flex-shrink: 1; width: 18px; height: 18px; transition: margin-left linear 150ms, margin-right linear 150ms; }\n\nbody.ltr .sidebar nav li a .icon { margin-right: 10px; }\n\nbody.rtl .sidebar nav li a .icon { margin-left: 10px; }\n\n.sidebar nav li a .icon.icon-mask svg rect, .sidebar nav li a .icon.icon-mask svg circle, .sidebar nav li a .icon.icon-mask svg ellipse, .sidebar nav li a .icon.icon-mask svg line, .sidebar nav li a .icon.icon-mask svg polyline, .sidebar nav li a .icon.icon-mask svg polygon, .sidebar nav li a .icon.icon-mask svg path, .sidebar nav li a .icon.icon-mask svg text { fill: #7b8793; stroke-width: 0; transition: fill linear 100ms; }\n\n.sidebar nav li a .icon.icon-mask span[data-icon] { color: #7b8793; }\n\n.sidebar nav li a .icon svg { width: 16px; height: 16px; }\n\n.sidebar nav li a .icon span[data-icon] { font-size: 16px; }\n\n.sidebar nav li a .icon span[data-icon]::before { display: block; }\n\n.sidebar nav li a .label { flex: 1; }\n\n.sidebar nav li a .badge { flex-shrink: 1; padding: 0 6px; font-size: 11px; line-height: 16px; border-radius: 8px; background-color: #7b8793; color: #fff; }\n\nbody.ltr .sidebar nav li a .badge { margin: 0 -4px 0 10px ; }\n\nbody.rtl .sidebar nav li a .badge { margin: 0 10px 0 -4px ; }\n\n.sidebar nav li .toggle { position: absolute; top: 7px; }\n\n.sidebar nav li ul { display: none; }\n\n.sidebar nav li.expanded > ul { display: block; }\n\n#job-icon { align-items: flex-start; }\n\n#job-icon .icon { margin-top: 2px !important; }\n\n#job-icon .progress-label { display: block; color: #9aa5b1; font-size: 11px; line-height: 1.5; }\n\nbody.ltr .content.has-sidebar:not(.hiding-sidebar) { margin-left: 226px; }\n\nbody.rtl .content.has-sidebar:not(.hiding-sidebar) { margin-right: 226px; }\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields { display: flex; flex-wrap: wrap; align-content: flex-start; margin: 0 -14px -24px 0; width: calc(100% + 14px); }\n\n#content :not(.meta) > .flex-fields > h2 { margin: 0 -10px 24px -24px !important; padding: 0 10px 0 24px; width: calc(100% + 34px); }\n\n#content :not(.meta) > .flex-fields > h2:not(:first-child) { padding-top: 24px; border-top: 1px solid rgba(51, 64, 77, 0.1); }\n\n#content :not(.meta) > .flex-fields > hr { margin: 0 -10px 24px -24px; width: calc(100% + 34px); }\n\n#content :not(.meta) > .flex-fields > :not(h2):not(hr), #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child { margin: 0 14px 24px 0 !important; width: calc(100% - 14px); }\n\n@media only screen and (min-width: 1426px) { #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-25, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-25 { width: calc(25% - 14px); }\n  #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-50, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-50 { width: calc(50% - 14px); }\n  #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-75, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-75 { width: calc(75% - 14px); } }\n\n@media only screen and (min-width: 500px) and (max-width: 1425px) { #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-25, #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-50, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-25, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-50 { width: calc(50% - 14px); } }\n\n/* retina */\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { #details .spinner { background-image: url(../images/spinner_details_2x.gif); background-size: 20px; }\n  #toolbar .spinner { background-image: url(../images/spinner_toolbar_2x.gif); background-size: 20px; }\n  #upgrademodal.loading { background-image: url(../images/spinner_big_2x.gif); background-size: 48px; }\n  #upgrademodal-success .message { background-image: url(../images/success_2x.png); background-size: 48px; } }\n\n.layoutdesigner { display: flex; align-items: stretch; position: relative; border-radius: 3px; border: 1px solid rgba(96, 125, 159, 0.25); background-color: #fbfcfe; box-shadow: inset 0 1px 4px -1px rgba(96, 125, 159, 0.25); background-clip: padding-box; overflow: hidden; box-shadow: none; min-height: 500px; }\n\nbody.ltr .layoutdesigner { padding-right: 241px; }\n\nbody.rtl .layoutdesigner { padding-left: 241px; }\n\n.layoutdesigner .fld-workspace { flex: 1; background-color: #f3f7fc; background-image: linear-gradient(to right, #ecf2f9 1px, transparent 0px), linear-gradient(to bottom, #ecf2f9 1px, transparent 1px); background-size: 24px 24px; background-position: -1px -1px; box-shadow: inset 0 1px 3px -1px #acbed2; }\n\nbody.ltr .layoutdesigner .fld-workspace { border-radius: 3px 0 0 3px; }\n\nbody.rtl .layoutdesigner .fld-workspace { border-radius: 0 3px 3px 0; }\n\nbody.ltr .layoutdesigner .fld-workspace { padding: 24px 0 24px 24px ; }\n\nbody.rtl .layoutdesigner .fld-workspace { padding: 24px 24px 24px 0 ; }\n\n.layoutdesigner .fld-workspace .fld-tabs { display: flex; align-items: flex-start; flex-wrap: wrap; }\n\n.layoutdesigner .fld-sidebar { position: absolute; top: 0; height: 100%; width: 241px; padding: 14px; overflow: auto; box-sizing: border-box; }\n\nbody.ltr .layoutdesigner .fld-sidebar { right: 0; }\n\nbody.rtl .layoutdesigner .fld-sidebar { left: 0; }\n\n.layoutdesigner .fld-sidebar .btngroup { margin-bottom: 14px; }\n\n.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group { margin-top: 14px; }\n\n.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6 { margin-bottom: 7px; }\n\n.layoutdesigner .fld-sidebar .filtered { display: none; }\n\n.layoutdesigner .fld-new-tab-btn:active { background-color: #f3f7fc; }\n\n.fld-sidebar, .fld-tab .tabs .tab, .fld-tab .fld-tabcontent, .fld-new-tab-btn, .fld-new-tab-btn:hover { background-color: #fff; box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.1), 0 2px 5px -2px rgba(31, 41, 51, 0.2); }\n\nbody.ltr .fld-tab .settings, body.ltr .fld-element .slide-picker { margin-left: 7px; }\n\nbody.rtl .fld-tab .settings, body.rtl .fld-element .slide-picker { margin-right: 7px; }\n\n.fld-tab .settings:before, .fld-field .settings:before { margin-top: -2px; font-size: 16px; opacity: 0.5; }\n\n.fld-tab .settings:hover:before, .fld-tab .settings.active:before, .fld-field .settings:hover:before, .fld-field .settings.active:before { opacity: 1; }\n\n.fld-tab { width: 264px; box-sizing: border-box; }\n\nbody.ltr .fld-tab { padding: 0 25px 24px 0 ; }\n\nbody.rtl .fld-tab { padding: 0 0 24px 25px ; }\n\n.fld-tab .tabs { margin: -10px -12px 0; padding: 10px 12px 0; overflow: hidden; display: flex; }\n\n.fld-tab .tabs .tab { display: flex; padding: 8px 14px; border-radius: 4px 4px 0 0; }\n\nbody:not(.dragging) .fld-tab .tabs .tab.draggable { cursor: move; cursor: grab; }\n\n.fld-tab .fld-tabcontent { padding: 14px; }\n\nbody.ltr .fld-tab .fld-tabcontent { border-radius: 0 4px 4px 4px; }\n\nbody.rtl .fld-tab .fld-tabcontent { border-radius: 4px 0 4px 4px; }\n\n.fld-tab.fld-insertion .tabs .tab, .fld-tab.fld-insertion .fld-tabcontent { margin: -2px; border: 2px dashed rgba(51, 64, 77, 0.1); box-shadow: none; background-color: #f3f7fc; background-image: linear-gradient(to right, #ecf2f9 1px, transparent 0px), linear-gradient(to bottom, #ecf2f9 1px, transparent 1px); background-size: 24px 24px; }\n\n.fld-tab.fld-insertion .tabs .tab { background-position: -1px -1px; }\n\n.fld-tab.fld-insertion .fld-tabcontent { background-position: -1px -13px; }\n\n.fld-tab-caboose { min-height: 24px; }\n\n.fld-element { position: relative; padding: 7px 10px; box-shadow: inset 0 0 0 1px rgba(51, 64, 77, 0.1); background-color: #fff; border-radius: 4px; }\n\nbody:not(.dragging) .fld-element { cursor: move; cursor: grab; }\n\n.fld-element + .fld-element { margin-top: 7px; }\n\n.fld-element.fld-insertion { box-sizing: border-box; border: 2px dashed rgba(51, 64, 77, 0.1); border-radius: 4px; background: none; box-shadow: none; }\n\n.fld-element.draghelper { box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); }\n\n.fld-element.fld-field { display: flex; align-items: center; background-color: #e4edf6; }\n\n.fld-element.fld-field:not(.draghelper) { box-shadow: none; }\n\n.fld-element.fld-field .fld-field-hidden:not(.hidden) { margin-top: -3px; }\n\nbody.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden) { margin-right: 5px; }\n\nbody.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden) { margin-left: 5px; }\n\n.fld-element.fld-field .fld-field-hidden:not(.hidden):before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'shuteye'; }\n\n.fld-element.fld-field .fld-field-hidden:not(.hidden), .fld-element.fld-field .fld-field-hidden:not(.hidden) + .field-name h4 { color: #7b8793; }\n\n.fld-element.fld-field .field-name { flex: 1; overflow: hidden; }\n\n.fld-element.fld-field .field-name h4 { margin-bottom: 2px; }\n\n.fld-element.fld-field.fld-required .field-name h4:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'asterisk'; font-size: 8px; }\n\nbody.ltr .fld-element.fld-field.fld-required .field-name h4:after { margin: -2px 0 0 4px ; }\n\nbody.rtl .fld-element.fld-field.fld-required .field-name h4:after { margin: -2px 4px 0 0 ; }\n\n.fld-element .fld-element-label { font-weight: normal; color: #3f4d5a; }\n\n.fld-element .fld-element-label, .fld-element.fld-field .field-name .smalltext { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\nbody.dragging { cursor: move !important; cursor: grabbing !important; }\n\n.fld-hr { display: flex; justify-content: center; padding: 9px 10px; }\n\n.fld-hr:before { position: absolute; display: block; top: calc(50% - 2px); left: 10px; width: calc(100% - 20px); height: 4px; content: '.'; font-size: 0; background-color: #e4edf6; border-radius: 2px; }\n\n.fld-hr .smalltext { position: relative; background-color: #e4edf6; border-radius: 8px; padding: 1px 7px; }\n\n.fld-ui-element { display: flex; align-items: center; }\n\n.fld-ui-element .fld-element-icon { text-align: center; }\n\nbody.ltr .fld-ui-element .fld-element-icon { margin-right: 5px; }\n\nbody.rtl .fld-ui-element .fld-element-icon { margin-left: 5px; }\n\n.fld-ui-element .fld-element-icon, .fld-ui-element .fld-element-icon svg { width: 16px; height: 16px; }\n\n.fld-ui-element .fld-element-icon svg rect, .fld-ui-element .fld-element-icon svg circle, .fld-ui-element .fld-element-icon svg ellipse, .fld-ui-element .fld-element-icon svg line, .fld-ui-element .fld-element-icon svg polyline, .fld-ui-element .fld-element-icon svg polygon, .fld-ui-element .fld-element-icon svg path, .fld-ui-element .fld-element-icon svg text { fill: #9aa5b1; stroke-width: 0; transition: fill linear 100ms; }\n\n.fld-element-settings { width: 240px; }\n\n/* No Scroll */\nhtml.noscroll, html.noscroll body { overflow: hidden; height: 100%; }\n\n/* Image Editor */\n.modal.imageeditor { background-color: #1f2933; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; opacity: 0; user-select: none; }\n\n.modal.imageeditor.modal { border-radius: 0; }\n\n.modal.imageeditor.modal .body:after { display: none; }\n\n.modal.imageeditor .btn:not(.submit):not(.noborder) { background-color: #515f6c; color: #fff; }\n\n.modal.imageeditor .btn:not(.submit):not(.noborder):hover { background-color: #3f4d5a; }\n\n.modal.imageeditor .btn:not(.submit):not(.noborder).active { background-color: #33404d; }\n\n.modal.imageeditor .icon::before { width: 24px; height: 24px; margin-top: -4px; margin-left: -3px; display: inline-block; content: ' '; }\n\n.modal.imageeditor .icon.rotate-left::before { background-image: url(../images/image-editor/rotate-left.svg); }\n\n.modal.imageeditor .icon.rotate-right::before { background-image: url(../images/image-editor/rotate-right.svg); }\n\n.modal.imageeditor .icon.flip-vertical::before { background-image: url(../images/image-editor/flip-vertical.svg); }\n\n.modal.imageeditor .icon.flip-horizontal::before { background-image: url(../images/image-editor/flip-horizontal.svg); }\n\n.modal.imageeditor .icon.constraint::before { background-image: url(../images/image-editor/unconstrained.svg); }\n\n.modal.imageeditor .icon.focal-point::before { background-image: url(../images/image-editor/focal-point.svg); }\n\n.modal.imageeditor .body { display: flex; padding: 0; }\n\n.modal.imageeditor .body .tabs { border-right: 1px solid #131a20; }\n\n.modal.imageeditor .body .tabs ul { width: 100px; flex-direction: column; align-items: stretch; }\n\n.modal.imageeditor .body .tabs ul li { padding: 14px; text-align: center; border-bottom: 1px solid #131a20; }\n\n.modal.imageeditor .body .tabs ul li i { background-repeat: no-repeat; background-position: top center; display: block; height: 24px; }\n\n.modal.imageeditor .body .tabs ul li[data-view=\"rotate\"] i { background-image: url(../images/image-editor/rotate-left.svg); }\n\n.modal.imageeditor .body .tabs ul li[data-view=\"crop\"] i { background-image: url(../images/image-editor/crop.svg); }\n\n.modal.imageeditor .body .tabs ul li[data-view=\"filters\"] i { background-image: url(../images/image-editor/filters.svg); }\n\n.modal.imageeditor .body .tabs ul li:hover { background-color: #1b242c; }\n\n.modal.imageeditor .body .tabs ul li.selected { background-color: #151c23; }\n\n.modal.imageeditor .body .tabs ul li:hover { cursor: pointer; }\n\n.modal.imageeditor .body .views { padding: 24px; overflow: auto; }\n\n.modal.imageeditor .body .views .btngroup { margin-bottom: 24px; }\n\n.modal.imageeditor .body .views .filters ul { width: 100px; }\n\n.modal.imageeditor .body .views .filters ul li { text-align: center; margin-right: 14px; margin-bottom: 14px; }\n\n.modal.imageeditor .body .views .filters ul li:last-child { margin-right: 0; }\n\n.modal.imageeditor .body .views .filters ul li img { border: 3px solid transparent; border-radius: 4px; }\n\n.modal.imageeditor .body .views .filters ul li span { display: block; }\n\n.modal.imageeditor .body .views .filters ul li:hover { cursor: pointer; }\n\n.modal.imageeditor .body .views .filters ul li.selected img { border-color: #fff; }\n\n.modal.imageeditor .body .image-container { flex-grow: 1; display: flex; flex-direction: column; position: relative; overflow: hidden; }\n\n.modal.imageeditor .body .image-container .image { text-align: center; flex-grow: 1; position: relative; }\n\n.modal.imageeditor .body .image-container .image canvas { position: absolute; top: 0; left: 0; }\n\n.modal.imageeditor .body .image-container .image-tools { text-align: center; }\n\n.modal.imageeditor .body .image-container .image-tools .straightening { max-width: 400px; display: block; margin: 0 auto; overflow: hidden; }\n\n.modal.imageeditor .footer { position: absolute; background-color: transparent; bottom: 0; left: 0; width: 100%; border-top: 1px solid #000; }\n\n.modal.imageeditor .body .views .crop .orientation { display: flex; align-items: center; justify-content: center; }\n\n.modal.imageeditor .body .views .crop .orientation input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: center center; background-repeat: no-repeat; margin: 0 4px; cursor: pointer; }\n\n.modal.imageeditor .body .views .crop .orientation input:focus { outline: none; }\n\n.modal.imageeditor .body .views .crop .orientation input[value=\"landscape\"] { width: 30px; height: 20px; background-image: url(../images/image-editor/orientation-landscape-unchecked.svg); }\n\n.modal.imageeditor .body .views .crop .orientation input[value=\"landscape\"]:checked { background-image: url(../images/image-editor/orientation-landscape-checked.svg); }\n\n.modal.imageeditor .body .views .crop .orientation input[value=\"portrait\"] { width: 20px; height: 30px; background-image: url(../images/image-editor/orientation-portrait-unchecked.svg); }\n\n.modal.imageeditor .body .views .crop .orientation input[value=\"portrait\"]:checked { background-image: url(../images/image-editor/orientation-portrait-checked.svg); }\n\n.modal.imageeditor.vertical .body .views .crop > .btngroup:first-child { justify-content: center; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container { display: flex; justify-content: center; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons { overflow: auto; margin-left: -24px; margin-right: -24px; margin-bottom: 12px; padding-left: 24px; padding-right: 24px; padding-bottom: 12px; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint { padding: 4px 12px; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint:hover { cursor: pointer; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint.active { color: #fff; background: #515f6c; border-radius: 1rem; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint:last-child { position: relative; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint:last-child:after { content: \"\"; display: block; position: absolute; right: -24px; width: 24px; height: 1px; }\n\n.modal.imageeditor:not(.vertical) .body .views .crop .constraint-buttons { flex-direction: column; align-items: stretch; text-align: center; }\n\n.modal.imageeditor:not(.vertical) .body .views .crop .constraint-buttons .constraint { text-align: left; padding: 4px 0 4px 24px; cursor: pointer; }\n\n.modal.imageeditor:not(.vertical) .body .views .crop .constraint-buttons .constraint.active { background-position: left center; background-repeat: no-repeat; background-image: url(../images/image-editor/check.svg); }\n\n/* Vertical */\n.vertical.imageeditor .body { flex-direction: column-reverse; }\n\n.vertical.imageeditor .body .tabs ul { display: flex; flex-direction: row; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; }\n\n.vertical.imageeditor .body .tabs ul li { flex-grow: 1; border: 0; border-right: 1px solid #000; padding: 7px; }\n\n.vertical.imageeditor .body .views { width: auto; }\n\n.vertical.imageeditor .body .views .rotate { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: -14px; }\n\n.vertical.imageeditor .body .views .rotate .btngroup { margin: 0 7px 14px; }\n\n.vertical.imageeditor .body .views .filters ul { width: auto; height: 109px; overflow: auto; white-space: nowrap; margin: 0 -24px; margin-bottom: -24px; padding: 24px; text-align: center; }\n\n.vertical.imageeditor .body .views .filters ul li { display: inline-block; margin-bottom: 0; }\n\n/* Slide Rule */\n.slide-rule { position: relative; padding: 10px 0; }\n\n.slide-rule .cursor { position: absolute; margin-left: -4px; margin-top: 4px; left: 50%; z-index: 1; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #63A6E1; }\n\n.slide-rule .graduations { white-space: nowrap; height: 40px; position: relative; }\n\n.slide-rule .graduations ul { position: relative; float: left; }\n\n.slide-rule .graduations ul li { display: inline-block; font-size: 8px; position: relative; width: 10px; }\n\n.slide-rule .graduations ul li:not(.main-graduation) { left: 1px; }\n\n.slide-rule .graduations ul li.main-graduation:before { border-left-width: 3px; }\n\n.slide-rule .graduations ul li.main-graduation .label { display: block; cursor: default; }\n\n.slide-rule .graduations ul li.selected:before { border-left-color: #63A6E1; }\n\n.slide-rule .graduations ul li:before { content: ''; position: absolute; border-left: 1px solid #fff; height: 10px; top: 0px; left: 0; }\n\n.slide-rule .graduations ul li .label { width: 20px; position: absolute; top: 10px; left: -9px; display: none; text-align: center; }\n\n.slide-rule .value { display: none; position: absolute; bottom: 0; left: 50%; z-index: 1; box-sizing: border-box; padding: 5px; width: 50px; margin-left: -25px; background: #515f6c; }\n\n.slide-rule .overlay { z-index: 2; position: absolute; top: 0; right: 0; bottom: 1px; left: 0; background-image: linear-gradient(to right, #1f2933 0%, rgba(31, 41, 51, 0) 15%, rgba(31, 41, 51, 0) 85%, #1f2933 100%); }\n\n/* Misc */\n.menu.dark { background-color: #515f6c; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n.menu.dark ul li a { color: #fff !important; }\n\n.menu.dark ul li a:not(.sel):not(.disabled):hover { background-color: #3f4d5a; }\n\n_:-ms-lang(x), .elements .tableview td.checkbox-cell input.checkbox + label, .elements .tableview td.checkbox-cell div.checkbox { top: 16px; }\n\n_:-ms-lang(x), input.checkbox + label:empty, div:empty.checkbox { display: block; }\n","/* ----------------------------------------\n/*  Reset (thanks Eric!)\n/* ----------------------------------------*/\n\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  vertical-align: baseline;\n}\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n  content: none;\n}\n\ntable {\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\na {\n  text-decoration: none;\n}\n\ninput, textarea {\n  margin: 0;\n  font-family: 'Lucida Grande', sans-serif;\n  font-size: 100%;\n}\n\ntextarea {\n  resize: vertical;\n}\n\nselect {\n  margin: 0;\n}\n","@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n@mixin spinner {\n  width: 24px;\n  background: url(../images/spinner.gif) no-repeat 50% 50%;\n}\n\n@mixin checkered-bg($size) {\n  // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n  $halfSize: $size / 2;\n  background-image:\n          linear-gradient(45deg, $grey100 25%, transparent 25%),\n          linear-gradient(135deg, $grey100 25%, transparent 25%),\n          linear-gradient(45deg, transparent 75%, $grey100 75%),\n          linear-gradient(135deg, transparent 75%, $grey100 75%);\n  background-size: $size $size;\n  background-position: 0 0, $halfSize 0, $halfSize -#{$halfSize}, 0 $halfSize;\n}\n\n@mixin striped-bg($size, $color: $grey100) {\n  // h/t https://css-tricks.com/stripes-css/\n  $halfSize: $size / 2;\n  body.ltr & {\n    background: repeating-linear-gradient(135deg, $white, $white $halfSize, $color $halfSize, $color $size);\n  }\n  body.rtl & {\n    background: repeating-linear-gradient(45deg, $white, $white $halfSize, $color $halfSize, $color $size);\n  }\n}\n\n@font-face {\n  font-family: 'Craft';\n  src: url('../fonts/Craft.woff') format('woff'),\n  url('../fonts/Craft.ttf') format('truetype'),\n  url('../fonts/Craft.svg#Craft') format('svg');\n  font-weight: normal;\n  font-style: normal;\n}\n\n/* ----------------------------------------\n/*  Basic stuff\n/* ----------------------------------------*/\n\nbody, html {\n  background-color: $grey100;\n}\n\nhtml.noscroll,\nhtml.noscroll body {\n  overflow: hidden;\n}\n\nbody {\n  width: 100vw;\n  overflow-x: hidden;\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  -webkit-font-smoothing: subpixel-antialiased;\n}\n\nbody.rtl {\n  direction: rtl;\n}\n\nbody, input, select, textarea {\n  @include sans-serif-font;\n}\n\n.first, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, blockquote:first-child, hr:first-child, .pane:first-child, .grid:first-child, fieldset:first-child, .field:first-child, .toolbar:first-child, .buttons:first-child {\n  margin-top: 0 !important;\n}\n\n.last, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, blockquote:last-child, .pane:last-child, .grid:last-child, fieldset:last-child, .field:last-child, .toolbar:last-child, .buttons:last-child {\n  margin-bottom: 0 !important;\n}\n\n.draghelper {\n  box-sizing: border-box;\n}\n\n.text,\ntable.editable textarea {\n  body.rtl .ltr & {\n    text-align: left !important;\n    direction: ltr !important;\n  }\n\n  body.ltr .rtl & {\n    text-align: right !important;\n    direction: rtl !important;\n  }\n}\n\n/* icons */\n.icon:before,\n.menu ul.padded li a.sel:before,\n.menu .flex.padded.sel:before,\n.texticon:before,\n.element:before,\n#help:before,\n.secure:before,\n.insecure:before,\n.go:after,\n.menubtn:after,\n.required:after,\n#preview-btn:before,\n#share-btn:before,\n.toggle:before,\na.fieldtoggle:before,\n[data-icon]:before,\n[data-icon-after]:after {\n  @include icon;\n}\n\n.secure:before,\n.insecure:before {\n  margin-top: -3px;\n  font-size: 14px;\n}\n\n[data-icon]:before {\n  content: attr(data-icon);\n}\n\n[data-icon-after]:after {\n  content: attr(data-icon-after);\n}\n\nbody.rtl [data-icon=list]:before,\nbody.rtl [data-icon-after=list]:after {\n  content: 'listrtl';\n}\n\nbody.rtl [data-icon=structure]:before,\nbody.rtl [data-icon-after=structure]:after {\n  content: 'structurertl';\n}\n\n.icon.secure:before {\n  content: 'secure';\n}\n\n.icon.insecure:before {\n  content: 'insecure';\n}\n\n.icon.add:before {\n  content: 'plus';\n}\n\n.icon.edit:before {\n  content: 'edit';\n}\n\n.icon.settings:before {\n  content: 'settings';\n}\n\n.icon.search:before {\n  content: 'search';\n}\n\n.icon.expand:before {\n  content: 'expand';\n}\n\n.icon.collapse:before {\n  content: 'collapse';\n}\n\n.help:before {\n  content: 'help';\n  color: $pink400;\n}\n\n#preview-btn,\n#share-btn {\n  &:before {\n    @include margin-right(7px);\n  }\n}\n\n#preview-btn:before {\n  margin-top: -2px;\n  content: 'view';\n}\n\n#share-btn:before {\n  body.ltr & {\n    content: 'share';\n  }\n  body.rtl & {\n    content: 'shareleft';\n  }\n}\n\n/* headings */\nh1 {\n  margin-bottom: 24px;\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh2 {\n  margin: 14px 0;\n  font-size: 16px;\n  font-weight: bold;\n  line-height: 20px;\n}\n\nh3 {\n  margin: 14px 0;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh4 {\n  margin: 14px 0;\n  font-weight: bold;\n  line-height: 1.2;\n  color: $mediumTextColor;\n}\n\nh5 {\n  margin: 14px 0 3px;\n  line-height: 1.2;\n  color: $mediumTextColor;\n}\n\nh6 {\n  @include h6-styles;\n}\n\nh1[data-icon]:before {\n  @include margin(-8px, 10px, 0, 0)\n}\n\nh2[data-icon]:before {\n  @include margin(-4px, 6px, 0, 0);\n  font-size: 19px;\n}\n\n/* horizontal rule */\nhr {\n  margin: 24px 0;\n  border: none;\n  border-top: 1px solid $hairlineColor;\n  height: 0;\n  color: transparent;\n}\n\n.pane hr {\n  margin: 24px -24px;\n}\n\n/* paragraphs */\np {\n  margin: 1em 0;\n}\n\nh5 + p {\n  margin-top: 0;\n}\n\nsup {\n  vertical-align: super;\n  font-size: smaller;\n}\n\nsub {\n  vertical-align: sub;\n  font-size: smaller;\n}\n\n.indent {\n  @include margin-left(14px);\n}\n\n/* lists */\n.bullets {\n  @include padding-left(40px);\n  list-style-type: square;\n}\n\nol {\n  @include padding-left(40px);\n  list-style-type: decimal;\n}\n\n/* code */\ncode,\n.code,\n.code input,\n.code textarea {\n  @include fixed-width-font;\n\n  &.smalltext {\n    font-size: 0.8em !important;\n  }\n}\n\n/* links */\na {\n  color: $linkColor;\n  cursor: pointer;\n\n  body.underline-links & {\n    text-decoration: underline;\n  }\n}\n\na:hover {\n  text-decoration: underline;\n}\n\na.sel,\nli.sel a {\n  cursor: default !important;\n  text-decoration: none;\n}\n\n.go:after {\n  font-size: 11px;\n  margin-top: -1px;\n  @include padding-left(4px);\n  color: $lightTextColor;\n  body.ltr & {\n    content: 'circlerarr';\n  }\n  body.rtl & {\n    content: 'circlelarr';\n  }\n}\n\n.go:hover:after {\n  color: $linkColor;\n}\n\n/* revision button */\n#revision-btngroup {\n  @include margin-right(7px);\n}\n#revision-btn.disabled {\n  opacity: 1;\n  color: $mediumDarkTextColor;\n  background-color: transparentize($grey200, 0.5) !important;\n}\n\n/* status icons */\n.checkmark-icon,\n.alert-icon {\n  padding: 5px;\n  margin-bottom: 0 !important;\n  line-height: 10px;\n  border-radius: 20px;\n  cursor: pointer;\n\n  &:before {\n    @include icon;\n  }\n}\n\n.checkmark-icon {\n  p & {\n    display: inline-block;\n  }\n\n  background-color: $grey200;\n\n  &:before {\n    content: 'check';\n    color: $successColor;\n  }\n}\n\n.alert-icon {\n  background-color: $grey200;\n\n  &:before {\n    content: 'alert';\n    color: $errorColor;\n  }\n}\n\n/* toggles */\n.toggle,\na.fieldtoggle:before {\n  width: 20px;\n  height: 20px;\n  line-height: 20px;\n  text-align: center;\n  body.ltr & {\n    transform: rotate(-90deg);\n  }\n  body.rtl & {\n    transform: rotate(90deg);\n  }\n  -webkit-transition: -webkit-transform linear 100ms;\n  -moz-transition: -moz-transform linear 100ms;\n  -ms-transition: -ms-transform linear 100ms;\n  transition: transform linear 100ms;\n}\n\n.toggle:before,\na.fieldtoggle:before {\n  content: 'downangle';\n}\n\n.toggle.expanded,\na.fieldtoggle.expanded:before,\n.sidebar nav li.expanded > .toggle,\n.structure li:not(.collapsed) > .row > .toggle {\n  transform: rotate(0) !important;\n}\n\na.fieldtoggle {\n  display: block;\n  position: relative;\n  margin: 14px 0;\n  @include padding-left(12px);\n  color: $textColor;\n  text-decoration: none;\n}\n\na.fieldtoggle:before {\n  display: block;\n  position: absolute;\n  top: -2px;\n  @include left(-6px);\n}\n\n/* emphasis */\nem, i {\n  font-style: italic;\n}\n\nstrong, b, i em {\n  font-weight: bold;\n}\n\n/* readable blocks */\n.readable {\n  @include readable;\n}\n\n/* text styles */\n.leftalign {\n  @include alignleft;\n}\n\n.topalign {\n  vertical-align: top;\n}\n\n.rightalign {\n  @include alignright;\n}\n\n.centeralign {\n  text-align: center !important;\n}\n\n.nowrap {\n  white-space: nowrap;\n}\n\n.break-word {\n  word-wrap: break-word;\n}\n\n.light {\n  color: $mediumTextColor !important;\n  font-weight: normal;\n}\n\n.extralight {\n  color: $lightTextColor !important;\n}\n\n.smalltext {\n  font-size: 12px;\n  line-height: 1.2;\n}\n\n.zilch {\n  padding: 100px 0;\n  text-align: center;\n  font-size: 20px;\n  line-height: 24px;\n  color: $lightTextColor;\n}\n\ninput.checkbox + label.smalltext {\n  padding-top: 2px;\n}\n\n.required:after {\n  content: 'asterisk';\n  @include margin(-2px, 0, 0, 5px);\n  font-size: 7px;\n  color: $errorColor;\n}\n\n.scrollpane {\n  overflow: auto;\n}\n\n.left {\n  @include floatleft;\n}\n\n.right {\n  @include floatright;\n}\n\nth,\ntd {\n  @include alignleft;\n  vertical-align: middle;\n}\n\nbody.ltr table[dir='rtl'] {\n  th,\n  td {\n    text-align: right;\n  }\n}\nbody.rtl table[dir='ltr'] {\n  th,\n  td {\n    text-align: left;\n  }\n}\n\nth.right,\ntd.right {\n  float: none;\n  @include alignright;\n}\n\n.no-outline {\n  outline: none;\n}\n\n.clear {\n  display: block;\n  clear: both;\n  height: 0;\n}\n\n.fullwidth {\n  width: 100%;\n}\n\n*:not(.highlight) > * > * > .token {\n  @include token-styles;\n}\n\n.token[data-name='*'] {\n  position: relative;\n  width: 10px;\n}\n\n.token[data-name='*'] span {\n  opacity: 0;\n}\n\n.token[data-name='*']:before {\n  @include icon;\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-size: 9px;\n  line-height: 17px;\n  content: 'asterisk';\n  text-indent: 0;\n}\n\n.token:focus {\n  box-shadow: 0 0 0 1px transparentize($grey500, 0.75);;\n  background-color: $white;\n  outline: none;\n}\n\n.success {\n  color: $successColor !important;\n}\n\n.notice {\n  color: $noticeColor !important;\n}\n\n.warning {\n  color: $warningColor !important;\n}\n\n.with-icon {\n  &.notice,\n  &.warning {\n    &:before {\n      @include margin(-2px, 2px, 0, 0);\n      @include icon;\n      width: 1em;\n    }\n  }\n\n  &.notice:before {\n    content: 'lightbulb';\n  }\n\n  &.warning:before {\n    content: 'alert';\n  }\n}\n\n.error {\n  color: $errorColor !important;\n}\n\n.icon.move {\n  display: inline-block;\n}\n\n.icon.move:not(.disabled) {\n  cursor: move;\n}\n\n.icon.move:before {\n  content: 'move';\n  color: $darkHairlineColor;\n}\n\n.icon.move:not(.disabled):hover:before {\n  color: $linkColor;\n}\n\n.icon.delete {\n  display: inline-block;\n}\n\n.icon.delete:before {\n  content: 'remove';\n  color: $darkHairlineColor;\n}\n\n.icon.delete:not(.disabled):hover:before {\n  color: $red600;\n}\n\n.icon.delete:not(.disabled):active:before {\n  color: darken($red600, 10%);\n}\n\n.hidden {\n  display: none !important;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.clearafter:after {\n  @include clearafter;\n}\n\n.info {\n  vertical-align: bottom;\n  display: inline-block;\n  width: 1em;\n  height: 1.375em;\n  text-align: center;\n  cursor: pointer;\n  overflow: hidden;\n\n  &:before {\n    @include icon;\n    vertical-align: baseline;\n    width: 100%;\n    line-height: 1.375;\n    color: $lightTextColor;\n  }\n\n  &:not(.warning) {\n    &:before {\n      content: 'info';\n    }\n    &:hover:before {\n      color: $linkColor;\n    }\n  }\n\n  &.warning {\n    &:before {\n      content: 'alert';\n    }\n    &:hover:before {\n      color: $warningColor;\n    }\n  }\n}\n\n.info-hud {\n  table {\n    max-width: 280px;\n    table-layout: auto;\n  }\n\n  td {\n    word-wrap: break-word;\n    width: 100%;\n  }\n}\n\n@media (max-width: 450px) {\n  .info-hud {\n    table {\n      table-layout: fixed;\n      width: 100%;\n    }\n  }\n}\n\n/* ----------------------------------------\n/*  Content\n/* ----------------------------------------*/\n\n.content {\n  position: relative;\n}\n\n.content:after {\n  @include clearafter;\n}\n\n/* Customize Sources */\n.sidebar {\n  .customize-sources {\n    display: block;\n    margin: 14px -24px 4px;\n    @include padding(7px, 14px, 7px, 24px);\n    color: $lightTextColor !important;\n    transition: color linear 100ms;\n\n    .icon {\n      @include margin-right(4px);\n    }\n\n    .label {\n      opacity: 0;\n      transition: opacity linear 100ms;\n    }\n\n    &:hover {\n      color: $mediumTextColor !important;\n      text-decoration: none;\n\n      .label {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n.sidebar .customize-sources:hover {\n  color: $linkColor;\n}\n\n.customize-sources-modal {\n  @include padding-left(200px);\n}\n\n.customize-sources-modal > .spinner {\n  position: absolute;\n  top: calc(50% - 44px);\n  left: calc(50% - 12px);\n}\n\n.customize-sources-modal > .cs-sidebar {\n  position: absolute;\n  top: 0;\n  @include left(0);\n  margin: 0;\n  padding: 10px 0;\n  border: none;\n  width: 200px;\n  height: calc(100% - 62px);\n  box-sizing: border-box;\n  background-color: $grey050;\n  overflow: auto;\n  box-shadow: inset -1px 0 0 $hairlineColor;\n}\n\n.customize-sources-modal > .cs-sidebar > .btn {\n  @include margin(10px, 0, 0, 14px);\n}\n\n.customize-sources-item {\n  position: relative;\n  margin-top: -1px;\n  @include margin-right(1px);\n  @include padding(10px, 14px, 10px, 40px);\n  background-color: $grey100;\n  border: solid $hairlineColor;\n  border-width: 1px 0;\n  user-select: none;\n  cursor: default;\n}\n\n.customize-sources-item + .customize-sources-item:not(.heading) {\n  border-top: 1px solid $hairlineColor;\n}\n\n.customize-sources-item.sel {\n  background-color: $grey200;\n  z-index: 1;\n}\n\n.customize-sources-item .move {\n  display: block;\n  position: absolute;\n  @include left(7px);\n  top: 11px;\n  width: 24px;\n  text-align: center;\n}\n\n.customize-sources-item + .customize-sources-item.heading {\n  margin-top: 10px;\n}\n\n.customize-sources-item.heading .label {\n  text-transform: uppercase;\n  color: $lightTextColor;\n  font-size: 12px;\n  font-weight: bold;\n}\n\n.customize-sources-modal > .source-settings {\n  position: relative;\n  height: calc(100% - 62px);\n  box-sizing: border-box;\n  padding: 24px;\n  overflow: auto;\n}\n\n.customize-sources-table-column .move {\n  @include margin-right(10px);\n}\n\n.customize-sources-modal > .footer {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n}\n\n/* ----------------------------------------\n/*  Icon lists\n/* ----------------------------------------*/\n\nul.icons {\n  margin-top: 20px;\n  display: flex;\n  flex-wrap: wrap;\n\n  li {\n    margin: 0 0 10px;\n\n    a {\n      display: block;\n      position: relative;\n      padding: 60px 5px 10px;\n      width: 110px;\n      text-align: center;\n      color: $textColor;\n      border-radius: 4px;\n      border: 1px solid $white;\n\n      &:before {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        font-size: 40px;\n        line-height: 60px;\n      }\n\n      .icon {\n        img,\n        svg {\n          width: 40px;\n          height: 40px;\n          position: absolute;\n          top: 12px;\n          left: calc(50% - 20px);\n        }\n\n        &.icon-mask svg {\n          @include svg-mask($textColor);\n        }\n      }\n\n      &:hover {\n        text-decoration: none;\n        background-color: $grey050;\n        border-color: $grey100;\n\n        .icon.icon-mask svg {\n          @include svg-mask($linkColor);\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 380px) {\n  ul.icons li a {\n    width: 96px;\n  }\n}\n\n@media only screen and (max-width: 320px) {\n  ul.icons li a {\n    width: 75px;\n  }\n}\n\n/* ----------------------------------------\n/*  Buttons\n/* ----------------------------------------*/\n\n.toolbar {\n  position: relative;\n  margin-bottom: 14px;\n  min-height: 34px;\n\n  .flex {\n    align-items: flex-start;\n  }\n\n  .text {\n    border-radius: $largeBorderRadius !important;\n    box-shadow: none !important;\n  }\n}\n\n.flex {\n  display: flex;\n  align-items: center;\n  align-content: stretch;\n\n  &:not(.flex-nowrap) {\n    flex-wrap: wrap;\n\n    & > * {\n      margin-bottom: 7px;\n    }\n  }\n\n  & > * {\n    &.label {\n      white-space: nowrap;\n    }\n\n    &:not(:last-child) {\n      @include margin-right(7px !important);\n    }\n\n    &.spinner {\n      @include margin-left(0 !important);\n    }\n  }\n}\n\n.flex-grow {\n  flex: 1;\n}\n\n.flex-center {\n  align-items: center;\n}\n\n.spacer {\n  width: 14px;\n}\n\n.buttons {\n  display: flex;\n  position: relative;\n  margin: 24px 0;\n\n  & > .btn,\n  & > .btngroup {\n    &:not(.hidden) {\n      & + .btn,\n      & + .btngroup {\n        @include margin-left(5px);\n      }\n    }\n  }\n\n  .hud-footer > &,\n  .footer > & {\n    margin: 0;\n  }\n}\n\n.btn {\n  display: inline-block;\n  border-radius: $largeBorderRadius;\n  padding: 7px 14px;\n  border: none;\n  text-align: center;\n  white-space: nowrap;\n  user-select: none;\n  cursor: pointer;\n  box-sizing: border-box;\n  appearance: none;\n  outline: none;\n  color: $textColor;\n  font-size: inherit;\n  background-color: transparentize($inputColor, 0.75);\n\n  &.chromeless {\n    background-color: transparent;\n    height: auto;\n    padding: 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      background-color: transparent;\n    }\n\n    &:hover,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  &:focus,\n  &.focus,\n  &:hover {\n    background-color: transparentize($inputColor, 0.65);\n  }\n\n  &:active,\n  &.active {\n    background-color: transparentize($inputColor, 0.5);\n\n    &:focus,\n    &.focus,\n    .btngroup:focus & {\n      background-color: transparentize($inputColor, 0.4);\n    }\n  }\n\n  &[type='color'] {\n    padding: 6px !important;\n    width: 36px;\n  }\n\n  &.active {\n    cursor: default;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:active {\n    outline: none;\n  }\n\n  &:not(.small) {\n    &[data-icon]:before,\n    &.icon:before,\n    &.menubtn[data-icon]:before,\n    &.menubtn.icon:before {\n      margin-top: -3px;\n    }\n  }\n\n  &[data-icon]:not(:empty):before,\n  &.icon:not(:empty):before,\n  &.menubtn[data-icon]:empty:before,\n  &.menubtn.icon:empty:before {\n    @include margin-right(5px);\n  }\n\n  div.checkbox {\n    margin-top: 2px;\n  }\n}\n\n.disabled {\n  opacity: 0.25;\n}\n\n.disabled,\n.disabled .btn {\n  cursor: default;\n}\n\n.btn,\n.spinner {\n  height: 34px;\n}\n\n.btn[data-icon-after]:not(:empty):after,\n.menubtn:not(:empty):after,\n.menubtn.icon:after {\n  @include margin-left(6px);\n}\n\n.btn[data-icon]:before,\n.btn[data-icon-after]:after,\n.btn.icon:before,\n.menubtn:after {\n  position: relative;\n}\n\n.btn.small[data-icon]:before,\n.btn.small[data-icon-after]:after,\n.btn.icon.small:before,\n.menubtn.small:after {\n  font-size: 10px;\n}\n\n.btn.icon.add.loading {\n  position: relative;\n}\n\n.btn.icon.add.loading:before {\n  visibility: hidden;\n}\n\n.btn.icon.add.loading:after {\n  position: absolute;\n  content: '.';\n  font-size: 0;\n  display: block;\n  width: 24px;\n  height: 100%;\n  left: 5px;\n  top: 0;\n  background: url(../images/spinner.gif) no-repeat 0 50%;\n}\n\n.btn.icon.add.loading.submit:after {\n  background-image: url(../images/spinner_submit.gif);\n}\n\n.secondary-buttons .btn.icon.add.loading.submit:after,\n.btn.secondary.icon.add.loading.submit:after {\n  background-image: url(../images/spinner_submit_secondary.gif);\n}\n\n/* button groups */\n.btngroup {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  white-space: nowrap;\n  align-items: center;\n\n  &:focus {\n    outline: none;\n  }\n\n  &.fullwidth .btn {\n    flex: 1;\n  }\n\n  &.disabled .btn {\n    cursor: default;\n  }\n\n  .btn {\n    &.active {\n      cursor: default;\n    }\n\n    &:not(.dashed):not(:last-child) {\n      @include margin-right(1px);\n    }\n\n    body.ltr & {\n      &:not(:first-child) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n\n      &:not(:last-child) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    body.rtl & {\n      &:not(:first-child) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n\n      &:not(:last-child) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n  }\n}\n\n.copytext {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  white-space: nowrap;\n  align-items: center;\n\n  body.ltr & {\n    .text {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n    .btn {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n\n  body.rtl & {\n    .text {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n    .btn {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n}\n\n/* menu buttons */\n.menubtn {\n  user-select: none;\n\n  &:after {\n    content: 'downangle';\n  }\n\n  &:empty {\n    @include padding-left(8px);\n    @include padding-right(8px);\n  }\n}\n\n/* spinner */\n.spinner {\n  display: inline-block;\n  vertical-align: bottom;\n  @include spinner;\n}\n\n.spinner.big {\n  width: 48px;\n  height: 48px;\n  background: url(../images/spinner_big.gif) no-repeat 50% 50%;\n}\n\n.btn + .spinner {\n  @include margin-left(7px);\n}\n\n.buttons .spinner {\n  display: block;\n  @include floatleft;\n}\n\n.buttons .btn + .spinner,\n.buttons .btngroup + .spinner {\n  @include margin-left(0);\n}\n\n.buttons.right .btn + .spinner {\n  @include margin-right(-24px);\n}\n\n/* small buttons */\n.btngroup.small .btn,\n.btn.small {\n  padding: 0 7px !important;\n  font-size: 12px;\n  line-height: 22px;\n}\n\n.btngroup.small,\n.btngroup.small input.btn,\n.btn.small,\n.btn.small + .spinner {\n  height: 22px;\n}\n\n/* big buttons */\n.btngroup.big .btn,\n.btn.big {\n  padding: 0 14px;\n  font-size: 14px;\n  line-height: 36px;\n}\n\n.btn.big[data-icon]:before,\n#preview-btn:before,\n#share-btn:before {\n  @include margin-left(-2px);\n}\n\n.btngroup.big,\n.btngroup.big input.btn,\n.btn.big,\n.btn.big + .spinner {\n  height: 36px;\n}\n\n/* submit buttons */\n.btn.submit,\n.btn.secondary {\n  &,\n  &:before,\n  &:after {\n    color: $white !important;\n    @include light-on-dark-text;\n  }\n}\n\n.btn.submit {\n  background-color: $primaryColor !important;\n}\n\n.btn.submit:not(.disabled):not(.inactive):hover,\n.btn.submit:not(.disabled):not(.inactive).hover {\n  background-color: darken($primaryColor, 5%) !important;\n}\n\n.btn.submit:not(.disabled):not(.inactive):active,\n.btn.submit:not(.disabled):not(.inactive).active {\n  background-color: darken($primaryColor, 10%) !important;\n}\n\n.secondary-buttons .btn.submit,\n.btn.secondary {\n  background-color: $secondaryColor !important;\n}\n\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive):hover,\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive).hover,\n.btn.secondary:not(.disabled):not(.inactive):hover,\n.btn.secondary:not(.disabled):not(.inactive).hover {\n  background-color: darken($secondaryColor, 5%) !important;\n}\n\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive):active,\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive).active,\n.btn.secondary:not(.disabled):not(.inactive):active,\n.btn.secondary:not(.disabled):not(.inactive).active {\n  background-color: darken($secondaryColor, 10%) !important;\n}\n\ndiv.btn.submit {\n  position: relative;\n  overflow: hidden;\n}\n\ndiv.btn.submit input {\n  position: absolute;\n  left: 100%\n}\n\n/* dashed buttons */\n.btn.dashed {\n  border: 1px dashed $mediumHairlineColor;\n  background-color: transparent !important;\n\n  .btngroup &:not(:last-child) {\n    @include border-right(1px solid transparent);\n    @include margin-right(-1px);\n  }\n\n  &:focus {\n    background-color: transparentize($grey200, 0.9) !important;\n  }\n\n  &:not(.disabled) {\n    &:active,\n    &.active {\n      background-color: transparentize($grey200, 0.75) !important;\n    }\n  }\n}\n\n/* color inputs */\n.color-input {\n  @include fixed-width-font;\n}\n\n.color {\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n  width: 34px;\n  height: 34px;\n  border-radius: 17px;\n  padding: 0;\n\n  &:not(.static) {\n    cursor: pointer;\n  }\n\n  &:not(.small) {\n    @include checkered-bg(17px);\n  }\n\n  &.small {\n    width: 16px;\n    height: 16px;\n    @include checkered-bg(8px);\n  }\n\n  .color-preview {\n    position: absolute;\n    top: 0;\n    @include left(0);\n    width: 100%;\n    height: 100%;\n    border-radius: 17px;\n    box-shadow: inset 0 0 0 1px transparentize($black, 0.85);\n\n    & > .color-preview-input {\n      position: absolute;\n      @include left(0);\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      padding: 0;\n      border: none;\n      opacity: 0;\n    }\n  }\n}\n\n.colorhex {\n  display: inline-block;\n  margin-left: 5px;\n  vertical-align: middle;\n  color: $mediumTextColor;\n}\n\n/* lightswitch */\n.lightswitch-outer-container {\n  display: flex;\n\n  label {\n    @include margin-left(7px);\n  }\n}\n\n.lightswitch {\n  position: relative;\n  border: none !important;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  background-image: linear-gradient(to right, $grey300, $grey300);\n  transition: background-image linear 100ms;\n\n  &.on {\n    background-image: linear-gradient(to right, $successColor, $successColor);\n  }\n\n  &.indeterminate {\n    background-image: linear-gradient(to right, $successColor, $grey300);\n  }\n\n  .lightswitch-container {\n    position: relative;\n    height: 100%;\n\n    .handle {\n      position: absolute;\n      top: 1px;\n      background-color: $white;\n    }\n  }\n\n  &:not(.small) {\n    border-radius: 11px;\n    width: 34px;\n    height: 22px;\n\n    .lightswitch-container {\n      @include margin-left(-12px);\n      width: 46px;\n\n      .handle {\n        border-radius: 10px;\n        width: 20px;\n        height: 20px;\n        left: calc(50% - 10px);\n      }\n    }\n  }\n\n  &.small {\n    border-radius: 9px;\n    width: 28px;\n    height: 18px;\n\n    .lightswitch-container {\n      @include margin-left(-10px);\n      width: 38px;\n\n      .handle {\n        border-radius: 8px;\n        width: 16px;\n        height: 16px;\n        left: calc(50% - 8px);\n      }\n    }\n  }\n\n  table & {\n    display: inline-block;\n    margin-bottom: -5px;\n  }\n\n  &:focus {\n    outline: none;\n\n    .lightswitch-container {\n      .handle {\n        background-color: $lightSelColor;\n      }\n    }\n  }\n\n  &.on {\n    .lightswitch-container {\n      @include margin-left(0);\n    }\n  }\n\n  &.indeterminate {\n    &:not(.small) {\n      .lightswitch-container {\n        @include margin-left(-12px / 2);\n      }\n    }\n    &.small {\n      .lightswitch-container {\n        @include margin-left(-10px / 2);\n      }\n    }\n  }\n}\n\n/* pagination */\n.pagination {\n  table.data + & {\n    margin-top: 24px;\n  }\n\n  .page-link {\n    padding: 4px 13px 8px;\n    border-radius: $mediumBorderRadius;\n    color: $textColor;\n\n    &:before {\n      font-size: 1.2em;\n    }\n\n    &:not(.disabled) {\n      transition: box-shadow linear 100ms;\n      box-shadow: inset 0 0 0 1px $hairlineColor;\n      cursor: pointer;\n\n      &:hover {\n        text-decoration: none;\n        box-shadow: inset 0 0 0 1px $linkColor;\n      }\n    }\n\n    &.disabled {\n      opacity: 1;\n      color: $lightTextColor;\n    }\n  }\n}\n\n/* action buttons */\n.actions {\n  @include floatright;\n}\n\n.actions > li {\n  @include floatleft;\n}\n\n.actions > li + li {\n  @include margin-left(10px);\n}\n\nh1 + .actions {\n  margin-top: -100px;\n}\n\nh2 + .actions {\n  margin-top: -54px;\n}\n\n/* ----------------------------------------\n/*  Tables\n/* ----------------------------------------*/\n\n.tablepane {\n  margin: -24px -24px 0;\n  overflow-x: auto;\n\n  table {\n    th,\n    td {\n      &:first-child {\n        @include padding-left(24px);\n      }\n      &:last-child {\n        @include padding-right(24px);\n      }\n    }\n\n    thead {\n      th,\n      td {\n        border-bottom-left-radius: 0 !important;\n        border-bottom-right-radius: 0 !important;\n      }\n    }\n  }\n}\n\ntable {\n  &.fixed-layout {\n    table-layout: fixed;\n  }\n\n  th.thin,\n  td.thin {\n    width: 0.01% !important;\n    white-space: nowrap;\n  }\n\n  thead {\n    th {\n      font-weight: bold;\n      @include alignleft;\n      vertical-align: top;\n      color: $mediumTextColor;\n    }\n  }\n\n  // plain tables\n  &:not(.data) {\n    th,\n    td {\n      padding-top: 7px;\n      padding-bottom: 7px;\n\n      &:not(:first-child) {\n        padding-left: 12px;\n      }\n      &:not(:last-child) {\n        padding-right: 12px;\n      }\n    }\n  }\n\n  // data tables\n  &.data {\n    th,\n    td {\n      position: relative;\n      padding-left: 12px;\n      padding-right: 12px;\n      box-sizing: border-box;\n\n      &.checkbox-cell {\n        width: $checkboxSize !important;\n        min-width: $checkboxSize;\n        box-sizing: content-box;\n        position: relative;\n\n        input.checkbox + label,\n        div.checkbox {\n          position: absolute;\n          top: calc(50% - 8px);\n        }\n      }\n    }\n\n    th {\n      font-weight: bold;\n    }\n\n    thead {\n      th,\n      td {\n        padding-top: 14px;\n        padding-bottom: 14px;\n        width: auto;\n        background-color: $grey050;\n        cursor: default;\n\n        &:first-child {\n          @include border-top-left-radius($largeBorderRadius);\n          @include border-bottom-left-radius($largeBorderRadius);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($largeBorderRadius);\n          @include border-bottom-right-radius($largeBorderRadius);\n        }\n      }\n\n      th {\n        white-space: nowrap;\n\n        &.orderable:not(.ordered):hover {\n          background-color: $grey100;\n        }\n\n        &.ordered {\n          background-color: $lightSelColor;\n        }\n\n        &.ordered {\n          @include padding-right(26px);\n          background-image: url(../images/listview_sort.png);\n          background-repeat: no-repeat;\n\n          &:first-child {\n            @include padding-left(10px);\n          }\n\n          &:not(.desc) {\n            body.ltr & {\n              background-position: 100% 9px;\n            }\n            body.rtl & {\n              background-position: 0 9px;\n            }\n          }\n\n          &.desc {\n            body.ltr & {\n              background-position: 100% -22px;\n            }\n            body.rtl & {\n              background-position: 0 -22px;\n            }\n          }\n\n          &.loading {\n            background-image: url(../images/spinner_tableheader.gif);\n            body.ltr & {\n              background-position: 100% 16px;\n            }\n            body.rtl & {\n              background-position: 0 16px;\n            }\n          }\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        outline: none;\n\n        &:not(.disabled) {\n          &:hover {\n            th,\n            td {\n              background-color: $grey050;\n            }\n          }\n\n          &.sel {\n            th,\n            td {\n              background-color: $lightSelColor;\n            }\n          }\n        }\n      }\n\n      th,\n      td {\n        border-top: 1px solid transparent;\n        padding-top: 7px;\n        padding-bottom: 7px;\n        background-clip: padding-box;\n      }\n\n      td {\n        &.timestamp {\n          @include alignright;\n          vertical-align: bottom;\n          white-space: nowrap;\n          color: $lightTextColor;\n        }\n      }\n    }\n  }\n\n  // collapsable data tables for small screens\n  // based on Aaron Gustafson's technique: http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/\n  &.collapsed {\n    width: auto;\n\n    &,\n    tbody,\n    tbody tr,\n    tbody th,\n    tbody td {\n      display: block;\n      border: none;\n      padding: 0;\n      @include alignleft;\n      width: auto !important;\n      white-space: normal;\n    }\n\n    thead {\n      display: none;\n    }\n\n    tbody {\n      tr {\n        padding: 6px 0;\n        border-bottom: 1px dotted $hairlineColor;\n\n        &:after {\n          @include clearafter;\n        }\n      }\n\n      th,\n      td {\n        padding: 2px 0 !important;\n      }\n\n      td {\n        &:empty {\n          display: none;\n        }\n      }\n\n      [data-title] {\n        @include margin-right(0);\n\n        &:before {\n          margin-right: 5px;\n          content: attr(data-title) \":\";\n          font-weight: bold;\n        }\n\n        form {\n          display: inline-block;\n        }\n      }\n    }\n  }\n}\n\n.datatablesorthelper,\n.editabletablesorthelper,\n.thumbviewhelper {\n  background-color: $white;\n  @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .element,\n.datatablesorthelper a {\n  cursor: move !important;\n}\n\n.datatablesorthelper tr:first-child th,\n.datatablesorthelper tr:first-child td {\n  border-top: none !important;\n}\n\n.datatablesorthelper tr:last-child th,\n.datatablesorthelper tr:last-child td {\n  border-bottom: none !important;\n}\n\n.datatablesorthelper .tableview .toggle {\n  body.ltr & {\n    transform: rotate(-90deg) !important;\n  }\n  body.rtl & {\n    transform: rotate(90deg) !important;\n  }\n}\n\n/* elements */\n$smallThumbSize: 34px;\n$largeThumbSize: 120px;\n$statusSize: 10px;\n$baseElementSidePadding: 7px;\n$elementInnerSpacing: 5px;\n\n.element {\n  position: relative;\n  cursor: default;\n  outline: none !important;\n  user-select: none;\n  font-weight: normal;\n\n  &:focus,\n  li:focus & {\n    background-color: $grey050;\n  }\n\n  &.sel,\n  li.sel & {\n    background-color: $lightSelColor !important;\n    border-radius: $smallBorderRadius;\n    cursor: default;\n\n    &:focus {\n      background-color: darken($lightSelColor, 5%) !important;\n    }\n\n    &.loading:after {\n      background-image: url(../images/spinner_element.gif);\n    }\n\n    &.hasthumb {\n      .elementthumb {\n        img {\n          box-shadow: 0 0 0 1px transparentize($darkSelColor, 0.9), 0 6px 4px -4px transparentize($darkSelColor, 0.8)\n        }\n      }\n    }\n  }\n\n  &.hasthumb {\n    .elementthumb {\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      -ms-flex-pack: center;\n      align-items: center;\n      -ms-flex-align: center;\n\n      img {\n        display: block;\n        flex-shrink: 0;\n        pointer-events: none;\n        border-radius: $smallBorderRadius;\n        max-width: 100%;\n        max-height: 100%;\n      }\n    }\n  }\n\n  .label {\n    display: inline-block;\n  }\n\n  &.small,\n  &.large:not(.hasthumb) {\n    display: inline-block;\n    padding: $baseElementSidePadding;\n    box-sizing: border-box;\n\n    &.hasstatus {\n      @include padding-left($baseElementSidePadding + $statusSize + $elementInnerSpacing);\n\n      .status {\n        position: absolute;\n        @include left($baseElementSidePadding);\n        top: calc(50% - 5px);\n      }\n    }\n\n    &.hasthumb {\n      @include padding-left($smallThumbSize + $elementInnerSpacing);\n\n      .elementthumb {\n        top: calc(50% - 17px);\n        @include left(0);\n        width: $smallThumbSize;\n        height: $smallThumbSize;\n\n        img {\n          @include checkered-bg(8px);\n        }\n      }\n\n      &.hasstatus {\n        @include padding-left($smallThumbSize + $elementInnerSpacing * 2 + $statusSize);\n\n        .status {\n          @include left($smallThumbSize + $elementInnerSpacing);\n        }\n      }\n    }\n  }\n\n  &.large.hasthumb {\n    display: block;\n    padding: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing} $baseElementSidePadding $baseElementSidePadding;\n    width: #{120px + $baseElementSidePadding + $baseElementSidePadding};\n    box-sizing: border-box;\n\n    &.hasstatus {\n      @include padding-left($baseElementSidePadding + $statusSize + $elementInnerSpacing);\n\n      .status {\n        position: absolute;\n        @include left($baseElementSidePadding);\n        top: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing + 6};\n      }\n    }\n\n    .elementthumb {\n      top: $baseElementSidePadding;\n      @include left($baseElementSidePadding);\n      width: $largeThumbSize;\n      height: $largeThumbSize;\n\n      img {\n        @include checkered-bg(15px);\n      }\n    }\n\n    .label {\n      display: block;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      word-wrap: normal;\n    }\n  }\n\n  &.removable {\n    .label {\n      @include padding-right(20px);\n    }\n\n    .delete:before {\n      color: $darkHairlineColor;\n    }\n\n    &.small,\n    &.large:not(.hasthumb) {\n      .delete {\n        position: absolute;\n        top: calc(50% - 11px);\n        @include right($baseElementSidePadding);\n      }\n    }\n\n    &.large.hasthumb {\n      .delete {\n        position: absolute;\n        @include right($baseElementSidePadding);\n      }\n    }\n  }\n\n  &.loading {\n    @include padding-right($baseElementSidePadding + 24);\n\n    &:after {\n      content: '.';\n      font-size: 0;\n      position: absolute;\n      bottom: 0;\n      @include right(3px);\n      @include spinner;\n      height: 32px;\n    }\n\n    &.removable .delete {\n      display: none;\n    }\n  }\n}\n\n$checkboxPadding: $checkboxSize + 4;\n\n.elements {\n  position: relative;\n\n  &.busy {\n    min-height: 200px;\n\n    &:after {\n      display: block;\n      content: '.';\n      font-size: 0;\n      position: absolute;\n      top: 0;\n      left: -24px;\n      width: calc(100% + #{24 + 24}px);\n      height: 100%;\n      background: transparentize($white, 0.25) url(../images/spinner.gif) no-repeat 50% 50%;;\n      border-radius: $largeBorderRadius;\n    }\n  }\n\n  .header {\n    margin: -24px -24px 24px;\n    padding: 14px 24px;\n    background-color: $grey050;\n    box-shadow: none;\n\n    &:after {\n      content: '';\n    }\n\n    .selectallcontainer {\n      cursor: default;\n\n      &:focus {\n        outline: none;\n      }\n\n      .checkbox {\n        @include margin-right($elementInnerSpacing);\n      }\n    }\n  }\n\n  // table views\n  .tableview {\n    thead {\n      th.selectallcontainer {\n        outline: none;\n      }\n    }\n\n    .move {\n      display: block;\n      position: absolute;\n      top: calc(50% - 11px);\n      @include margin-left(-14px);\n      font-size: 11px;\n      text-decoration: none;\n    }\n\n    .toggle {\n      display: block;\n      position: absolute;\n      top: calc(50% - 8px);\n      @include margin-left(-20px);\n    }\n\n    .move + .toggle {\n      @include margin-left(-34px);\n    }\n  }\n\n  // thumbs views\n  .thumbsview {\n    @include margin(-$baseElementSidePadding, -$baseElementSidePadding - 1px, -$baseElementSidePadding - 1px, -$baseElementSidePadding);\n    width: calc(100% + #{$baseElementSidePadding + $baseElementSidePadding + 1px});\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    li {\n      position: relative;\n      @include margin(0, 1px, 1px, 0);\n      outline: none;\n\n      &:hover {\n        .element {\n          background-color: $grey050;\n        }\n      }\n\n      &.has-checkbox {\n        .element.hasthumb {\n          &:not(.hasstatus) {\n            @include padding-left($baseElementSidePadding + $checkboxSize + $elementInnerSpacing);\n          }\n\n          &.hasstatus {\n            @include padding-left($baseElementSidePadding + $checkboxSize + $elementInnerSpacing + $statusSize + $elementInnerSpacing);\n\n            .status {\n              @include left($baseElementSidePadding + $checkboxSize + $elementInnerSpacing);\n            }\n          }\n        }\n\n        .checkbox {\n          position: absolute;\n          top: $baseElementSidePadding + $largeThumbSize + $elementInnerSpacing + (20px - $checkboxSize) / 2;\n          @include left($baseElementSidePadding);\n        }\n      }\n    }\n  }\n}\n\n.export-form {\n  position: relative;\n  .spinner {\n    position: absolute;\n    bottom: 0;\n    @include right(-24px);\n  }\n}\n\n.thumbviewhelper {\n  margin: -7px;\n  padding: 7px;\n\n  .thumbsview {\n    &,\n    li {\n      margin: 0 !important;\n    }\n  }\n}\n\n/* structures */\n.structure {\n  position: relative;\n  z-index: 1;\n\n  li {\n    @include padding-left(8px);\n\n    &.collapsed > ul {\n      display: none;\n    }\n\n    .row:hover > .icon,\n    &.draghelper > .row .move,\n    .add.active {\n      opacity: 1;\n    }\n\n    &.draghelper {\n      & > .row {\n        .add {\n          opacity: 0;\n        }\n\n        .move:before {\n          color: $linkColor;\n        }\n      }\n    }\n\n    &.draginsertion {\n      position: relative;\n      @include margin(-1px, 0, -1px, 8px);\n      @include padding-left(0);\n      height: 2px;\n      background-color: $linkColor !important;\n      @include border-left(none);\n      border-radius: 1px;\n    }\n\n    .toggle {\n      position: relative;\n      z-index: 1;\n      @include floatleft;\n      @include margin(4px, -8px, 0, -12px);\n    }\n\n    .row:after {\n      @include clearafter;\n    }\n\n    .move,\n    .add {\n      @include margin(5px, 5px, 0, 0);\n      opacity: 0;\n      transition: opacity linear 100ms;\n    }\n\n    .add {\n      padding: 0 5px;\n\n      &:before {\n        content: 'downangle';\n        color: $darkHairlineColor;\n      }\n\n      &:not(.disabled):hover:before,\n      &.active:before {\n        color: $linkColor;\n      }\n    }\n\n    .checkbox {\n      @include floatleft;\n      @include margin(7px, 0, 0, 7px);\n    }\n  }\n\n  ul {\n    @include margin-left(-3px);\n\n    li {\n      @include padding-left(38px);\n      background-repeat: no-repeat;\n\n      body.ltr & {\n        background-image: url(../images/branch.png);\n        background-position: 0 0;\n      }\n\n      body.rtl & {\n        background-image: url(../images/branch_rtl.png);\n        background-position: 100% 0;\n      }\n\n      &:not(:last-child):not(.last) {\n        @include padding-left(37px);\n        @include border-left(1px solid $hairlineColor);\n\n        body.ltr & {\n          background-position: -1px 0;\n        }\n\n        body.rtl & {\n          background-position: calc(100% + 1px) 0;\n        }\n      }\n\n      &.draginsertion {\n        @include margin-left(38px);\n      }\n    }\n  }\n\n  .row {\n    &.draghover {\n      .element {\n        z-index: 2;\n        border-radius: 15px;\n        box-shadow: inset 0 0 0 2px $linkColor;\n      }\n    }\n\n    &.droptarget {\n      border-radius: 5px;\n      box-shadow: inset 0 0 0 2px $linkColor;\n    }\n  }\n}\n\n/* element select fields */\n.elementselect {\n  position: relative;\n  min-height: 37px;\n  margin-top: -7px;\n\n  &:after {\n    @include clearafter;\n  }\n\n  .element,\n  .btn {\n    @include floatleft;\n    @include margin(7px, 7px, 0, 0);\n  }\n\n  .element.small,\n  .btn {\n    clear: both;\n  }\n\n  .element {\n    z-index: 1;\n\n    &.small {\n      max-width: 100%;\n\n      .label {\n        display: block;\n        max-width: 100%;\n        box-sizing: border-box;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  .caboose {\n    @include floatleft;\n  }\n}\n\n/* editable tables */\ntable.editable {\n  border-radius: $largeBorderRadius;\n  border: 1px solid $grey200;\n\n  th,\n  td.action {\n    color: $mediumTextColor;\n    font-weight: normal;\n    background-color: $grey050;\n  }\n\n  thead,\n  tbody {\n    tr {\n      th {\n        padding: 6px 10px;\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        border-bottom: 1px solid $hairlineColor;\n\n        &.has-info {\n          @include padding-right(calc(15px + 1em));\n        }\n\n        span.info {\n          position: absolute;\n          margin-left: 5px;\n        }\n      }\n    }\n  }\n\n  tbody {\n    tr {\n      &:not(:first-child) {\n        th,\n        td {\n          border-top: 1px solid $hairlineColor;\n        }\n      }\n\n      &:last-child {\n        td:first-child {\n          @include border-bottom-left-radius($largeBorderRadius);\n\n          textarea,\n          input.text {\n            @include border-bottom-left-radius($largeBorderRadius - 1);\n          }\n        }\n      }\n\n      td:not(:first-child),\n      th ~ td:not(.hidden) ~ td {\n        @include border-left(1px solid $hairlineColor);\n      }\n\n      th {\n        // Set a dark border-left for the first <td> that follows a <th>, if there is one.\n        // This is a ridiculous CSS hack since there's no operator/pseudo-class that mimics jQuery's next(selector) function.\n        // If there was it could have been as simple as: th ??? td:not(.hidden) { dark left border }\n        // kudos to Mark Huot for coming up with it!\n        & ~ td:not(:first-child) {\n          @include border-left(1px solid #dbdddf);\n        }\n      }\n\n      td {\n        vertical-align: top;\n        text-align: center;\n        background-color: $white;\n        padding: 4px 10px;\n\n        &.focus {\n          box-shadow: inset 0 0 0 1px $hairlineColor;\n        }\n\n        &.textual {\n          padding: 0;\n\n          textarea {\n            resize: none;\n          }\n\n          pre {\n            @include alignleft;\n            white-space: pre-wrap;\n          }\n        }\n\n        &.lightswitch-cell {\n          padding-top: 9px;\n          padding-bottom: 9px;\n\n          .lightswitch {\n            display: block;\n            margin: 0 auto;\n          }\n        }\n\n        &.checkbox-cell {\n          padding-top: 10px;\n          padding-bottom: 10px;\n\n          .checkbox-wrapper {\n            display: block;\n            margin: -2px auto 0;\n            width: 16px;\n            height: 16px;\n          }\n        }\n\n        &.error {\n          box-shadow: inset 0 0 0 1px $errorColor;\n        }\n\n        &.disabled {\n          position: relative;\n          opacity: 1;\n\n          &:after {\n            content: '.';\n            font-size: 0;\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: transparentize($grey050, 0.25);\n            user-select: none;\n          }\n        }\n\n        &.action {\n          padding: 4px 7px;\n\n          & + td.action {\n            @include border-left(none);\n            @include padding-left(0);\n          }\n        }\n\n        .flex > * {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    textarea,\n    textarea.text,\n    input.text,\n    pre {\n      display: block;\n      width: 100%;\n      border: none;\n      box-shadow: none;\n      border-radius: 0;\n      padding: 7px 10px;\n      background-color: transparent;\n      overflow: hidden;\n      transition: none;\n      box-sizing: border-box;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    .color-container {\n      display: block;\n      position: relative;\n\n      & > .color,\n      & > .color-input {\n        margin-bottom: 0;\n      }\n\n      & > .color {\n        position: absolute;\n        top: 10px;\n        @include left(10px);\n      }\n\n      & > .color-input {\n        @include padding-left(35px);\n      }\n    }\n\n    .datewrapper,\n    .timewrapper {\n      display: block;\n      width: 100%;\n\n      .text:placeholder-shown + div[data-icon] {\n        top: 6px;\n        @include left(10px);\n      }\n    }\n  }\n\n  &:not(.static) {\n    td.textual {\n      cursor: text;\n    }\n  }\n\n  & + .btn.add {\n    display: block;\n    border-radius: 0 0 $mediumBorderRadius $mediumBorderRadius;\n    border: 1px dashed $mediumHairlineColor;\n    border-top-width: 0;\n    background-color: transparent;\n    box-shadow: none;\n\n    &:focus {\n      border-style: solid;\n      border-color: $blue600;\n    }\n  }\n}\n\n.border-box,\n.shadow-box {\n  & + .buttons {\n    margin-top: 7px;\n  }\n}\n\n/* ----------------------------------------\n/*  Nav\n/* ----------------------------------------*/\n\nul.tree,\n.tree ul {\n  @include margin-left(20px);\n}\n\n.tree li .toggle {\n  @include margin(7px, 0, 0, -15px);\n}\n\n/* status icons */\n.status {\n  display: inline-block;\n  @include margin-right(10px);\n  width: 10px;\n  height: 10px;\n  border: 1px solid transparent;\n  border-radius: 100%;\n  box-sizing: border-box;\n\n  body.use-shapes & {\n    &.pending {\n      background-color: transparent;\n      border-style: solid;\n      border-width: 0 5px 10px 5px;\n      border-color: transparent transparent $yellow700 transparent;\n      border-radius: 1px;\n    }\n\n    &.off,\n    &.suspended,\n    &.expired {\n      border-radius: 1px;\n    }\n  }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black) {\n  border-color: transparentize($inputColor, 0.2);\n}\n\n.green,\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n  background-color: $teal500;\n}\n\n/* green */\n\n.orange,\n.status.pending {\n  background-color: $yellow700;\n}\n\n/* orange */\n\n.red,\n.status.off,\n.status.suspended,\n.status.expired {\n  background-color: $red600;\n}\n\n/* red */\n\n.yellow {\n  background-color: $yellow300;\n}\n\n.pink {\n  background-color: $pink400;\n}\n\n.purple {\n  background-color: #9B59B6;\n}\n\n.blue {\n  background-color: $blue600;\n}\n\n.turquoise {\n  background-color: $teal300;\n}\n\n.status.light {\n  background-color: $grey100;\n}\n\n.grey {\n  background-color: $grey300;\n}\n\n.black {\n  background-color: $grey800;\n}\n\n.status.white,\n.status.disabled {\n  opacity: 1;\n}\n\n/* ----------------------------------------\n/*  Progress bar\n/* ----------------------------------------*/\n\n.progressbar {\n  border-radius: 6px;\n  border: 2px solid $grey700;\n  padding: 2px;\n  position: absolute;\n  left: 20%;\n  width: 60%;\n}\n\n.progressbar-inner {\n  border-radius: 2px;\n  height: 4px;\n  background-color: $grey700;\n}\n\n.progressbar:not(.pending) .progressbar-inner {\n  width: 0;\n  transition: width linear 100ms;\n}\n\n.progressbar.pending .progressbar-inner {\n  @include striped-bg(17.6776695297px, $grey700); // sqrt(25^2 / 2);\n  body.ltr & {\n    animation-name: pendingprogress-ltr;\n  }\n  body.rtl & {\n    animation-name: pendingprogress-rtl;\n  }\n  animation-timing-function: linear;\n  animation-duration: 250ms;\n  animation-iteration-count: infinite;\n}\n\n@keyframes pendingprogress-ltr {\n  from {\n    background-position: 0;\n  }\n  to {\n    background-position: 25px;\n  }\n}\n\n@keyframes pendingprogress-rtl {\n  from {\n    background-position: 0;\n  }\n  to {\n    background-position: -25px;\n  }\n}\n\n.elementselect .progress-shade {\n  background-color: transparentize($white, 0.2);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  @include left(0);\n  display: none;\n}\n\n.elementselect.uploading {\n  position: relative;\n}\n\n.elementselect.uploading .progress-shade {\n  display: block;\n  z-index: 2;\n}\n\n// Plugin installers\n\n.missing-component {\n  padding: 7px 10px !important;\n  max-width: 400px;\n  background-color: $grey050 !important;\n\n  .error {\n    margin: 0;\n  }\n\n  .install-plugin {\n    margin: 7px 0 -7px;\n    border-top: 1px solid $hairlineColor;\n    position: relative;\n    @include padding(10px, 0, 10px, 40px);\n\n    .icon {\n      width: 32px;\n      height: 32px;\n      position: absolute;\n      top: calc(50% - 16px);\n      @include left(0);\n\n      img, svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    h3 {\n      flex: 1;\n      margin: 8px 0 !important;\n    }\n\n    .btn {\n      margin: 0;\n    }\n  }\n}\n\n/* ----------------------------------------\n/*  Panes, Modals and HUDs\n/* ----------------------------------------*/\n\n.pane {\n  @include pane;\n  position: relative;\n  margin: 14px 0;\n  padding: 24px;\n  border-radius: $largeBorderRadius;\n  word-wrap: break-word;\n  box-sizing: border-box;\n\n  .pane &,\n  #content & {\n    background-color: $grey050;\n    border: 1px solid $hairlineColor;\n    box-shadow: none;\n  }\n}\n\n/* meta panes */\n.meta {\n  padding: 0 24px;\n  overflow: visible;\n\n  &,\n  & > .flex-fields {\n    & > .field,\n    & > .data {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: nowrap;\n      margin: 0 -24px !important;\n      padding: 0 24px;\n      transition: padding-left linear 100ms, padding-right linear 100ms;\n\n      &.nested {\n        @include padding-left(38px);\n      }\n\n      &.add {\n        background-color: darken($grey050, 2%);\n\n        &:before {\n          position: absolute;\n          @include left(0);\n          width: 31px;\n          @include alignright;\n          @include icon;\n          content: 'plus';\n          color: $lightTextColor;\n        }\n      }\n\n      & > .heading {\n        flex: 0 0 105px;\n        @include margin(0, 7px, 0, 0);\n        line-height: 18px;\n      }\n\n      &.lightswitch-field > .heading {\n        flex: 1;\n      }\n\n      & > .input {\n        .flex {\n          flex-wrap: nowrap;\n\n          & > * {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n\n    & > .field > .heading {\n      padding: 14px 0;\n    }\n\n    & > .data > .heading {\n      padding: 7px 0;\n    }\n\n    & > .field > .heading > label,\n    & > .data > .heading {\n      color: $mediumTextColor;\n    }\n\n    & > .field > .input,\n    & > .data > .value {\n      padding: 7px 0;\n      width: calc(100% - 112px);\n    }\n\n    & > .field.lightswitch-field > .input {\n      flex: 0;\n      width: auto;\n    }\n\n    & > .field {\n      &.has-errors {\n        margin: 0 -1px !important;\n        border: 1px solid $errorColor !important;\n\n        &:first-child {\n          border-top-left-radius: $largeBorderRadius;\n          border-top-right-radius: $largeBorderRadius;\n        }\n\n        &:last-child {\n          border-bottom-left-radius: $largeBorderRadius;\n          border-bottom-right-radius: $largeBorderRadius;\n        }\n\n        & + .field {\n          border-top: none !important;\n        }\n      }\n\n      & > .heading {\n        & > label {\n          font-weight: normal;\n\n          &.required:after {\n            position: absolute;\n            top: 6px;\n            @include left(-13px);\n            @include margin-left(0);\n          }\n        }\n      }\n\n      & > .input {\n        &,\n        & > .flex,\n        & > .flex > .textwrapper,\n        & > .datewrapper,\n        & > .timewrapper,\n        & > .datetimewrapper > .datewrapper,\n        & > .datetimewrapper > .timewrapper {\n          & > .text {\n            display: block;\n            margin: -7px 0;\n            padding: 14px 0;\n            border-radius: 0;\n            box-shadow: none;\n            background-color: transparent;\n            border: none !important;\n          }\n        }\n\n        & > .datewrapper,\n        & > .timewrapper,\n        & > .datetimewrapper > .datewrapper,\n        & > .datetimewrapper > .timewrapper {\n          background-color: transparent;\n          .text:placeholder-shown + div[data-icon] {\n            @include left(0);\n          }\n        }\n\n        & > .datetimewrapper {\n          & > .datewrapper {\n            width: 55%;\n          }\n\n          & > .timewrapper {\n            width: 45%;\n          }\n\n          & > .clear-btn {\n            @include margin-right(-24px);\n          }\n        }\n\n        & > .datewrapper,\n        & > .timewrapper {\n          display: block;\n          width: 100%;\n        }\n      }\n\n      & > ul.errors {\n        margin: 0;\n        padding: 0 0 6px;\n        width: 100%;\n        list-style-type: none;\n      }\n    }\n\n    & > .field + .field,\n    & > .field + .flex-fields,\n    & > .flex-fields + .flex-fields,\n    & > .flex-fields + .field {\n      border-top: 1px solid $hairlineColor;\n    }\n  }\n\n  & > .flex-fields {\n    h2,\n    blockquote.note {\n      margin: 0 -24px !important;\n      padding: 14px 24px;\n      background-color: darken($grey050, 2%);\n    }\n\n    blockquote.note {\n      border-radius: 0;\n      border: none;\n    }\n\n    hr {\n      margin: 0 -24px;\n    }\n  }\n}\n\n.meta > .field > .input > .select {\n  display: block;\n  margin: -7px 0;\n  width: 100%;\n  border-radius: 0;\n  box-shadow: none;\n  background-color: transparent;\n\n  &:after {\n    @include right(0);\n  }\n\n  & + .spinner {\n    position: absolute;\n    top: calc(50% - 17px);\n    @include right(-24px);\n  }\n\n  select {\n    @include padding(7px, 12px, 7px, 0);\n    width: 100%;\n    background-color: transparent;\n  }\n}\n\n.body {\n  position: relative;\n}\n\n.modal,\n.hud {\n  z-index: 100;\n  box-sizing: border-box;\n}\n\n.modal,\n.hud .body {\n  @include modal;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer,\n.body {\n  &:after {\n    @include clearafter;\n  }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  background-color: $grey100;\n}\n\n.header,\n.hud-header {\n  border-radius: $largeBorderRadius $largeBorderRadius 0 0;\n  padding: 24px;\n  box-shadow: inset 0 -1px 0 $hairlineColor;\n\n  h1 {\n    margin: 0;\n  }\n}\n\n.footer,\n.hud-footer {\n  border-radius: 0 0 $largeBorderRadius $largeBorderRadius;\n  padding: 14px 24px;\n  box-shadow: inset 0 1px 0 $hairlineColor;\n\n  &.flex {\n    & > * {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.modal .body,\n.hud .main {\n  padding: 24px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.pane,\n.modal .body {\n  .header {\n    margin: -24px -24px 24px;\n  }\n\n  .footer {\n    margin: 24px -24px -24px;\n  }\n}\n\n.modal-shade,\n.hud-shade {\n  z-index: 100;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: none;\n}\n\n.modal-shade {\n  &:not(.dark) {\n    background-color: transparentize($grey100, 0.35) !important;\n  }\n\n  &.dark {\n    background-color: transparentize($grey900, 0.5) !important;\n  }\n}\n\n.modal {\n  position: fixed;\n  width: 66%;\n  height: 66%;\n  min-width: 600px;\n  min-height: 400px;\n  overflow: hidden;\n\n  &.fitted {\n    width: auto;\n    height: auto;\n    min-width: 0;\n    min-height: 0;\n  }\n\n  &.alert .body {\n    @include padding-left(76px);\n\n    &:before {\n      @include icon;\n      @include margin(-6px, 0, 0, -58px);\n      @include floatleft;\n      content: 'alert';\n      font-size: 40px;\n      color: $lightTextColor;\n    }\n  }\n\n  &.secure .body {\n    @include padding-left(76px);\n\n    &:before {\n      @include icon;\n      @include margin(-14px, 0, 0, -56px);\n      @include floatleft;\n      content: 'secure';\n      font-size: 58px;\n      color: $lightTextColor;\n    }\n  }\n\n  .resizehandle {\n    position: absolute;\n    z-index: 1;\n    bottom: 0;\n    @include right(0);\n    width: 24px;\n    height: 24px;\n    background: no-repeat 50% 50%;\n    cursor: nwse-resize;\n    body.ltr & {\n      background-image: url(../images/resizehandle.png);\n    }\n    body.rtl & {\n      background-image: url(../images/resizehandle_rtl.png);\n    }\n  }\n}\n\n.hud {\n  position: absolute;\n  display: none;\n  top: 0;\n\n  &.has-footer .tip-bottom {\n    background-image: url(../images/hudtip_bottom_gray.png);\n  }\n\n  .tip {\n    position: absolute;\n    z-index: 101;\n    background: no-repeat 0 0;\n  }\n\n  .tip-left {\n    left: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url(../images/hudtip_left.png);\n  }\n\n  .tip-top {\n    top: -15px;\n    width: 30px;\n    height: 15px;\n    background-image: url(../images/hudtip_top.png);\n  }\n\n  .tip-right {\n    right: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url(../images/hudtip_right.png);\n  }\n\n  .tip-bottom {\n    bottom: -15px;\n    width: 30px;\n    height: 15px;\n    background-image: url(../images/hudtip_bottom.png);\n  }\n}\n\n.hud .hud-header,\n.hud .hud-footer {\n  padding: 7px 24px;\n}\n\n.hud .body {\n  overflow: hidden;\n\n  ::-webkit-scrollbar {\n    appearance: none;\n\n    &:vertical {\n      width: 11px;\n    }\n\n    &:horizontal {\n      height: 11px;\n    }\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 8px;\n    border: 2px solid transparent;\n    background-color: transparentize($black, 0.5);\n    background-clip: content-box;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: $grey050;\n  }\n}\n\n/* inline asset previews */\n\n.preview-thumb-container {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 190px;\n  background-color: $grey900;\n\n  &.loading {\n    &:after {\n      content: '.';\n      font-size: 0;\n      display: block;\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      left: 0;\n      top: 0;\n      background: transparentize($grey900, 0.2) no-repeat 50% 50% url(../images/spinner_dark.gif);\n    }\n  }\n\n  #details & {\n    margin-bottom: 14px;\n    border-radius: $largeBorderRadius;\n    overflow: hidden;\n  }\n\n  .preview-thumb {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n\n    img {\n      display: block;\n      max-width: 100%;\n      max-height: 190px;\n    }\n  }\n\n  &.editable {\n    cursor: pointer;\n  }\n\n  .buttons {\n    opacity: 0;\n    position: absolute;\n    top: 10px;\n    @include right(10px);\n    margin: 0;\n    transition: opacity linear 100ms;\n\n    .btn {\n      background-color: $grey600;\n      color: $white;\n      @include light-on-dark-text;\n\n      @supports (backdrop-filter: blur(10px)) {\n        & {\n          background-color: transparentize($grey600, 0.6);\n          backdrop-filter: blur(10px);\n          transition: opacity linear 100ms, backdrop-filter linear 100ms;\n        }\n      }\n    }\n  }\n\n  &:hover .buttons {\n    opacity: 1;\n  }\n\n  &:not(.editable) .buttons .btn:hover {\n    background-color: $grey500;\n\n    @supports (backdrop-filter: blur(10px)) {\n      & {\n        background-color: transparentize($grey500, 0.3);\n      }\n    }\n  }\n}\n\n/* element editor HUDs */\n\n@media (min-width: 440px) {\n  .hud .elementeditor {\n    min-width: 380px;\n  }\n}\n\n.hud .elementeditor {\n  max-width: 600px;\n\n  .hud-header {\n    text-align: center;\n  }\n\n  .main {\n    padding: 8px 0;\n\n    .meta {\n      .preview-thumb-container {\n        margin: -8px 0 8px;\n      }\n\n      .field {\n        padding-left: 24px;\n        padding-right: 24px;\n      }\n    }\n  }\n}\n\n/* element selector modals */\n.elementselectormodal {\n  padding-bottom: 62px;\n  user-select: none;\n\n  .body {\n    position: relative;\n    height: 100%;\n\n    .spinner.big {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin: -24px 0 0 -24px;\n    }\n\n    .content {\n      height: calc(100% + 48px);\n\n      .sidebar {\n        position: absolute;\n        top: 0;\n        @include margin-left(-249px);\n        height: 100%;\n        overflow: auto;\n      }\n\n      .main {\n        margin: -24px;\n        padding: 24px;\n        height: 100%;\n        box-sizing: border-box;\n        overflow: auto;\n        position: relative;\n\n        .elements {\n          &.busy {\n            min-height: calc(100% - 48px);\n          }\n\n          .tableview table {\n            .element {\n              display: inline-block;\n            }\n\n            tr {\n              &:focus {\n                outline: none;\n              }\n\n              &.disabled {\n                opacity: 1;\n                color: $grey200;\n\n                .element {\n                  opacity: 0.25;\n                }\n              }\n\n              th,\n              td {\n                cursor: default;\n              }\n\n              td:first-child {\n                @include padding-left(7px);\n              }\n            }\n          }\n\n          .structure .row {\n            margin-top: 1px;\n            outline: none;\n          }\n        }\n      }\n    }\n  }\n\n  .footer {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    margin: 0;\n\n    .spinner {\n      @include floatright;\n      @include margin-right(-24px);\n    }\n  }\n}\n\n/* element editing HUD */\n.element-hud-form {\n  .buttons {\n    position: relative;\n\n    .spinner {\n      position: absolute;\n      top: 0;\n      @include right(-24px);\n    }\n  }\n}\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade,\n.loginmodalshade {\n  z-index: 101;\n}\n\n#logoutwarningmodal,\n#loginmodal,\n#elevatedsessionmodal {\n  width: 500px;\n}\n\n#logoutwarningmodal,\n#loginmodal {\n  z-index: 101;\n}\n\n#loginmodal,\n#elevatedsessionmodal {\n  .inputcontainer {\n    position: relative;\n\n    .spinner {\n      position: absolute;\n      top: 0;\n      margin-top: 0;\n      @include right(-24px);\n    }\n  }\n}\n\n/* delete user modal */\n.deleteusermodal {\n  .content-summary {\n    margin: -24px -24px 24px;\n    padding: 24px;\n    background-color: $grey050;\n  }\n\n  .options {\n    label {\n      display: inline-block;\n      line-height: 30px;\n    }\n  }\n\n  .elementselect {\n    @include margin-left(10px);\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .buttons {\n    .spinner {\n      @include margin-right(-20px);\n    }\n  }\n}\n\n.dropdownsettingsmodal {\n  width: auto;\n  height: auto;\n  min-width: 0;\n  min-height: 0;\n  max-width: 400px;\n\n  .body {\n    max-height: 100%;\n    overflow-y: auto;\n  }\n}\n\n.previewmodal {\n  &.zilch {\n    padding: 100px 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n/* ----------------------------------------\n/*  Menus\n/* ----------------------------------------*/\n\n.menu,\n.ui-datepicker,\n.ui-timepicker-list {\n  @include menu-styles;\n}\n\n.ui-datepicker,\n.ui-timepicker-list {\n  padding: 0;\n}\n\n.menu {\n  display: none;\n  position: absolute;\n\n  h6 {\n    &:first-child {\n      margin-top: 14px !important;\n    }\n  }\n\n  ul {\n    &.padded {\n      li {\n        a {\n          @include padding-left(24px);\n\n          &[data-icon],\n          &.icon,\n          &.sel {\n            &:before {\n              @include floatleft;\n              @include margin(3px, 0, 0, -17px);\n              font-size: 14px;\n              color: $lightTextColor;\n            }\n\n            &.error:before {\n              color: $errorColor;\n            }\n          }\n\n          &.sel:not([data-icon]):before {\n            content: 'check';\n          }\n        }\n      }\n    }\n\n    li {\n      a {\n        @include menu-option-styles;\n        font-size: 14px;\n\n        &:not(.flex) {\n          display: block !important;\n        }\n\n        &.sel {\n          cursor: default;\n        }\n\n        .shortcut {\n          @include floatright;\n          @include margin-left(14px);\n          color: $mediumTextColor;\n        }\n      }\n    }\n  }\n\n  & > .flex {\n    margin-top: 10px;\n    margin-bottom: 10px;\n    position: relative;\n\n    &.padded {\n      @include margin-left(-14px);\n      @include padding-left(24px);\n\n      &.sel {\n        &:before {\n          position: absolute;\n          top: 36px;\n          @include left(7px);\n          content: 'check';\n          font-size: 14px;\n          color: $lightTextColor;\n        }\n      }\n    }\n  }\n\n  hr {\n    margin: 5px -14px;\n  }\n}\n\n.menubtn,\n.menu {\n  span.icon {\n    display: inline-block;\n    margin-top: -1px;\n    width: 10px;\n    @include margin-right(10px);\n    text-align: center;\n    font-size: 14px;\n    color: $lightTextColor;\n  }\n}\n\n.menu ul li a:not(.sel):not(.disabled):hover,\n.menu ul li a:not(.sel):not(.disabled):hover .light,\n.menu:not(:hover) ul li a:not(.disabled).hover,\n.menu:not(:hover) ul li a:not(.sel):not(.disabled).hover .light {\n  @include menu-option-active-styles;\n}\n\n.menu hr.padded {\n  @include margin-left(10px);\n}\n\n/* tag select fields */\n.tagselect {\n  .elements {\n    display: inline;\n  }\n\n  .element.small {\n    clear: none;\n  }\n\n  .add {\n    position: relative;\n    z-index: 1;\n    @include margin(7px, 7px, 0, 0);\n    display: inline-block;\n    width: 12em;\n\n    .text {\n      @include padding-right(30px);\n    }\n\n    .spinner {\n      position: absolute;\n      top: 0;\n      @include right(5px);\n    }\n  }\n\n  // todo: why are body.ltr and body.rtl needed here?\n  body.ltr &,\n  body.rtl & {\n    &.elementselect .element {\n      float: none !important;\n      display: inline-block;\n    }\n  }\n}\n\n.tagmenu {\n  ul {\n    li {\n      a {\n        @include padding-left(26px);\n\n        &:before {\n          @include floatleft;\n          @include margin(3px, 0, 0, -18px);\n        }\n      }\n    }\n  }\n}\n\n/* selectize */\n\n/* ----------------------------------------\n/*  Fields\n/* ----------------------------------------*/\n\n.shadow-box {\n  border-radius: $largeBorderRadius;\n  border: 1px solid $grey200;\n  @include shadow;\n}\n\ntable.shadow-box,\ntable.editable {\n  thead:first-child,\n  tbody:first-child {\n    tr:first-child {\n      th:first-child,\n      td:first-child {\n        &,\n        &.disabled:after {\n          border-top-left-radius: $mediumBorderRadius;\n        }\n      }\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled:after {\n          border-top-right-radius: $mediumBorderRadius;\n        }\n      }\n    }\n  }\n  thead:last-child,\n  tbody:last-child {\n    tr:last-child {\n      th:first-child,\n      td:first-child {\n        &,\n        &.disabled:after {\n          border-bottom-left-radius: $largeBorderRadius - 1;\n        }\n      }\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled:after {\n          border-bottom-right-radius: $largeBorderRadius - 1;\n        }\n      }\n    }\n  }\n}\n\n.text:not(.selectize-text),\n.passwordwrapper,\n.border-box,\n.matrix-configurator > .field > .input,\n.selectize-text > .selectize-control > .selectize-input,\n.multiselect > select,\n.selectize.multiselect .selectize-control.multi .selectize-input {\n  @include input-styles;\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize-text > .selectize-control > .selectize-input {\n  &.focus,\n  &:focus {\n    @include input-focused-styles;\n  }\n}\n\ninput.text,\ntextarea.text,\n.text > input,\n.text > textarea,\ntable.editable textarea,\n.selectize-text > .selectize-control > .selectize-input {\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  min-height: 3px;\n  box-sizing: border-box;\n  appearance: none;\n}\n\n.selectize-text > .selectize-control > .selectize-input {\n  line-height: 18px;\n}\n\ntextarea.text.fullwidth {\n  display: block;\n}\n\n.multitext .multitextrow {\n  &:after {\n    @include clearafter;\n  }\n\n  &:first-child .text {\n    &:first-child {\n      @include border-top-left-radius($mediumBorderRadius);\n    }\n\n    &:last-child {\n      @include border-top-right-radius($mediumBorderRadius);\n    }\n  }\n\n  &:last-child .text {\n    &:first-child {\n      @include border-bottom-left-radius($mediumBorderRadius);\n    }\n\n    &:last-child {\n      @include border-bottom-right-radius($mediumBorderRadius);\n    }\n  }\n\n  &:not(:first-child) .text {\n    margin-top: -1px;\n  }\n\n  .text {\n    border-radius: 0;\n    float: left;\n    box-sizing: border-box;\n\n    &:not(:first-child) {\n      @include margin-left(-1px);\n    }\n\n    &:first-child {\n      &:nth-last-child(1) {\n        width: 100%;\n      }\n\n      &:nth-last-child(2) {\n        width: 50%;\n      }\n\n      &:nth-last-child(2) ~ .text {\n        width: calc(50% + 1px);\n      }\n    }\n\n    &.error {\n      position: relative;\n      z-index: 1;\n    }\n  }\n\n  .text:focus,\n  .selectize-text > .selectize-control > .selectize-input.focus {\n    position: relative;\n    z-index: 2;\n  }\n}\n\n.chars-left {\n  position: relative;\n  @include floatright;\n  @include margin(-27px, 7px, 0, 0);\n  color: $lightTextColor;\n\n  &.negative-chars-left {\n    color: $errorColor;\n  }\n}\n\n.field,\nfieldset {\n  position: relative;\n  margin: 24px 0;\n\n  .flex > & {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n.field {\n  & > .status-badge {\n    position: absolute;\n    top: -3px;\n    @include left(-19px);\n    font-size: 9px;\n    font-weight: bold;\n    line-height: 15px;\n    width: 15px;\n    text-align: center;\n    cursor: default;\n    border-radius: $smallBorderRadius;\n\n    &.modified {\n      background-color: $blue600;\n      color: $white;\n      @include light-on-dark-text;\n    }\n\n    &.outdated {\n      background-color: $yellow300;\n    }\n\n    &.conflicted {\n      background-color: $red600;\n      color: $white;\n      @include light-on-dark-text;\n    }\n  }\n\n  & > .heading {\n    margin-top: -5px;\n    margin-bottom: 5px;\n\n    & > label {\n      position: relative;\n      font-weight: bold;\n      color: $mediumDarkTextColor;\n\n      code {\n        font-size: 1em !important;\n      }\n\n      body:not(.altkeydown) & > .alt-label,\n      body.altkeydown & > .primary-label {\n        display: none;\n      }\n\n      & > .site {\n        display: inline-block;\n        border-radius: $mediumBorderRadius;\n        @include margin-left(7px);\n        padding: 0 4px;\n        font-size: 11px;\n        color: $mediumTextColor;\n        background-color: $grey100;\n      }\n    }\n  }\n\n  & > .notice,\n  & > .warning {\n    margin: 5px 0 0;\n  }\n\n  & > .input {\n    position: relative;\n\n    &:after {\n      @include clearafter;\n    }\n  }\n}\n\n.field > .heading > .instructions,\n.checkboxfield.has-instructions .instructions {\n  margin-top: 2px;\n  color: $mediumTextColor;\n\n  img {\n    max-width: 100%;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n}\n\n#expand-status-btn {\n  margin-left: 5px;\n  width: 30px;\n  height: 17px;\n  padding: 0;\n  line-height: 16px;\n  border-radius: $smallBorderRadius;\n  color: $mediumDarkTextColor;\n\n  &:before {\n    margin: 0;\n  }\n}\n\n/* toggles and nested fields */\n.nested-fields {\n  margin: -24px;\n  padding: 24px 24px 0;\n\n  &.hidden {\n    display: block;\n    height: 0;\n  }\n\n  & > .field:last-child {\n    padding-bottom: 24px;\n  }\n}\n\n/* checkbox */\ninput.checkbox {\n  opacity: 0;\n  position: absolute;\n  width: $checkboxSize;\n  height: $checkboxSize;\n}\n\ninput.checkbox + label,\ndiv.checkbox {\n  display: inline-block;\n  clear: none;\n  position: relative;\n  @include padding-left($checkboxSize + 5);\n  line-height: 16px;\n  height: 16px;\n  cursor: pointer;\n\n  .info {\n    height: 16px;\n  }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n  cursor: default;\n}\n\ninput.checkbox + label:empty,\ndiv.checkbox:empty {\n  @include padding-left($checkboxSize);\n}\n\ninput.checkbox + label:empty:after,\ndiv.checkbox:empty:after {\n  content: '.';\n  font-size: 0;\n}\n\n/* fixes a RTL bug */\ninput.checkbox + label:before,\ndiv.checkbox:before {\n  display: block;\n  position: absolute;\n  @include left(0);\n  top: 0;\n  width: $checkboxSize !important;\n  height: $checkboxSize;\n  box-sizing: border-box;;\n  content: '.';\n  font-size: 0;\n  background-color: hsl(212, 50%, 99%);\n  border: 1px solid transparentize($inputColor, 0.6);\n  background-clip: padding-box;\n  border-radius: $smallBorderRadius;\n}\n\ninput.checkbox:disabled + label,\ndiv.checkbox.disabled:before,\ndiv.checkbox.disabled + label {\n  opacity: 0.25;\n}\n\ninput.checkbox:checked + label:before,\ndiv.checkbox.checked:before,\n.sel div.checkbox:before,\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n  @include icon;\n  line-height: $checkboxSize;\n  color: $grey900;\n}\n\ninput.checkbox:checked:not(:indeterminate) + label:before,\ndiv.checkbox.checked:not(.indeterminate):before,\n.sel div.checkbox:not(.indeterminate):before {\n  content: 'check';\n  font-size: 15px;\n}\n\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n  content: 'minus';\n  font-size: 7px;\n  text-align: center;\n}\n\ninput.checkbox:focus + label:before,\n:focus div.checkbox:before {\n  outline: none;\n  border-color: $inputColor;\n}\n\nfieldset {\n  .checkboxfield {\n    margin: 5px 0;\n  }\n}\n\n.checkboxfield {\n  .instructions,\n  .notice,\n  .warning {\n    margin-top: 2px;\n    @include padding-left($checkboxSize + 5);\n  }\n}\n\n/* multiselect */\n.multiselect > select {\n  color: $textColor;\n  font-size: 14px;\n  appearance: none;\n\n  &:focus {\n    @include input-focused-styles;\n  }\n\n  option {\n    padding: 1px 8px;\n  }\n}\n\n.text:not(.selectize-text),\n.selectize-text > .selectize-control > .selectize-input {\n  padding: 6px 9px;\n}\n\n.text {\n  background-color: $white;\n\n  &.small {\n    padding: 3px;\n  }\n\n  &.readable {\n    padding: 16px 18px;\n    font-size: 16px;\n    line-height: 22px;\n\n    & + .chars-left {\n      margin-top: -23px;\n    }\n  }\n\n  input {\n    margin: 0;\n    padding: 0;\n    border: none;\n    outline: none;\n    background-color: transparent;\n  }\n}\n\n.input.errors > .text,\n.input.errors > .border-box,\n.input.errors > .passwordwrapper,\n.input.errors > .autosuggest-container .text,\n.text.error {\n  border: 1px solid $errorColor !important;\n}\n\n.texticon {\n  position: relative;\n  cursor: text;\n  min-width: 130px;\n\n  &.icon {\n    &:before {\n      position: absolute;\n      top: 9px;\n      @include left(9px);\n      color: $mediumTextColor;\n    }\n\n    .text {\n      @include padding-left(26px);\n    }\n  }\n\n  &.clearable .text {\n    @include padding-right(22px);\n  }\n\n  .clear {\n    position: absolute;\n    top: 6px;\n    @include right(9px);\n    color: $lightTextColor;\n    cursor: pointer;\n\n    &:hover {\n      color: $mediumTextColor;\n    }\n\n    &:before {\n      @include icon;\n      content: 'remove';\n    }\n  }\n}\n\n.texthint-container {\n  position: relative;\n  height: 0;\n}\n\n.texthint {\n  position: absolute;\n  top: -1px;\n  width: 100%;\n  color: $lightTextColor;\n  cursor: text;\n}\n\n.passwordwrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  .password {\n    flex: 1;\n    border: none;\n  }\n\n  .password-toggle {\n    @include padding-right(7px);\n  }\n}\n\n.datetimewrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  & > .datewrapper + .timewrapper {\n    @include margin-left(5px);\n  }\n\n  .clear-btn {\n    width: 20px;\n    @include margin-left(4px);\n    cursor: pointer;\n    color: $darkHairlineColor;\n\n    &:before {\n      @include icon;\n      content: 'remove';\n    }\n\n    &:hover {\n      color: $mediumTextColor;\n    }\n  }\n}\n\n.datewrapper,\n.timewrapper {\n  display: inline-block;\n  position: relative;\n\n  .text {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n\n    &:placeholder-shown + div[data-icon] {\n      display: block;\n      position: absolute;\n      top: calc(50% - 10px);\n      @include left(14px);\n      z-index: 0;\n      color: $lightTextColor;\n\n      &,\n      &:before {\n        user-select: none;\n        pointer-events: none;\n        z-index: 1;\n      }\n\n      #details & {\n        color: $darkHairlineColor;\n      }\n    }\n\n    &:not(:placeholder-shown) + div[data-icon] {\n      display: none;\n    }\n  }\n}\n\n.datewrapper {\n  width: 8em;\n\n  .text:before {\n    top: calc(50% - 7px);\n    @include left(7px);\n    content: 'date';\n  }\n}\n\n.timewrapper {\n  width: 7em;\n\n  .text:before {\n    top: calc(50% - 5px);\n    @include left(7px);\n    font-size: 11px;\n    content: 'time';\n  }\n}\n\n@include placeholder-styles($grey300);\n\n/* Kill IE's special text features */\n::-ms-reveal,\n::-ms-clear {\n  display: none;\n}\n\n/* Assets related */\n.hud.assetshud .body {\n  max-height: 500px;\n  overflow: auto;\n}\n\n// Selects\n.select:not(.selectize),\n.select:not(.selectize) select {\n  @include select-styles;\n}\n\n.select:not(.selectize) {\n  @include select-container-styles;\n}\n\n.select:not(.selectize):after {\n  @include select-arrow-styles;\n}\n\n.select:not(.selectize) select {\n  @include select-input-styles;\n  white-space: pre;\n\n  option {\n    background-color: $white;\n  }\n}\n\n.select:not(.selectize).fullwidth select {\n  @include select-input-fullwidth-styles;\n}\n\n.select:not(.selectize) select {\n  &:hover,\n  &:focus {\n    @include select-input-focused-styles;\n  }\n}\n\n.select:not(.selectize).small:after {\n  top: 9px;\n}\n\n.select:not(.selectize).small select {\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n  font-size: 11px;\n}\n\n/* selectize reset */\n.selectize .selectize-control.single .selectize-input {\n  border-color: inherit;\n  box-shadow: none;\n  background-color: transparent;\n}\n\n.selectize .selectize-control.single .selectize-input:after {\n  display: none;\n}\n\nbody .selectize-dropdown {\n  border: none;\n}\n\n/* single select styles */\n.selectize.select .selectize-control,\n.selectize.select .selectize-control .selectize-input {\n  @include select-styles;\n}\n\n.selectize.select .selectize-control {\n  @include select-container-styles;\n}\n\n.selectize.select .selectize-control:after {\n  @include select-arrow-styles;\n}\n\n.selectize.select .selectize-control .selectize-input {\n  @include select-input-styles;\n}\n\n.selectize.select.fullwidth .selectize-control,\n.selectize.select.fullwidth .selectize-control .selectize-input {\n  @include select-input-fullwidth-styles;\n}\n\n/* multi select styles */\n.selectize.multiselect .selectize-control.multi .selectize-input {\n  padding: 6px 8px;\n}\n\n.selectize.multiselect .selectize-control.multi .selectize-input.has-items {\n  padding: 5px 8px;\n}\n\n.selectize.multiselect .selectize-control.multi .selectize-input > div {\n  @include token-styles;\n  margin-top: 1px;\n  margin-bottom: 1px;\n}\n\n.selectize.multiselect .selectize-control.plugin-remove_button [data-value] .remove {\n  padding: 0;\n}\n\n/* shared styles */\n.selectize .selectize-control .selectize-input.focus {\n  @include input-focused-styles;\n}\n\n/* menu styles */\nbody .selectize-dropdown {\n  @include menu-styles;\n  margin-top: 1px;\n  padding: 0;\n}\n\nbody .selectize-dropdown-content {\n  padding: 3px 14px;\n}\n\nbody .selectize-dropdown-content > div[data-value=\"new\"]:before {\n  @include icon;\n  content: 'plus';\n  margin-right: 5px;\n}\n\nbody .selectize-dropdown-content > div[data-value=\"new\"]:after {\n  content: '…';\n}\n\nbody .selectize-dropdown [data-selectable],\nbody .selectize-dropdown .optgroup-header {\n  @include menu-option-styles;\n}\n\nbody .selectize-dropdown .optgroup-header {\n  @include h6-styles;\n  margin: 0;\n  padding: 4px 0;\n}\n\nbody .selectize-dropdown .active {\n  @include menu-option-active-styles;\n}\n\n/* datepicker */\n.ui-datepicker {\n  position: fixed;\n  top: -300px;\n  @include margin-left(1px);\n  -padding: 10px;\n  width: 210px;\n  height: 242px;\n  z-index: 101 !important;\n}\n\n.ui-datepicker-header {\n  padding: 8px 8px 4px;\n}\n\n.ui-datepicker-prev {\n  @include floatleft;\n}\n\n.ui-datepicker-next {\n  @include floatright;\n}\n\n.ui-datepicker-prev span,\n.ui-datepicker-next span {\n  display: none;\n}\n\n.ui-datepicker-prev:after,\n.ui-datepicker-next:after {\n  @include icon;\n  width: 20px;\n  margin-top: -2px;\n  line-height: 20px !important;\n  text-align: center;\n}\n\n.ui-datepicker-prev:after {\n  body.ltr & {\n    content: 'leftangle';\n  }\n  body.rtl & {\n    content: 'rightangle';\n  }\n}\n\n.ui-datepicker-next:after {\n  body.ltr & {\n    content: 'rightangle';\n  }\n  body.rtl & {\n    content: 'leftangle';\n  }\n}\n\n.ui-datepicker-title {\n  text-align: center;\n}\n\n.ui-datepicker-calendar th,\n.ui-datepicker-calendar td {\n  padding: 2px !important;\n}\n\n.ui-datepicker-calendar th span,\n.ui-datepicker-calendar td a {\n  display: block;\n  width: 26px;\n  line-height: 26px;\n  text-align: center;\n  color: $textColor;\n}\n\n.ui-datepicker-calendar th span {\n  color: $mediumTextColor;\n  font-weight: normal;\n}\n\n.ui-datepicker-calendar td a {\n  border-radius: 2px;\n}\n\n.ui-datepicker-calendar td a:hover {\n  background-color: $lightSelColor;\n  text-decoration: none;\n}\n\n.ui-datepicker-calendar td a.ui-state-active {\n  background-color: $darkSelColor;\n  color: $white;\n  @include light-on-dark-text;\n  cursor: default;\n}\n\n.ui-datepicker-calendar td.ui-datepicker-today a {\n  border-radius: 13px;\n  box-shadow: inset 0 0 0 2px $lightSelColor;\n}\n\n/* timepicker */\n.ui-timepicker-wrapper {\n  z-index: 101;\n}\n\n.ui-timepicker-list {\n  @include margin-left(1px);\n  overflow-y: auto;\n  width: calc(14px + 6em);\n  height: 210px;\n  z-index: 100;\n}\n\n.ui-timepicker-list li {\n  @include padding(2px, 0, 2px, 14px);\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.ui-timepicker-list li:hover {\n  background-color: $lightSelColor;\n}\n\n.ui-timepicker-list li.ui-timepicker-selected {\n  background-color: $darkSelColor;\n  color: $white;\n  @include light-on-dark-text;\n  cursor: default;\n}\n\n/* slide picker */\n.slide-picker {\n  display: flex;\n  height: 15px;\n  white-space: nowrap;\n\n  a {\n    border: 1px solid $hairlineColor;\n    @include border-left(none);\n    background-image: none;\n    width: 7px;\n    height: 13px;\n    margin-left: 0;\n    display: inline-block;\n    margin-top: 1px;\n    margin-bottom: 1px;\n    box-sizing: border-box;\n\n    &:first-child {\n      width: 8px;\n      @include border-left(1px solid $grey400 !important);\n    }\n  }\n\n  &:not(:hover) a.active,\n  &:hover a.active-hover {\n    border-top-color: $grey400;\n    border-bottom-color: $grey400;\n    height: 15px;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &:first-child {\n      @include border-left(1px solid $grey400);\n      @include border-top-left-radius($smallBorderRadius);\n      @include border-bottom-left-radius($smallBorderRadius);\n    }\n  }\n\n  &:not(:hover) a.last-active,\n  &:hover a.last-active-hover {\n    @include border-right(1px solid $grey400);\n    @include border-top-right-radius($smallBorderRadius);\n    @include border-bottom-right-radius($smallBorderRadius);\n  }\n\n  &:focus {\n    outline: none;\n\n    a.active {\n      background-color: $lightSelColor;\n    }\n  }\n}\n\n/* errors */\nul.errors {\n  margin-top: 5px;\n  list-style-type: square;\n  @include padding-left(20px);\n}\n\nul.errors li {\n  color: $errorColor;\n}\n\n/* message pages */\n.message-container {\n  position: absolute;\n  z-index: 100;\n  top: 0;\n  @include left(0);\n  width: 100%;\n  height: 100%;\n\n  &.no-access {\n    background-color: transparentize($grey900, 0.5);\n  }\n\n  .pane {\n    top: 50%;\n    margin-top: -33px !important;\n    margin-left: auto;\n    margin-right: auto;\n    width: 320px;\n    box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n  }\n}\n\n/* auto-suggest */\n.autosuggest-container {\n  position: relative;\n}\n\n.autosuggest__results-container {\n  position: absolute;\n  z-index: 2;\n  width: 100%;\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  @include shadow;\n  box-sizing: border-box;\n  padding: 0 14px;\n  text-align: left;\n  @include sans-serif-font;\n  font-size: 1em !important;\n\n  .autosuggest__results_title {\n    @include h6-styles;\n    margin-top: 14px !important;\n  }\n\n  .autosuggest__results_item {\n    @include menu-option-styles;\n\n    &:hover,\n    &.autosuggest__results_item-highlighted {\n      @include menu-option-active-styles;\n      cursor: pointer;\n    }\n  }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n.matrix-configurator {\n  & > .field {\n    max-width: none;\n\n    & > .input {\n      position: relative;\n      @include padding-left(440px);\n      background-color: $grey050;\n      overflow: hidden;\n      box-shadow: none;\n\n      &:after {\n        display: block;\n        position: absolute;\n        z-index: 1;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        visibility: visible;\n        content: '.';\n        font-size: 0;\n        border-radius: $smallBorderRadius;\n        box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n        user-select: none;\n        pointer-events: none;\n      }\n    }\n  }\n\n  .mc-sidebar {\n    position: absolute;\n    top: 0;\n    margin: 0;\n    border: none;\n    height: 100%;\n    box-sizing: border-box;\n\n    .mc-col-items {\n      margin-top: -1px;\n      padding-top: 1px;\n    }\n\n    &.block-types {\n      @include left(0);\n      width: 200px;\n\n      .mc-col-items {\n        .btn {\n          margin: 14px;\n        }\n      }\n    }\n\n    &.mc-fields {\n      @include left(200px);\n      width: 240px;\n      z-index: 1;\n      background: #fff;\n      box-shadow: 0 0 0 1px transparentize($grey900, 0.9), 0 2px 5px -2px transparentize($grey900, 0.8);\n\n      .mc-col-items {\n        padding: 14px;\n\n        .btn {\n          margin-top: 14px;\n        }\n      }\n    }\n  }\n\n  .mc-sidebar,\n  .mc-field-settings {\n    & > .mc-col-inner-container > .mc-col-heading {\n      margin: 0;\n      padding: 7px 14px 6px;\n      border-bottom: 1px solid $hairlineColor;\n      background-color: $grey050;\n      background-image: linear-gradient(transparentize($grey800, 1), transparentize($grey800, 0.95));\n    }\n  }\n\n  .mc-field-settings {\n    flex: 1;\n    position: relative;\n    height: 100%;\n\n    & > .mc-col-inner-container {\n      & > .mc-col-heading {\n        padding-left: 24px;\n        padding-right: 24px;\n      }\n\n      & > .mc-col-items {\n        padding: 24px;\n      }\n    }\n  }\n}\n\n.matrixconfigitem {\n  position: relative;\n  display: flex;\n  align-items: center;\n  user-select: none;\n  cursor: default;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  &.mci-blocktype {\n    margin-top: -1px;\n    padding: 8px 14px;\n    border: solid $hairlineColor;\n    border-width: 1px 0;\n    background-color: $grey100;\n\n    &.sel {\n      z-index: 1;\n      background-color: $grey200;\n    }\n  }\n\n  &.mci-field {\n    border-radius: $mediumBorderRadius;\n    padding: 7px 10px;\n    background-color: $grey100;\n\n    &.sel {\n      background-color: $grey200;\n\n      .slide-picker:focus a.active {\n        background-color: darken($lightTextColor, 0.5%);\n      }\n    }\n\n    & + .mci-field {\n      margin-top: 7px;\n    }\n  }\n\n  .mci-name {\n    flex: 1;\n    overflow: hidden;\n\n    h4,\n    .smalltext {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    h4 {\n      margin-bottom: 2px;\n      font-weight: normal;\n      color: $textColor;\n\n      &.mci-required:after {\n        @include icon;\n        @include margin(-2px, 0, 0, 4px);\n        content: 'asterisk';\n        font-size: 8px;\n      }\n    }\n  }\n\n  &.error .mci-name h4 {\n    color: $errorColor;\n  }\n\n  .slide-picker,\n  .icon {\n    @include margin-left(7px);\n  }\n\n  .icon {\n    display: block;\n\n    &:not(.error):not(:hover):before {\n      color: $darkHairlineColor;\n    }\n\n    &.error:before {\n      color: $errorColor;\n    }\n  }\n}\n\n/* Matrix fields */\n.matrix {\n  & > .buttons {\n    margin-top: 10px;\n  }\n}\n\n$titlebarBorderRadius: $largeBorderRadius - 1;\n\n.matrixblock {\n  position: relative;\n  margin-bottom: 10px;\n  padding: 0 14px 14px;\n  border-radius: $largeBorderRadius;\n  border: 1px solid $hairlineColor;\n  background-color: $grey050;\n  outline: none;\n\n  &.static {\n    padding-top: 14px;\n  }\n\n  & > .titlebar {\n    margin: 0 -14px;\n    width: calc(100% + 28px);\n    box-sizing: border-box;\n    border-radius: $titlebarBorderRadius $titlebarBorderRadius 0 0;\n    @include padding(5px, 70px, 5px, 35px);\n    color: $lightTextColor;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    word-wrap: normal;\n    cursor: default;\n    user-select: none;\n    position: relative;\n    background-color: darken($grey050, 2%);\n\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 14px;\n      width: calc(100% - 28px);\n      height: 1px;\n      background-color: $hairlineColor;\n    }\n\n    & > .blocktype {\n      display: inline;\n      color: $mediumTextColor;\n    }\n\n    & > .preview {\n      @include margin-left(7px);\n      display: inline;\n      opacity: 0;\n      transition: opacity linear 100ms;\n\n      span {\n        opacity: 0.5;\n      }\n    }\n  }\n\n  &.disabled {\n    opacity: 1;\n\n    & > .titlebar {\n      @include padding-right(90px);\n    }\n\n    & > .actions {\n      & > .status {\n        &.off {\n          display: inline-block;\n          @include floatleft;\n          @include margin(6px, 10px, 0, 0);\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    & > .titlebar {\n      border-radius: $titlebarBorderRadius;\n      border-bottom: none;\n\n      & > .preview {\n        opacity: 1;\n      }\n    }\n  }\n\n  & > .checkbox {\n    position: absolute;\n    top: 7px;\n    @include left(14px);\n  }\n\n  & > .actions {\n    position: absolute;\n    z-index: 1;\n    top: 4px;\n    @include right(14px);\n    cursor: default;\n\n    & > .status {\n      &.off {\n        display: none;\n      }\n    }\n\n    a {\n      padding: 0 !important;\n      @include margin-right(2px);\n      width: 15px;\n      height: 20px;\n      text-align: center;\n      color: $darkHairlineColor;\n\n      &:hover {\n        width: 15px;\n        height: 20px;\n        text-align: center;\n        color: $linkColor;\n      }\n\n      &.settings:after {\n        @include margin-left(3px);\n      }\n    }\n  }\n\n  &:not(.static) {\n    & > .fields {\n      padding-top: 14px;\n    }\n  }\n\n  & > .fields {\n    & > .field {\n      margin: 15px 0;\n    }\n  }\n\n  & > .buttons {\n    margin-top: 0;\n    height: 30px;\n  }\n}\n\n/* categories */\n.add-category-form {\n  margin-top: 24px;\n}\n\n.add-category-form .texticon {\n  width: 200px;\n  @include floatleft;\n  @include margin-right(5px);\n}\n\n.add-category-form .texticon .text {\n  @include padding-right(30px);\n}\n\n.add-category-form .texticon .spinner {\n  position: absolute;\n  top: 0;\n  @include right(5px);\n}\n\n.categoriesfield {\n  position: relative;\n  min-height: 30px;\n}\n\n.categoriesfield .structure ul {\n  @include margin-left(12px);\n}\n\n/* site pickers */\nbody.sitepicker {\n  #main-content {\n    padding: 30px;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n  }\n\n  #content-container {\n    max-width: 400px;\n  }\n}\n\n.sitepicker-group {\n  li {\n    &:not(:first-child) {\n      a {\n        margin-top: -1px;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n\n        &:not(:hover) {\n          border-top-color: transparent;\n        }\n      }\n    }\n\n    &:not(:last-child) {\n      a {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    a {\n      display: block;\n      position: relative;\n      text-align: left;\n      width: 100%;\n      box-sizing: border-box;\n      border: 1px solid $hairlineColor;\n      border-radius: $mediumBorderRadius;\n      @include padding(9px, 42px, 9px, 15px);\n      font-size: 16px;\n      line-height: 1.4;\n\n      &:after {\n        font-size: 14px;\n        position: absolute;\n        top: calc(50% - 7px);\n        @include right(12px);\n        margin: 0;\n        padding: 0;\n      }\n\n      &:hover {\n        border-color: $linkColor;\n        text-decoration: none;\n        z-index: 1;\n      }\n    }\n  }\n}\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main {\n  float: left \\9\n;\n  width: 445px \\9\n;\n}\n\n/* ----------------------------------------\n/*  Retina graphics\n/* ----------------------------------------*/\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (-moz-min-device-pixel-ratio: 1.5),\nonly screen and (-o-min-device-pixel-ratio: 3/2),\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n  table.data {\n    thead {\n      th {\n        &.ordered {\n          background-image: url(../images/listview_sort_2x.png);\n          background-size: 26px;\n\n          &.loading {\n            background-image: url(../images/spinner_tableheader_2x.gif);\n            background-size: 26px;\n          }\n        }\n      }\n    }\n  }\n\n  .spinner\n  .elements.busy:after {\n    background-image: url(../images/spinner_2x.gif);\n    background-size: 20px;\n  }\n  .spinner.big {\n    background-image: url(../images/spinner_big_2x.gif);\n    background-size: 48px;\n  }\n\n  .btn.icon.add.loading:after {\n    background-image: url(../images/spinner_2x.gif);\n    background-size: 20px;\n  }\n  .btn.icon.add.loading.submit:after {\n    background-image: url(../images/spinner_submit_2x.gif);\n  }\n  .secondary-buttons .btn.icon.add.loading.submit:after,\n  .btn.secondary.icon.add.loading.submit:after {\n    background-image: url(../images/spinner_submit_secondary_2x.gif);\n  }\n\n  .sel .element.loading:after,\n  .element.loading.sel:after {\n    background-image: url(../images/spinner_element_2x.gif);\n    background-size: 20px;\n  }\n\n  .preview-thumb-container.loading:after {\n    background-image: url(../images/spinner_dark_2x.gif);\n    background-size: 20px;\n  }\n\n  .structure ul li {\n    background-size: 40px;\n    body.ltr & {\n      background-image: url(../images/branch_2x.png);\n    }\n    body.rtl & {\n      background-image: url(../images/branch_rtl_2x.png);\n    }\n  }\n\n  .modal .resizehandle {\n    background-size: 13px;\n    body.ltr & {\n      background-image: url(../images/resizehandle_2x.png);\n    }\n    body.rtl & {\n      background-image: url(../images/resizehandle_rtl_2x.png);\n    }\n  }\n\n  .hud .tip-left {\n    background-image: url(../images/hudtip_left_2x.png);\n    background-size: 15px 30px;\n  }\n  .hud .tip-top {\n    background-image: url(../images/hudtip_top_2x.png);\n    background-size: 30px 15px;\n  }\n  .hud .tip-right {\n    background-image: url(../images/hudtip_right_2x.png);\n    background-size: 15px 30px;\n  }\n  .hud .tip-bottom {\n    background-image: url(../images/hudtip_bottom_2x.png);\n    background-size: 30px 15px;\n  }\n  .hud.has-footer .tip-bottom {\n    background-image: url(../images/hudtip_bottom_gray_2x.png);\n  }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(211, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #E3F8FF;\n$blue100: #B3ECFF;\n$blue200: #81DEFD;\n$blue300: #5ED0FA;\n$blue400: #40C3F7;\n$blue500: #2BB0ED;\n$blue600: #1992D4;\n$blue700: #127FBF;\n$blue800: #0B69A3;\n$blue900: #035388;\n\n$cyan050: #E0FCFF;\n$cyan100: #BEF8FD;\n$cyan200: #87EAF2;\n$cyan300: #54D1DB;\n$cyan400: #38BEC9;\n$cyan500: #2CB1BC;\n$cyan600: #14919B;\n$cyan700: #0E7C86;\n$cyan800: #0A6C74;\n$cyan900: #044E54;\n\n$pink050: #FFE3EC;\n$pink100: #FFB8D2;\n$pink200: #FF8CBA;\n$pink300: #F364A2;\n$pink400: #E8368F;\n$pink500: #DA127D;\n$pink600: #BC0A6F;\n$pink700: #A30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #FFE3E3;\n$red100: #FFBDBD;\n$red200: #FF9B9B;\n$red300: #F86A6A;\n$red400: #EF4E4E;\n$red500: #E12D39;\n$red600: #CF1124;\n$red700: #AB091E;\n$red800: #8A041A;\n$red900: #610316;\n\n$yellow050: #FFFBEA;\n$yellow100: #FFF3C4;\n$yellow200: #FCE588;\n$yellow300: #FADB5F;\n$yellow400: #F7C948;\n$yellow500: #F0B429;\n$yellow600: #DE911D;\n$yellow700: #CB6E17;\n$yellow800: #B44D12;\n$yellow900: #8D2B0B;\n\n$teal050: #EFFCF6;\n$teal100: #C6F7E2;\n$teal200: #8EEDC7;\n$teal300: #65D6AD;\n$teal400: #3EBD93;\n$teal500: #27AB83;\n$teal600: #199473;\n$teal700: #147D64;\n$teal800: #0C6B58;\n$teal900: #014D40;\n\n// submit button colors\n$primaryColor: #E5422B;\n$secondaryColor: $grey350;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey500;\n$mediumTextColor: $grey400;\n$lightTextColor: $grey300;\n$linkColor: $blue800;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red400;\n$warningColor: $yellow700;\n$successColor: $teal500;\n$noticeColor: $blue700;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$checkboxSize: 16px;\n\n@mixin sans-serif-font {\n  font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  font-size: 0.9em !important;\n}\n\n// Other\n\n@mixin svg-mask($color) {\n  rect, circle, ellipse, line, polyline, polygon, path, text {\n    fill: $color;\n    stroke-width: 0;\n    transition: fill linear 100ms;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: none;\n  -webkit-font-feature-settings: \"liga\", \"dlig\";\n  -moz-font-feature-settings: \"liga=1, dlig=1\";\n  -moz-font-feature-settings: \"liga\", \"dlig\";\n  -ms-font-feature-settings: \"liga\", \"dlig\";\n  -o-font-feature-settings: \"liga\", \"dlig\";\n  font-feature-settings: \"liga\", \"dlig\";\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n\n  opacity: 0.8;\n}\n\n@mixin clearafter {\n  content: '.';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow: 0 0 0 1px transparentize($grey200, 0.75), 0 2px 12px transparentize($grey200, 0.5);\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-weight: 500;\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 10px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: 10px;\n  padding: 2px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: transparentize($white, 0.5);\n  box-shadow: 0 0 0 1px $darkHairlineColor;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $mediumBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9), 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $textColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n  color: $textColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  box-shadow: inset 0 1px 4px -1px transparentize($inputColor, 0.75);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  outline: none;\n  border-color: transparentize($inputColor, 0.2);\n}\n\n@mixin placeholder-styles($color) {\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder {\n    color: $color;\n  }\n\n  ::-ms-input-placeholder {\n    color: $color;\n  }\n\n  :-moz-placeholder {\n    color: $color;\n  }\n\n  ::-moz-placeholder {\n    color: $color;\n  }\n\n  ::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include icon;\n  position: absolute;\n  z-index: 1;\n  top: calc(50% - 5px);\n  @include right(9px);\n  font-size: 10px;\n  content: 'downangle';\n  user-select: none;\n  pointer-events: none;\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: transparentize($inputColor, 0.75);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline: none;\n  background-color: transparentize($inputColor, 0.5);\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1, h2, h3, h4, h5, h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(56px);\n      border: 1px solid;\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $mediumTextColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        position: absolute;\n        top: 12px;\n        @include left(16px);\n        font-size: 30px;\n        width: 24px;\n      }\n    }\n  }\n}\n","@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n$sidebarWidth: 226px;\n$detailsWidth: 350px;\n$minFullUiWidth: 1200px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n}\n\n#global-container {\n  position: relative;\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: $grey100;\n$sidebarLinkSecondaryColor: $grey200;\n\n#global-sidebar {\n  position: fixed;\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  -webkit-overflow-scrolling: touch;\n  @include light-on-dark-text;\n  background-color: $grey800;\n\n  a {\n    color: $sidebarLinkStaticColor;\n    transition: color linear 100ms;\n    text-decoration: none;\n  }\n\n  & > a,\n  *:not(.has-subnav) > a {\n    outline: none;\n    transition: background-color linear 100ms;\n\n    &[href] {\n      &:hover,\n      &.active,\n      &:active {\n        color: $white;\n      }\n\n      &:not(.sel):hover {\n        background-color: darken($grey800, 5%);\n        transition: none;\n\n        .icon {\n          opacity: 1;\n        }\n      }\n\n      &.active,\n      &:active {\n        background-color: darken($grey800, 10%);\n      }\n    }\n\n    &:not([href]) {\n      cursor: default;\n      background-color: transparent;\n    }\n\n    .icon {\n      transition: opacity linear 100ms;\n    }\n  }\n\n  .light {\n    color: $grey400;\n  }\n}\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n  display: grid;\n  grid-template-columns: 30px auto;\n  grid-gap: 10px;\n  padding: 0 10px;\n  position: relative;\n  flex: 0 0 60px;\n  flex-direction: row;\n  align-items: center;\n  background-color: $systemInfoBgColor;\n\n  &:after {\n    display: none;\n  }\n\n  &:focus,\n  &:hover {\n    background-color: $systemInfoHoverBgColor !important;\n  }\n}\n\n#site-icon {\n  height: 30px;\n\n  img,\n  svg {\n    display: block;\n    width: 30px;\n    height: 30px;\n    border-radius: 4px;\n  }\n\n  svg {\n    @include svg-mask($mediumTextColor);\n  }\n}\n\n#system-name {\n  h2 {\n    margin: 0;\n    width: 100%;\n    overflow: hidden;\n    max-height: 40px;\n    position: relative;\n\n    // Multi-line text overflow ellipsis\n    // (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n\n    &:after {\n      display: block;\n      content: '.';\n      font-size: 0;\n      position: absolute;\n      top: 0;\n      @include right(0);\n      width: 14px;\n      background-image: linear-gradient(to right, transparentize($systemInfoBgColor, 1), $systemInfoBgColor);\n\n      #system-info:hover & {\n        background-image: linear-gradient(to right, transparentize($systemInfoHoverBgColor, 1), $systemInfoHoverBgColor);\n      }\n    }\n  }\n}\n\n#job-icon {\n  & > span.icon {\n    display: block;\n    position: relative;\n    width: 16px;\n    height: 16px;\n\n    & > canvas {\n      display: block;\n      position: absolute;\n      width: 16px;\n      height: 16px;\n\n      &#job-icon-hover {\n        opacity: 0;\n        transition: opacity linear 100ms;\n      }\n    }\n  }\n\n  .progressbar {\n    position: static;\n    margin: 8px 2px;\n    width: auto;\n    border-color: $grey200;\n    transition: color linear 100ms;\n  }\n\n  .progressbar-inner {\n    background-color: $grey200;\n    transition: color linear 100ms;\n  }\n\n  &[href]:hover {\n    .progressbar {\n      border-color: $white;\n    }\n\n    .progressbar-inner {\n      background-color: $white;\n    }\n\n    .icon > span.icon > canvas#job-icon-hover {\n      opacity: 1;\n    }\n  }\n}\n\n#nav {\n  flex: 1;\n  margin: 27px 0 0;\n  overflow: visible;\n\n  li {\n    &:not(.has-subnav) > a.sel {\n      color: $white;\n      background-color: $grey900;\n      opacity: 1;\n\n      .icon {\n        opacity: 1;\n      }\n    }\n\n    a {\n      padding-left: 14px;\n      padding-right: 14px;\n\n      &.menubtn {\n        line-height: 26px;\n      }\n\n      &.external:after {\n        margin-left: 5px;\n        @include icon;\n        content: 'external';\n      }\n\n      &:active .icon {\n        opacity: 1;\n      }\n\n      .icon {\n        opacity: 0.5;\n\n        &.icon-mask {\n          svg {\n            @include svg-mask($white);\n          }\n\n          span[data-icon] {\n            color: $white;\n          }\n        }\n      }\n\n      .label {\n        &,\n        & span {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      .badge {\n        @include margin-right(0);\n        background-color: transparentize($white, 0.5);\n        color: $grey800;\n      }\n    }\n\n    ul {\n      display: block;\n      margin-bottom: 10px;\n\n      li a {\n        @include padding(3px, 14px, 3px, 42px, !important);\n        font-size: 12px;\n\n        &:not(.active) {\n          color: $sidebarLinkSecondaryColor;\n        }\n      }\n    }\n  }\n}\n\n#app-info {\n  padding: 14px 14px 24px;\n  color: $grey1000;\n  text-align: center;\n}\n\n#edition {\n  font-size: 14px;\n\n  &.hot:hover {\n    cursor: pointer;\n\n    #edition-logo {\n      border-color: $grey300;\n\n      & > .edition-name {\n        color: $grey300;\n        @include light-on-dark-text;\n      }\n\n      & > .edition-trial {\n        background-color: $grey300;\n\n        &:before {\n          body.ltr & {\n            border-color: transparent $grey300 transparent transparent;\n          }\n\n          body.rtl & {\n            border-color: transparent transparent transparent $grey300;\n          }\n        }\n      }\n    }\n  }\n}\n\n#edition-logo {\n  user-select: none;\n  border: 1px solid $grey1000;\n  border-radius: 3px;\n  display: inline-flex;\n  height: 24px;\n  box-sizing: content-box;\n  transition: border-color linear 100ms;\n\n  & > .edition-name,\n  & > .edition-trial {\n    padding: 8px 8px 7px;\n    line-height: 8px;\n    font-weight: 500;\n  }\n\n  & > .edition-name {\n    letter-spacing: 2.2px;\n    padding-right: 5.8px;\n    text-transform: uppercase;\n    transition: color linear 100ms;\n  }\n\n  & > .edition-trial {\n    display: inline-block;\n    position: relative;\n    @include margin-left(5px);\n    @include padding-left(5px);\n    background-color: $grey1000;\n    color: $grey800;\n    border-radius: 0 1px 1px 0;\n    letter-spacing: 1px;\n    @include padding-right(7px);\n    text-transform: lowercase;\n    transition: background linear 100ms;\n\n    &:before {\n      display: block;\n      position: absolute;\n      top: 0;\n      content: '.';\n      font-size: 0;\n      width: 0;\n      height: 0;\n      border-style: solid;\n      transition: border-color linear 100ms;\n\n      body.ltr & {\n        left: -10px;\n        border-width: 0 10px 23px 0;\n        border-color: transparent $grey1000 transparent transparent;\n      }\n\n      body.rtl & {\n        right: -10px;\n        border-width: 0 0 23px 10px;\n        border-color: transparent transparent transparent $grey1000;\n      }\n    }\n  }\n}\n\n#version {\n  margin-top: 4px;\n  font-size: 12px;\n}\n\n#devmode {\n  flex: 0 0 4px;\n  width: 100%;\n  min-height: 4px; // fixes Windows scaling bug (https://github.com/craftcms/cms/issues/3259)\n  background: url(../images/dev-mode.svg) repeat-x 21px 0;\n  cursor: help;\n}\n\n#page-container {\n  @include padding-left($sidebarWidth);\n}\n\n#alerts {\n  background-color: $errorColor;\n  padding: 9px 0;\n  text-align: center;\n  color: $white;\n\n  li {\n    padding: 4px 24px;\n\n    &:before {\n      @include icon;\n      @include margin(-1px, 3px, 0, 0);\n      content: 'alert';\n      font-size: 16px;\n    }\n\n    a {\n      color: $white;\n      text-decoration: underline;\n\n      &.go {\n        text-decoration: none;\n        white-space: nowrap;\n        border: 1px solid transparentize($white, 0.5);\n        border-radius: $mediumBorderRadius;\n        padding: 3px 5px;\n        margin: 0 2px;\n\n        &:after {\n          color: $white;\n        }\n\n        &:hover {\n          border-color: $white;\n          transition: border-color linear 100ms;\n        }\n      }\n    }\n  }\n}\n\n#global-header {\n  margin-bottom: 14px;\n  @include pane;\n  background: $grey050;\n\n  .flex {\n    height: 60px;\n    align-items: center;\n  }\n}\n\n#crumbs {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  font-size: 13px;\n\n  &.empty {\n    display: none;\n  }\n\n  a {\n    color: $lightTextColor;\n    transition: color linear 100ms;\n\n    &:hover {\n      color: $linkColor;\n      text-decoration: none;\n    }\n  }\n\n  nav {\n    margin: 0;\n\n    ul {\n      display: flex;\n      flex-direction: row;\n      align-items: stretch;\n\n      li {\n        &:after {\n          @include icon;\n          margin: -1px 5px 0;\n          font-size: 11px;\n          color: $lightTextColor;\n\n          body.ltr & {\n            content: 'rightangle';\n          }\n\n          body.rtl & {\n            content: 'leftangle';\n          }\n        }\n\n        a {\n          display: inline-block;\n          padding: 5px 0 1px;\n        }\n      }\n    }\n  }\n}\n\n#nav-toggle {\n  display: none;\n  width: 36px;\n  height: 26px;\n  line-height: 26px;\n  color: $grey300;\n  text-align: center;\n  @include margin-left(-10px);\n\n  &:before {\n    @include icon;\n    content: 'menu';\n    font-size: 16px;\n    line-height: 0;\n  }\n\n  &:hover {\n    color: $grey400;\n  }\n}\n\n#user-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  @include padding(0, 24px, 0, 14px);\n  height: 100%;\n  background-color: transparent;\n  border-radius: 0;\n\n  &:after {\n    @include margin(0, 0, 0, 5px, !important);\n    color: $lightTextColor;\n    transition: color linear 100ms;\n  }\n\n  &:hover:after {\n    color: $mediumTextColor;\n  }\n}\n\n.header-photo {\n  padding: 5px 0;\n\n  img {\n    display: block;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    box-shadow: 0 0 0 1px transparentize($grey900, 0.95), 0 0 0 transparentize($grey900, 1);\n    transition: box-shadow linear 150ms;\n\n    #user-info:hover & {\n      box-shadow: 0 0 0 1px transparentize($grey900, 0.95), 0 2px 10px -2px transparentize($grey900, 0.7);\n    }\n  }\n}\n\n/* main container */\n\n#main-container {\n  position: relative;\n}\n\n#notifications {\n  position: fixed;\n  width: calc(100% - #{$sidebarWidth});\n  z-index: 101;\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n\n  .notification {\n    padding: 5px 10px;\n    border-radius: 0 0 3px 3px;\n    border-width: 0 1px 1px;\n    color: $white !important;\n    pointer-events: auto;\n    @include light-on-dark-text;\n    @include shadow;\n\n    &.notice {\n      background-color: $noticeColor;\n    }\n\n    &.error {\n      background-color: $primaryColor;\n    }\n  }\n}\n\n#header-container {\n  margin-bottom: 14px;\n}\n\n#crumbs,\n#header {\n  @include padding-left(30px);\n  @include padding-right(24px);\n}\n\n#global-header,\n#header {\n  .flex {\n    flex-wrap: nowrap;\n    max-width: 100%;\n\n    &.flex-nowrap {\n      min-width: 0;\n    }\n\n    & > * {\n      margin-bottom: 0;\n    }\n  }\n}\n\n#header {\n  display: flex;\n  align-items: flex-start;\n  align-content: stretch;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  padding-top: 13px;\n  padding-bottom: 13px;\n  position: relative;\n  z-index: 2;\n  width: calc(100vw - #{$sidebarWidth});\n  box-sizing: border-box;\n  background-color: transparentize($grey300, 1);\n  box-shadow: 0 1px 0 transparentize($grey800, 1);\n  transition: background-color linear 100ms, box-shadow linear 100ms;\n\n  body.fixed-header & {\n    position: fixed;\n    z-index: 12;\n    top: 0;\n    background-color: $grey100;\n    box-shadow: inset 0 -1px 0 transparentize($grey700, 0.9);\n  }\n\n  @supports (backdrop-filter: blur(10px)) {\n    & {\n      transition: background-color linear 100ms, box-shadow linear 100ms, backdrop-filter linear 100ms;\n\n      body.fixed-header & {\n        background-color: transparentize($grey100, 0.25);\n        backdrop-filter: blur(10px);\n      }\n    }\n  }\n\n  .flex {\n    &:not(:last-child) {\n      @media only screen and (min-width: $minHorizontalUiWidth) {\n        @include margin-right(7px);\n      }\n    }\n  }\n\n  h1 {\n    line-height: 32px;\n    margin-top: 0;\n    margin-bottom: 0;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:not(:last-child) {\n      @include margin-right(14px !important);\n    }\n  }\n\n  .buttons,\n  .btngroup {\n    margin-top: 0;\n  }\n}\n\n#page-title {\n  &.has-toolbar {\n    @media only screen and (min-width: $minHorizontalUiWidth) {\n      min-width: #{$sidebarWidth - 30 - 7} !important;\n    }\n  }\n}\n\n$toolbarIconColor: darken($inputColor, 10%);\n\n#toolbar {\n  flex: 1;\n  align-items: flex-start;\n\n  .btn,\n  .text {\n    color: darken($inputColor, 20%);\n  }\n\n  .icon:before,\n  .texticon:before,\n  .menubtn:after,\n  [data-icon]:before,\n  [data-icon-after]:after {\n    color: $toolbarIconColor;\n  }\n\n  .text {\n    border-radius: $largeBorderRadius;\n    box-shadow: none;\n\n    &::-webkit-input-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &:-ms-input-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &::-ms-input-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &:-moz-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &::-moz-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &::placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &:not(:focus) {\n      background-clip: border-box;\n    }\n  }\n\n  .spinner {\n    background-image: url(../images/spinner_toolbar.gif);\n  }\n}\n\n#action-button {\n  height: 34px;\n}\n\n#main-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  width: calc(100vw - #{$sidebarWidth});\n  padding: 0 24px 48px;\n  box-sizing: border-box;\n\n  // for the Dashboard and any other full-page grids:\n  & > .grid:only-child {\n    flex: 1;\n  }\n}\n\n#sidebar-toggle-container {\n  display: none;\n}\n\n#sidebar-container {\n  flex: 0 0 $sidebarWidth;\n  width: $sidebarWidth;\n  box-sizing: border-box;\n  @include margin-left(-24px);\n}\n\n#sidebar {\n  box-sizing: border-box;\n  padding: 0 31px;\n  width: $sidebarWidth;\n  background-color: transparent;\n\n  &.fixed {\n    position: fixed;\n    overflow-y: auto;\n    padding-top: 14px;\n    padding-bottom: 14px;\n  }\n\n  nav {\n    margin-left: -31px;\n    margin-right: -31px;\n\n    li {\n      a {\n        &:not(.sel) {\n          &:hover {\n            background-color: $grey200;\n          }\n        }\n        &.sel {\n          @include pane;\n          background-color: $grey050;\n        }\n      }\n    }\n  }\n}\n\n#content-container {\n  flex: 1;\n\n  #main-content.has-sidebar & {\n    width: calc(100% - #{$sidebarWidth - 24});\n    max-width: calc(100% - #{$sidebarWidth - 24});\n  }\n\n  #main-content.has-details & {\n    width: calc(100% - #{$detailsWidth} - 14px);\n    max-width: calc(100% - #{$detailsWidth} - 14px);\n  }\n\n  #main-content.has-sidebar.has-details {\n    width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n    max-width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n  }\n}\n\n#tabs {\n  margin: -10px -12px 0;\n  padding: 10px 12px 0;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n\n  ul {\n    display: flex;\n    flex-direction: row;\n    max-width: calc(100% - 40px);\n\n    li {\n      max-width: 100%;\n\n      & + li {\n        @include margin-left(-12px);\n      }\n\n      a {\n        display: block;\n        position: relative;\n        border-radius: $mediumBorderRadius $mediumBorderRadius 0 0;\n        padding: 12px 24px;\n        max-width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        box-sizing: border-box;\n        line-height: 1.2;\n\n        &:hover {\n          text-decoration: none;\n        }\n\n        &:not(.sel) {\n          color: $mediumDarkTextColor;\n\n          &:hover {\n            color: $textColor;\n            background-image: linear-gradient(to bottom, $grey050, transparentize($grey050, 0.5));\n          }\n        }\n\n        &.sel {\n          @include pane;\n          z-index: 1;\n          color: $textColor;\n          cursor: default;\n          background-clip: padding-box;\n        }\n      }\n    }\n  }\n\n  #overflow-tab-btn {\n    margin-left: 10px;\n    width: 30px;\n    height: 17px;\n    padding: 0;\n    line-height: 16px;\n    border-radius: $smallBorderRadius;\n    color: $mediumDarkTextColor;\n\n    &:before {\n      margin: 0;\n    }\n\n    &:after {\n      display: none;\n    }\n  }\n}\n\n.content-pane {\n  @include pane;\n  border-radius: $largeBorderRadius;\n  position: relative;\n  background-clip: padding-box;\n  padding: 24px;\n  word-wrap: break-word;\n\n  &.square {\n    body.ltr & {\n      border-top-left-radius: 0;\n    }\n    body.rtl & {\n      border-top-right-radius: 0;\n    }\n  }\n\n  & > hr {\n    margin-left: -24px;\n    margin-right: -24px;\n  }\n}\n\n#footer {\n  z-index: 1;\n  margin: 24px -24px -24px;\n  padding: 10px 24px;\n  background-color: $grey050;\n  border-radius: 0 0 $largeBorderRadius $largeBorderRadius;\n\n  &:empty {\n    display: none;\n  }\n\n  & > *,\n  .flex > * {\n    margin-bottom: 0;\n  }\n}\n\n#details-container {\n  flex: 0 0 #{$detailsWidth + 38};\n  width: $detailsWidth + 38;\n  @include margin-right(-24px);\n  box-sizing: border-box;\n}\n\n#details {\n  box-sizing: border-box;\n  padding-bottom: 24px;\n  @include padding-right(24px);\n  @include padding-left(14px);\n  width: $detailsWidth + 38;\n\n  #main-content.has-tabs & {\n    padding-top: 40px;\n  }\n\n  &.fixed {\n    position: fixed;\n    overflow-y: auto;\n    padding-top: 14px;\n\n    #main-content.has-tabs & {\n      padding-top: 54px;\n    }\n  }\n\n  .meta {\n    margin-bottom: 14px;\n    border-radius: $largeBorderRadius;\n    padding: 0 24px;\n\n    &:not(.read-only):not(.warning) {\n      @include pane;\n      background-color: $grey050;\n    }\n\n    &.read-only {\n      padding-top: 14px;\n      padding-bottom: 14px;\n      background-color: $grey200;\n    }\n\n    &.warning {\n      border: 2px solid $yellow300;\n      padding: 19px 22px;\n      background: $grey050;\n      color: $textColor !important;\n\n      p {\n        margin-bottom: 5px;\n      }\n\n      .btn {\n        background-color: $yellow300;\n\n        &:hover,\n        &:focus {\n          background-color: darken($yellow300, 10%);\n        }\n\n        &:active {\n          background-color: darken($yellow300, 15%);\n        }\n      }\n    }\n\n    & > .field,\n    & > .data {\n      margin: 0 -24px !important;\n\n      &:first-child {\n        border-top-left-radius: $largeBorderRadius;\n        border-top-right-radius: $largeBorderRadius;\n      }\n\n      &:last-child {\n        border-bottom-left-radius: $largeBorderRadius;\n        border-bottom-right-radius: $largeBorderRadius;\n      }\n\n      & > .heading > label,\n      & > .heading {\n        color: $grey600;\n      }\n    }\n    & > .field.has-errors {\n      margin: 0 -24px !important;\n      padding: 0 24px;\n    }\n\n    & > .field {\n      .status-badge {\n        @include left(4px);\n        top: calc(50% - 8px);\n      }\n    }\n\n    .text::placeholder,\n    .datewrapper .text:placeholder-shown + div[data-icon],\n    .timewrapper .text:placeholder-shown + div[data-icon] {\n      color: $grey300;\n    }\n\n    .ui-datepicker {\n      @include margin(0, 0, 0, -8px);\n    }\n  }\n\n  hr {\n    margin: 14px 0;\n    border-top-color: $hairlineColor;\n  }\n\n  .spinner {\n    background-image: url(../images/spinner_details.gif);\n  }\n\n  .text {\n    background-color: transparent;\n  }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - 1px) {\n  #global-container {\n    @include left(-$sidebarWidth);\n    width: calc(100vw + #{$sidebarWidth});\n\n    body.ltr & {\n      transition: left 250ms ease-in-out;\n    }\n\n    body.rtl & {\n      transition: right 250ms ease-in-out;\n    }\n\n    body.ltr.showing-nav & {\n      left: 0;\n    }\n\n    body.rtl.showing-nav & {\n      right: 0;\n    }\n  }\n\n  #crumbs {\n    display: flex !important;\n  }\n\n  #header {\n    width: 100vw;\n  }\n\n  #nav-toggle {\n    display: block;\n  }\n\n  #main-content {\n    width: 100vw;\n  }\n}\n\n// Rearrange #main-content to flow vertically at < 999\n@media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n  #header {\n    display: block;\n\n    .flex:not(#toolbar) {\n      margin-top: 10px;\n    }\n  }\n\n  #toolbar {\n    flex-wrap: wrap !important;\n\n    & > * {\n      margin-top: 10px !important;\n    }\n  }\n\n  body.fixed-header #header .flex:first-child {\n    margin-top: 0;\n  }\n\n  #main-content {\n    display: block;\n  }\n\n  #sidebar-toggle-container {\n    display: block;\n    margin-bottom: 14px;\n  }\n\n  #sidebar-toggle {\n    &:after {\n      @include icon;\n      content: 'downangle';\n      @include margin-left(5px);\n    }\n\n    body.showing-sidebar & {\n      background-color: darken($grey200, 10%) !important;\n\n      &:after {\n        content: 'upangle';\n      }\n    }\n  }\n\n  #sidebar-container,\n  #details-container {\n    width: auto !important;\n  }\n\n  #sidebar,\n  #details {\n    position: static !important;\n    overflow-y: visible !important;\n    max-height: none !important;\n    width: auto;\n  }\n\n  #sidebar {\n    margin-bottom: 14px;\n\n    body:not(.showing-sidebar) & {\n      display: none;\n    }\n  }\n\n  #details-container {\n    @include margin-right(0);\n  }\n\n  #content-container {\n    width: auto !important;\n    max-width: none !important;\n  }\n\n  #details {\n    padding: 0 !important;\n    margin-top: 14px;\n  }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n  #crumbs,\n  #header,\n  #main-content {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  #tabs ul li {\n    a {\n      padding-left: 14px;\n      padding-right: 14px;\n    }\n\n    & + li {\n      @include margin-left(-7px);\n    }\n  }\n}\n\n@media print {\n}\n\n#settingsmenu ul li a {\n  @include padding-left(46px);\n\n  &:before {\n    @include margin(1px, 0, 0, -22px);\n    font-size: 15px;\n  }\n\n  img {\n    width: 16px;\n    height: 16px;\n    position: absolute;\n    margin-left: -23px;\n    margin-top: 1px;\n  }\n}\n\n/* grids */\n.grid {\n  position: relative;\n\n  &:after {\n    @include clearafter;\n  }\n\n  & > .item {\n    display: none;\n    box-sizing: border-box;\n  }\n}\n\n.lp-editor-container,\n.lp-preview-container {\n  position: fixed;\n  top: 0;\n  height: 100%;\n  background-color: $white;\n  z-index: 100;\n\n  header {\n    padding: 10px 24px;\n    background-color: $grey100;\n    box-shadow: 0 1px 0 transparentize($grey700, 0.8);\n    box-sizing: border-box;\n\n    @supports (backdrop-filter: blur(10px)) {\n      & {\n        position: absolute;\n        z-index: 2;\n        top: 0;\n        left: 0;\n        width: 100%;\n        background-color: transparentize($grey100, 0.25);\n        backdrop-filter: blur(10px);\n\n        & + .lp-editor {\n          padding-top: #{10 + 34 + 10 + 24}px;\n        }\n      }\n    }\n\n    .btn, .spinner, .checkmark-icon {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.lp-editor-container {\n  display: flex;\n  flex-direction: column;\n  box-shadow: 1px 0 0 transparentize($grey700, 0.8);\n\n  .lp-editor {\n    flex: 1;\n    padding: 24px;\n    overflow: auto;\n    box-sizing: border-box;\n\n    & > .field:last-child {\n      margin-bottom: 24px !important;\n    }\n  }\n\n  .lp-draghandle {\n    position: absolute;\n    z-index: 6;\n    top: 0;\n    @include right(-2px);\n    width: 4px;\n    height: 100%;\n    cursor: col-resize;\n  }\n}\n\n.lp-preview-container {\n  display: flex;\n  flex-direction: column;\n\n  &.dragging:after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    content: '';\n    font-size: 0;\n  }\n\n  .lp-preview-header {\n    justify-content: center;\n\n    & + .lp-iframe-container {\n      padding-top: 54px;\n    }\n  }\n\n  .lp-iframe-container {\n    flex: 1;\n    overflow: auto;\n\n    .lp-preview {\n      display: block;\n      width: 100%;\n      min-height: 100%;\n    }\n  }\n}\n\n/* Sidebar */\n.sidebar {\n  padding: 14px 0;\n  width: $sidebarWidth;\n  box-sizing: border-box;\n  font-size: 13px;\n  background-color: $grey050;\n\n  .heading {\n    position: relative;\n    margin: 14px 24px 2px;\n\n    span {\n      display: inline-block;\n      position: relative;\n      z-index: 1;\n      padding: 0 5px;\n      margin: 0 -5px;\n      text-transform: uppercase;\n      color: $lightTextColor;\n      font-size: 11px;\n      font-weight: bold;\n    }\n  }\n\n  @mixin nav-level($level) {\n    & > a {\n      @include padding-left(24px + 14 * $level);\n    }\n\n    & > .toggle {\n      @include left(14px * $level);\n    }\n  }\n\n  nav {\n    padding: 0 7px;\n\n    & > ul > li {\n      @include nav-level(0);\n      & > ul > li {\n        @include nav-level(1);\n        & > ul > li {\n          @include nav-level(2);\n          & > ul > li {\n            @include nav-level(3);\n            & > ul > li {\n              @include nav-level(4);\n            }\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative;\n\n      &:not(.has-subnav) > a {\n        transition: background-color linear 100ms;\n\n        &:hover {\n          text-decoration: none;\n          background-color: $grey100;\n        }\n\n        &.sel {\n          cursor: default;\n          background-color: $grey200;\n        }\n      }\n\n      a {\n        position: relative;\n        margin-bottom: 1px;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 7px 24px;\n        min-height: 24px;\n        box-sizing: border-box;\n        color: $textColor;\n        user-select: none;\n        outline: none;\n        border-radius: $largeBorderRadius;\n\n        .status {\n          flex-shrink: 1;\n        }\n\n        .icon {\n          @include margin-right(10px);\n          flex-shrink: 1;\n          width: 18px;\n          height: 18px;\n          transition: margin-left linear 150ms, margin-right linear 150ms;\n\n          &.icon-mask {\n            svg {\n              @include svg-mask($mediumTextColor);\n            }\n\n            span[data-icon] {\n              color: $mediumTextColor;\n            }\n          }\n\n          svg {\n            width: 16px;\n            height: 16px;\n          }\n\n          span[data-icon] {\n            font-size: 16px;\n\n            &::before {\n              display: block;\n            }\n          }\n        }\n\n        .label {\n          flex: 1;\n        }\n\n        .badge {\n          @include margin(0, -4px, 0, 10px);\n          flex-shrink: 1;\n          padding: 0 6px;\n          font-size: 11px;\n          line-height: 16px;\n          border-radius: 8px;\n          background-color: $mediumTextColor;\n          color: $white;\n        }\n      }\n\n      .toggle {\n        position: absolute;\n        top: 7px;\n      }\n\n      ul {\n        display: none;\n      }\n\n      &.expanded > ul {\n        display: block;\n      }\n    }\n  }\n}\n\n#job-icon {\n  align-items: flex-start;\n\n  .icon {\n    margin-top: 2px !important;\n  }\n\n  .progress-label {\n    display: block;\n    color: $grey300;\n    font-size: 11px;\n    line-height: 1.5;\n  }\n}\n\n.content.has-sidebar:not(.hiding-sidebar) {\n  @include margin-left($sidebarWidth);\n}\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields {\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  margin: 0 -14px -24px 0;\n  width: calc(100% + 14px);\n\n  & > h2 {\n    margin: 0 -10px 24px -24px !important;\n    padding: 0 10px 0 24px;\n    width: calc(100% + 34px);\n\n    &:not(:first-child) {\n      padding-top: 24px;\n      border-top: 1px solid $hairlineColor;\n    }\n  }\n\n  & > hr {\n    margin: 0 -10px 24px -24px;\n    width: calc(100% + 34px);\n  }\n\n  & > :not(h2):not(hr) {\n    &, &:last-child {\n      margin: 0 14px 24px 0 !important;\n      width: calc(100% - 14px);\n\n      // 4 cols for >= 1200\n      @media only screen and (min-width: $minFullUiWidth + $sidebarWidth) {\n        &.width-25 {\n          width: calc(25% - 14px);\n        }\n        &.width-50 {\n          width: calc(50% - 14px);\n        }\n        &.width-75 {\n          width: calc(75% - 14px);\n        }\n      }\n\n      // 2 cols fol 712 - 1200\n      @media only screen and (min-width: 500px) and (max-width: $minFullUiWidth + $sidebarWidth - 1px) {\n        &.width-25,\n        &.width-50 {\n          width: calc(50% - 14px);\n        }\n      }\n    }\n  }\n}\n\n/* retina */\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (-moz-min-device-pixel-ratio: 1.5),\nonly screen and (-o-min-device-pixel-ratio: 3/2),\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n  #details {\n    .spinner {\n      background-image: url(../images/spinner_details_2x.gif);\n      background-size: 20px;\n    }\n  }\n  #toolbar {\n    .spinner {\n      background-image: url(../images/spinner_toolbar_2x.gif);\n      background-size: 20px;\n    }\n  }\n  #upgrademodal.loading {\n    background-image: url(../images/spinner_big_2x.gif);\n    background-size: 48px;\n  }\n  #upgrademodal-success {\n    .message {\n      background-image: url(../images/success_2x.png);\n      background-size: 48px;\n    }\n  }\n}\n","@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 10;\n$gridColor: hsl(212, 50%, 95%);\n\n@mixin workspaceBg {\n  background-color: $grey050;\n  background-image: linear-gradient(to right, $gridColor 1px, transparent 0px),\n  linear-gradient(to bottom, $gridColor 1px, transparent 1px);\n  background-size: $base $base;\n}\n\n.layoutdesigner {\n  display: flex;\n  align-items: stretch;\n  position: relative;\n  @include input-styles;\n  overflow: hidden;\n  box-shadow: none;\n  @include padding-right($tabWidth + 1);\n  min-height: 500px;\n\n  .fld-workspace {\n    flex: 1;\n    @include border-radius($smallBorderRadius, 0, 0, $smallBorderRadius);\n    @include padding($base, 0, $base, $base);\n    @include workspaceBg;\n    background-position: -1px -1px;\n    box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n\n    .fld-tabs {\n      display: flex;\n      align-items: flex-start;\n      flex-wrap: wrap;\n    }\n  }\n\n  .fld-sidebar {\n    position: absolute;\n    top: 0;\n    @include right(0);\n    height: 100%;\n    width: $tabWidth + 1;\n    padding: $tabPadding;\n    overflow: auto;\n    box-sizing: border-box;\n\n    .btngroup {\n      margin-bottom: $tabPadding;\n    }\n\n    .fld-field-library {\n      .fld-field-group {\n        margin-top: $tabPadding;\n\n        h6 {\n          margin-bottom: 7px;\n        }\n      }\n    }\n\n    .filtered {\n      display: none;\n    }\n  }\n\n  .fld-new-tab-btn:active {\n    background-color: $grey050;\n  }\n}\n\n.fld-sidebar,\n.fld-tab .tabs .tab,\n.fld-tab .fld-tabcontent,\n.fld-new-tab-btn,\n.fld-new-tab-btn:hover {\n  background-color: $white;\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9), 0 2px 5px -2px transparentize($grey900, 0.8);\n}\n\n.fld-tab .settings,\n.fld-element .slide-picker{\n  @include margin-left(7px);\n}\n\n.fld-tab .settings:before,\n.fld-field .settings:before {\n  margin-top: -2px;\n  font-size: 16px;\n  opacity: 0.5;\n}\n\n.fld-tab .settings:hover:before,\n.fld-tab .settings.active:before,\n.fld-field .settings:hover:before,\n.fld-field .settings.active:before {\n  opacity: 1;\n}\n\n.fld-tab {\n  width: $tabWidth + $base;\n  @include padding(0, $base + 1, $base, 0);\n  box-sizing: border-box;\n\n  .tabs {\n    margin: -10px -12px 0;\n    padding: 10px 12px 0;\n    overflow: hidden;\n    display: flex;\n\n    .tab {\n      display: flex;\n      padding: 8px $tabPadding;\n      border-radius: $mediumBorderRadius $mediumBorderRadius 0 0;\n\n      body:not(.dragging) &.draggable {\n        cursor: move;\n        cursor: grab;\n      }\n    }\n  }\n\n  .fld-tabcontent {\n    padding: $tabPadding;\n    @include border-radius(0, $mediumBorderRadius, $mediumBorderRadius, $mediumBorderRadius);\n  }\n\n  &.fld-insertion {\n    .tabs .tab,\n    .fld-tabcontent {\n      margin: -2px;\n      border: 2px dashed $hairlineColor;\n      box-shadow: none;\n      @include workspaceBg;\n    }\n    .tabs .tab {\n      background-position: -1px -1px;\n    }\n    .fld-tabcontent {\n      background-position: -1px -13px;\n    }\n  }\n}\n\n.fld-tab-caboose {\n  min-height: 24px;\n}\n\n.fld-element {\n  position: relative;\n  padding: 7px 10px;\n  box-shadow: inset 0 0 0 1px $hairlineColor;\n  background-color: $white;\n  border-radius: $mediumBorderRadius;\n\n  body:not(.dragging) & {\n    cursor: move;\n    cursor: grab;\n  }\n\n  & + .fld-element {\n    margin-top: 7px;\n  }\n\n  &.fld-insertion {\n    box-sizing: border-box;\n    border: 2px dashed $hairlineColor;\n    border-radius: $mediumBorderRadius;\n    background: none;\n    box-shadow: none;\n  }\n\n  &.draghelper {\n    @include shadow;\n  }\n\n  &.fld-field {\n    display: flex;\n    align-items: center;\n    background-color: $grey100;\n\n    &:not(.draghelper) {\n      box-shadow: none;\n    }\n\n    .fld-field-hidden:not(.hidden) {\n      margin-top: -3px;\n      @include margin-right(5px);\n\n      &:before {\n        @include icon;\n        content: 'shuteye';\n      }\n\n      &,\n      & + .field-name h4 {\n        color: $mediumTextColor;\n      }\n    }\n\n    .field-name {\n      flex: 1;\n      overflow: hidden;\n\n      h4 {\n        margin-bottom: 2px;\n      }\n    }\n\n    &.fld-required .field-name h4:after {\n      @include icon;\n      @include margin(-2px, 0, 0, 4px);\n      content: 'asterisk';\n      font-size: 8px;\n    }\n  }\n\n  .fld-element-label {\n    font-weight: normal;\n    color: $textColor;\n  }\n\n  .fld-element-label,\n  &.fld-field .field-name .smalltext {\n    flex: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\nbody.dragging {\n  cursor: move !important;\n  cursor: grabbing !important;\n}\n\n.fld-hr {\n  display: flex;\n  justify-content: center;\n  padding: 9px 10px;\n\n  &:before {\n    position: absolute;\n    display: block;\n    top: calc(50% - 2px);\n    left: 10px;\n    width: calc(100% - 20px);\n    height: 4px;\n    content: '.';\n    font-size: 0;\n    background-color: $grey100;\n    border-radius: 2px;\n  }\n\n  .smalltext {\n    position: relative;\n    background-color: $grey100;\n    border-radius: 8px;\n    padding: 1px 7px;\n  }\n}\n\n.fld-ui-element {\n  display: flex;\n  align-items: center;\n\n  .fld-element-icon {\n    @include margin-right(5px);\n    text-align: center;\n\n    &,\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n\n    svg {\n      @include svg-mask($lightTextColor);\n    }\n  }\n}\n\n.fld-element-settings {\n  width: $tabWidth;\n}\n","@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n/* No Scroll */\nhtml.noscroll, html.noscroll body {\n  overflow: hidden;\n  height: 100%;\n}\n\n/* Image Editor */\n\n.modal.imageeditor {\n  background-color: $grey900;\n  color: $white;\n  @include light-on-dark-text;\n  opacity: 0;\n  user-select: none;\n}\n\n.modal.imageeditor.modal {\n  border-radius: 0;\n}\n\n.modal.imageeditor.modal .body:after {\n  display: none;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder) {\n  background-color: $grey600;\n  color: $white;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder):hover {\n  background-color: $grey700;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder).active {\n  background-color: $grey800;\n}\n\n.modal.imageeditor .icon::before {\n  width: 24px;\n  height: 24px;\n  margin-top: -4px;\n  margin-left: -3px;\n  display: inline-block;\n  content: ' ';\n}\n\n.modal.imageeditor .icon.rotate-left::before {\n  background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .icon.rotate-right::before {\n  background-image: url(../images/image-editor/rotate-right.svg);\n}\n\n.modal.imageeditor .icon.flip-vertical::before {\n  background-image: url(../images/image-editor/flip-vertical.svg);\n}\n\n.modal.imageeditor .icon.flip-horizontal::before {\n  background-image: url(../images/image-editor/flip-horizontal.svg);\n}\n\n.modal.imageeditor .icon.constraint::before {\n  background-image: url(../images/image-editor/unconstrained.svg);\n}\n\n.modal.imageeditor .icon.focal-point::before {\n  background-image: url(../images/image-editor/focal-point.svg);\n}\n\n.modal.imageeditor .body {\n  display: flex;\n  padding: 0;\n}\n\n.modal.imageeditor .body .tabs {\n  border-right: 1px solid $grey1000;\n}\n\n.modal.imageeditor .body .tabs ul {\n  width: 100px;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.modal.imageeditor .body .tabs ul li {\n  padding: 14px;\n  text-align: center;\n  border-bottom: 1px solid $grey1000;\n}\n\n.modal.imageeditor .body .tabs ul li i {\n  background-repeat: no-repeat;\n  background-position: top center;\n  display: block;\n  height: 24px;\n}\n\n.modal.imageeditor .body .tabs ul li[data-view=\"rotate\"] i {\n  background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view=\"crop\"] i {\n  background-image: url(../images/image-editor/crop.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view=\"filters\"] i {\n  background-image: url(../images/image-editor/filters.svg);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n  background-color: darken($grey900, 2%);\n}\n\n.modal.imageeditor .body .tabs ul li.selected {\n  background-color: darken($grey900, 5%);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n  cursor: pointer;\n}\n\n.modal.imageeditor .body .views {\n  padding: 24px;\n  overflow: auto;\n}\n\n.modal.imageeditor .body .views .btngroup {\n  margin-bottom: 24px;\n}\n\n.modal.imageeditor .body .views .filters ul {\n  width: 100px;\n}\n\n.modal.imageeditor .body .views .filters ul li {\n  text-align: center;\n  margin-right: 14px;\n  margin-bottom: 14px;\n}\n\n.modal.imageeditor .body .views .filters ul li:last-child {\n  margin-right: 0;\n}\n\n.modal.imageeditor .body .views .filters ul li img {\n  border: 3px solid transparent;\n  border-radius: 4px;\n}\n\n.modal.imageeditor .body .views .filters ul li span {\n  display: block;\n}\n\n.modal.imageeditor .body .views .filters ul li:hover {\n  cursor: pointer;\n}\n\n.modal.imageeditor .body .views .filters ul li.selected img {\n  border-color: $white;\n}\n\n.modal.imageeditor .body .image-container {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow: hidden;\n}\n\n.modal.imageeditor .body .image-container .image {\n  text-align: center;\n  flex-grow: 1;\n  position: relative;\n}\n\n.modal.imageeditor .body .image-container .image canvas {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.modal.imageeditor .body .image-container .image-tools {\n  text-align: center;\n}\n\n.modal.imageeditor .body .image-container .image-tools .straightening {\n  max-width: 400px;\n  display: block;\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n.modal.imageeditor .footer {\n  position: absolute;\n  background-color: transparent;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  border-top: 1px solid #000;\n}\n\n.modal.imageeditor .body .views .crop {\n  .orientation {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    input {\n      -webkit-appearance:none;\n      -moz-appearance:none;\n      appearance:none;\n      background-position: center center;\n      background-repeat: no-repeat;\n      margin: 0 4px;\n      cursor: pointer;\n\n      &:focus {\n        outline: none;\n      }\n\n      &[value=\"landscape\"] {\n        width: 30px;\n        height: 20px;\n        background-image: url(../images/image-editor/orientation-landscape-unchecked.svg);\n\n        &:checked {\n          background-image: url(../images/image-editor/orientation-landscape-checked.svg);\n        }\n      }\n\n      &[value=\"portrait\"] {\n        width: 20px;\n        height: 30px;\n        background-image: url(../images/image-editor/orientation-portrait-unchecked.svg);\n\n        &:checked {\n          background-image: url(../images/image-editor/orientation-portrait-checked.svg);\n        }\n      }\n    }\n  }\n}\n\n.modal.imageeditor.vertical .body .views .crop {\n  & > .btngroup:first-child {\n    justify-content: center;\n  }\n\n  .constraint-buttons-container {\n    display: flex;\n    justify-content: center;\n\n    .constraint-buttons {\n      overflow: auto;\n      margin-left: -24px;\n      margin-right: -24px;\n      margin-bottom: 12px;\n      padding-left: 24px;\n      padding-right: 24px;\n      padding-bottom: 12px;\n\n      .constraint {\n        padding: 4px 12px;\n\n        &:hover {\n          cursor: pointer;\n        }\n\n        &.active {\n          color: #fff;\n          background: $darkSelColor;\n          border-radius: 1rem;\n        }\n      }\n\n      .constraint:last-child {\n        position: relative;\n\n        &:after {\n          content: \"\";\n          display: block;\n          position: absolute;\n          right: -24px;\n          width: 24px;\n          height: 1px;\n        }\n      }\n    }\n  }\n}\n\n.modal.imageeditor:not(.vertical) .body .views .crop {\n  .constraint-buttons {\n    flex-direction: column;\n    align-items: stretch;\n    text-align: center;\n\n    .constraint {\n      text-align: left;\n      padding: 4px 0 4px 24px;\n      cursor: pointer;\n\n      &.active {\n        background-position: left center;\n        background-repeat: no-repeat;\n        background-image: url(../images/image-editor/check.svg);\n      }\n    }\n  }\n}\n\n/* Vertical */\n\n.vertical.imageeditor .body {\n  flex-direction: column-reverse;\n}\n\n.vertical.imageeditor .body .tabs ul {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  border-top: 1px solid #000;\n  border-bottom: 1px solid #000;\n}\n\n.vertical.imageeditor .body .tabs ul li {\n  flex-grow: 1;\n  border: 0;\n  border-right: 1px solid #000;\n  padding: 7px;\n}\n\n.vertical.imageeditor .body .views {\n  width: auto;\n}\n\n.vertical.imageeditor .body .views .rotate {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin-bottom: -14px;\n}\n\n.vertical.imageeditor .body .views .rotate .btngroup {\n  margin: 0 7px 14px;\n}\n\n.vertical.imageeditor .body .views .filters ul {\n  width: auto;\n  height: 109px;\n  overflow: auto;\n  white-space: nowrap;\n  margin: 0 -24px;\n  margin-bottom: -24px;\n  padding: 24px;\n  text-align: center\n}\n\n.vertical.imageeditor .body .views .filters ul li {\n  display: inline-block;\n  margin-bottom: 0;\n}\n\n/* Slide Rule */\n\n.slide-rule {\n  position: relative;\n  padding: 10px 0;\n}\n\n.slide-rule .cursor {\n  position: absolute;\n  margin-left: -4px;\n  margin-top: 4px;\n  left: 50%;\n  z-index: 1;\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-top: 5px solid #63A6E1;\n}\n\n.slide-rule .graduations {\n  white-space: nowrap;\n  height: 40px;\n  position: relative;\n}\n\n.slide-rule .graduations ul {\n  position: relative;\n  float: left;\n}\n\n.slide-rule .graduations ul li {\n  display: inline-block;\n  font-size: 8px;\n  position: relative;\n  width: 10px;\n}\n\n.slide-rule .graduations ul li:not(.main-graduation) {\n  left: 1px;\n}\n\n.slide-rule .graduations ul li.main-graduation:before {\n  border-left-width: 3px;\n}\n\n.slide-rule .graduations ul li.main-graduation .label {\n  display: block;\n  cursor: default;\n}\n\n.slide-rule .graduations ul li.selected:before {\n  border-left-color: #63A6E1;\n}\n\n.slide-rule .graduations ul li:before {\n  content: '';\n  position: absolute;\n  border-left: 1px solid $white;\n  height: 10px;\n  top: 0px;\n  left: 0;\n}\n\n.slide-rule .graduations ul li .label {\n  width: 20px;\n  position: absolute;\n  top: 10px;\n  left: -9px;\n  display: none;\n  text-align: center;\n}\n\n.slide-rule .value {\n  display: none;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  z-index: 1;\n  box-sizing: border-box;\n  padding: 5px;\n  width: 50px;\n  margin-left: -25px;\n  background: $grey600;\n}\n\n.slide-rule .overlay {\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 1px;\n  left: 0;\n  background-image: linear-gradient(to right, $grey900 0%, transparentize($grey900, 1) 15%, transparentize($grey900, 1) 85%, $grey900 100%);\n}\n\n/* Misc */\n\n.menu.dark {\n  background-color: $grey600;\n  @include light-on-dark-text;\n\n  ul {\n    li {\n      a {\n        color: $white !important;\n\n        &:not(.sel):not(.disabled):hover {\n          background-color: $grey700;\n        }\n      }\n    }\n  }\n}\n\n","_:-ms-lang(x),\n.elements .tableview td.checkbox-cell input.checkbox + label,\n.elements .tableview td.checkbox-cell div.checkbox {\n  top: 16px;\n}\n\n_:-ms-lang(x),\ninput.checkbox + label:empty,\ndiv:empty.checkbox {\n  display: block;\n}\n"]}